简单网页制作实验报告

关键词：网页实验报告设计说明主题

简单网页制作实验报告（共7篇）

篇1：简单网页制作实验报告

《大学计算机基础》专业名称学号:xxxxxxxxxxx 姓名:xx 指导教师:xx 实验报告

2011年12月24日

第一章网站主题设计说明.....................1

1.1 主题内容..........................1

1.2 设计思路....................1

第二章网站内容设计.................2

1.1 链接1标题........................2

1.2 链接2标题.........................2

1.3 flash制作说明......................2

第三章网站技术难点................3

第四章心得体会..................................4

第一章网站主题设计说明

1.1主题内容….……................1

网站主题为“四季の花”，包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句，色彩缤纷，十分艳丽夺目。

1.2设计思路………………………………………………2

大多网站都设计的关于音乐，影视，购物等非常热门的东西，本站设计的主题是花，能让人们在闲下来的时候看看花，品品诗歌，所以做有关花的网页是个不错的选择。同时，让人们分清楚春夏秋冬都各有什么典型的花。

第二章网站内容设计

1.1链接1标题：春の花

春天是生命的季节，在这个季节里，万物复苏。所以就找了虞美人，桃花，牡丹，以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。

1.2 链接2标题：夏の花

夏天充满了激情与阳光，我找了兰花，荷花，百合花等来代表这个季节，色彩艳丽，十分醒目夺人。

1.3 链接3标题：秋の花

大丽花，菊花，月季和牡丹花都竞相出现在本网页，色彩缤纷，赏心悦目。

1.4 链接4标题：冬の花

蝴蝶兰，水仙，迎春花，梅花是冬季的代表，他们刻画了一副傲立冬天的坚强的姿态。

网站技术难点

在制作网页时，要插入很多的图片，而为了清晰，图片都是尺寸比较大的，所以每次插入图片时都要进行调整图片小这一工作，十分麻烦。同时为了观看网页方便，我便每页都创建了可以连接到任意网页的导航栏，所以此工作也是十分繁琐麻烦的。网页的布局同时也是一个难点，为了美观，则要不断调整各图片的大小，色彩搭配以及很多背景色及字体颜色。还有，对于素材的选取也要认真筛选，否则整个网页做完看上去十分不协调。

心得体会

制作网页是一个循序渐进的过程，我们要在不断练习的过程中，学会怎样去连接，怎么去插入图片，怎么选择一个合适的背景，使得整体的网页更加和谐自然。同时，为了使所做的网页更加充实，我们还要在内容上添加一些诗歌呀，文章等文字性的东西。色彩的搭配，文字的大小，以及所作网页的大小，每一点都是十分重要的，所以只有在每一点都认真的考虑衡量之后，最终做出的网页才会很赏析悦目，独具特色，并且很好的诠释所作网页的主题。

所以，多方面的衡量才能做出一份好的网页，我们一定要多练习才能提高自己的网页制作水平。

篇2：简单网页制作实验报告

实验一：站点设置

一、实验目的及要求

本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windows xp操作系统;建立iis服务器环境，支持asp。

3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;

三、实验原理

通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

四、实验方法与步骤

1)执行“站点管理站点”命令，在弹出的“管理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。

2)在弹出的“站点定义为”对话框中单击“高级”选项卡。

3)在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹，完成后单击“确定”按钮，返回“管理站点”对话框。

4)在“管理站点”对话框中单击“完成”按钮，站点创建完毕。

五、实验结果

六、讨论与结论

实验开始之前要先建立一个根文件夹，在实验的过程中把站点存在自己建的文件夹里，这样才能使实验条理化，不至于在实验后找不到自己的站点。在实验过程中会出现一些选项，计算机一般会有默认的选择，最后不要去更改，如果要更改要先充分了解清楚该选项的含义，以及它会造成的效果，否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。

实验二：页面图像设置

一、实验目的及要求：

本实例的目的是设置页面的背景图像,并创建鼠标经过图像。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windows xp操作系统;建立iis服务器环境，支持asp。

3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;

4、安装acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

设置页面的背景图像,并创建鼠标经过图像。

四、实验方法与步骤

1)在“页面属性”对话框中设置页面的背景图像。

2)在页面文档中单击“”插入鼠标经过图像。

五、实验结果

六、讨论与结论

实验结束后我们可以看到页面的背景变成了我们插入的图像，并且要鼠标经过的时候会变成另一个图像，这就是鼠标经过图像的效果。当然这种实验效果很难在实验结果的截图里表现出来。这个实验的关键在于背景图像的选择，如果背景图像太大不仅会影响网页的打开速度，甚至图像在插入会也会有失真的感觉，因此在插入前对图像进行必要的处理能使实验的效果更好。

实验三：表格制作

一、实验目的及要求：

本实例是要创建边框为1像素的表格。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windows xp操作系统;建立iis服务器环境，支持asp。

3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;

4、安装acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建边框为1像素的表格。

四、实验方法与步骤

1)在文档中，单击表格“”按钮，在对话框中将“单元格间距”设置为“1”。

2)选中插入的表格，将“背景颜色”设置为“黑色”(#0000000)。

3)在表格中选中所有的单元格，在“属性”面版中将“背景颜色”设置为“白色”(#ffffff)。

4)设置完毕，保存页面，按下“f12”键预览。

五、实验结果

六、讨论与结论

本实验主要通过整个表格和单元格颜色的差异来衬托出实验效果，间距的作用主要在于表现这种颜色差异。表格的背景颜色和单元格的背景颜色容易混淆，在实验中要认真判断，一旦操作错误则得不到实验的效果。“表格宽度”文本框右侧的表格的宽度单位，包括“像素”和“百分比”两种，容易混淆，要充分地理解这两种单位表示的意义才能正确地进行选择，否则就不能达到自己想要的效果，设置错误就会严重影响实验效果。

实验四：创建锚点链接

一、实验目的及要求：

本实例的目的是创建锚点链接。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windows xp操作系统;建立iis服务器环境，支持asp。

3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;

4、安装acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建锚点链接。

四、实验方法与步骤

1)在页面中插入1行4列的表格，并在各单元格中输入导航文字。

2)分别选中各单元格的文字，单击“”按钮，在弹出的“超级链接”对话框上的“链接”文本框分别输入“#01”“#02”“#03”“#04”。

3)在文档中输入文字并设置锚记名称“01”，按下“ enter”键换行，输入一篇文章。

4)在文章的结尾处换行，输入文字并设置锚记名称“02”，按下“ enter”键换行，输入一篇文章。

5)同样的方法在页面下文分别输入文字和命名锚记为“03”和“04”，并输入文章。

6)保存页面，按下“f12”键预览。

五、实验结果

六、讨论与结论

添加瞄记的作用是可以帮读者快速找到自己想要的文章，同时也可以使页面更加精简。本实验的关键难点在于链接文本框输入的名称和瞄记的名称要相一致才能达到实验的效果，同时要记得是在上一篇文章的结尾处输入文字并设置瞄记名称，并记得输入对应的文章，否则瞄记可能不能用。熟练程度低在实验中不能很好地使用各种工具，无法一次准确地寻找到适当的位置。实验中忘记选择“不可见元素”，几次实验都失败，最后才得出正确的结论。因此在实验前要先做好预习，否则实验过程会比较吃力。

实验五：设置css样式

一、实验目的及要求：

本实例的目的是通过设置css样式创建表格的虚线边框。

范文网【】

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windows xp操作系统;建立iis服务器环境，支持asp。

3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;

4、安装acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

通过设置css样式创建表格的虚线边框。

四、实验方法与步骤

1)在网页中创建一个表格。

2)在“css样式”面板中单击“”按钮，在弹出的对话框中进行设置，完成后单击“确定”按钮。

3)在弹出的对话框中进行设置，完成后单击“确定”按钮。

五、实验结果

六、讨论与结论

对话框中各项指标和属性的设置存在一定的难度，如果没熟练掌握就容易出错使实验失败。对“ccs”样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬。这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度，只要充分地掌握了软件的各种操作，对各属性所代表的含义有充分的认识就能很好地完成这个实验。

实验六：创建表单

一、实验目的及要求：

本实例的目的是创建一个募捐表单。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装Windows Xp操作系统;建立IIS服务器环境，支持ASp。

3、安装网页三剑客(Dreamweaver MX;Flash MX;Fireworks MX)等网页设计软件;

4、安装Acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建一个募捐表单。

四、实验方法与步骤

1)在网页中插入表格，设置为居中对齐，并插入一幅图像。

2)在表格的第二行单元格中，单击“”按钮，插入表单。

3)在表单域中插入表单对象和文字。

4)按下“F12”键，预览效果。

五、实验结果

六、讨论与结论

这个图像关键首先在于背景图象的选择，图像如果过于花俏则会使表单过于杂乱，如果颜色过深则会掩盖了表单上的字，依次最好不要用黑色。图像也不能过大，不然会使表单太繁杂。其次是各多选框和单选按扭的设置难度比较大，对于初次做这个实验的人来说需要多次的试验才能达到满意的效果。表格拆分的难度大，要多次实验才能达到自己想要的效果。

实验七：页面中控制播放Flash动画

一、实验目的及要求：

本实例的目的是实现在页面中控制播放Flash动画。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装Windows Xp操作系统;建立IIS服务器环境，支持ASp。

3、安装网页三剑客(Dreamweaver MX;Flash MX;Fireworks MX)等网页设计软件;

4、安装Acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

实现在页面中控制播放Flash动画。

四、实验方法与步骤

1)在页面中插入表格，并在表格中插入Flash动画和两个表单按钮。

2)分别选择两个表单按钮，在“行为”面板中单击“”按钮，在弹出的快捷菜单中选择“控制Shockwave或Flash”命令，打开“控制Shockwave或Flash”对话框，分别设置。

3)保存页面，按下“F12”键预览。单击“播放”按钮时，开始播放Flash动画;当单击“停止”按钮时，则停止播放Flash动画。

五、实验结果

六、讨论与结论

“控制Shockwave或Flash”对话框，设置难度比较大，设置错误FLASH可能无法播放。控制按钮的创建也是关键所在，控制按钮不能使用则等于整个实验的失败，因此要认真做好各个按钮并确保质量。在这次实验中我遇到的最大问题就是设置“控制Shockwave或Flash”对话框，因为我对其各项的属性了解不够清楚，在选择时很难正确地做出判断，因此掌握好这方面的知识是做好这个实验的前提。

实验八：制作浮雕文字

一、实验目的及要求：

本实例使用Flash的绘画工具制作出的有浮雕感的文字。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装Windows Xp操作系统;建立IIS服务器环境，支持ASp。

3、安装网页三剑客(Dreamweaver MX;Flash MX;Fireworks MX)等网页设计软件;

4、安装Acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

使用Flash的绘画工具制作出的有浮雕感的文字。

四、实验方法与步骤

1)在舞台中输入文本，并将文本移动到舞台中央位置。

2)新建图层2，并复制图层1的第1帧到图层2的第1帧，并改变字体颜色。

3)拖曳图层2到图层1的下方，分别按下键盘上的方向键的左移键和上移键各一次。

4)新建图层3，复制图层2的第1帧到图层3的第1帧，并拖曳图层3到图层1的上方。

5)选择图层3的第1帧，执行“修改分离”命令两次，将文本打散，并填充为由白色(#FFFFFF)渐变到黄色(#FFFFF00)。

6)分别按下两次键盘上的方向键中的左移键和下称键，拖曳图层3到图层1的下方，该实例制作完成。

五、实验结果

六、讨论与结论

掌握好层和桢的知识是做好这个实验的关键，因为这个实验主要涉及到桢和层的创建和移动，对层和桢不熟悉，在选择和移动时没法准确地把握，否则就打不到预期的实验效果。此次实验需要多次地移动层和桢，只有合理地移动才能达到实验效果，因此在实验中要保持清醒的头脑，也需要耐心和细心，过于急噪就会影响实验的效果和效率。

实验九：字母位置颜色的变化效果

一、实验目的及要求：

本实例主要表现在有字母的位置才能看到颜色的变化效果。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装Windows Xp操作系统;建立IIS服务器环境，支持ASp。

3、安装网页三剑客(Dreamweaver MX;Flash MX;Fireworks MX)等网页设计软件;

4、安装Acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

表现在有字母的位置才能看到颜色的变化效果。

四、实验方法与步骤

1)执行“文件导入导入到库”命令，导入一个图像文件到“库”面板中。

2)将图像文件拖曳到舞台并转换为图形元件，然后创建移动补间动画。

3)新建图层2，输入文本并设置其属性。

4)将图层2设置为遮罩层，完成本实例的制作。

五、实验结果

六、讨论与结论

这个实验的前提是要学会做移动补间动画，因为移动补间动画是表现实验效果的关键，其次要懂得遮罩层的设置，这两项都是实验的关键。背景图像的选择也很关键，如果背景图像的颜色过于单一，则不能很好地表现实验的效果，字体颜色的变化也会比较不明显。因此这个实验的技术含量比较大，因此难度也比较大，要有耐心去认真研究。

实验十：动作补间动画及声音效果

一、实验目的及要求：

本实例首先创建一个动作补间动画，然后在对其添加声音效果。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装Windows Xp操作系统;建立IIS服务器环境，支持ASp。

3、安装网页三剑客(Dreamweaver MX;Flash MX;Fireworks MX)等网页设计软件;

4、安装Acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建一个动作补间动画，然后在对其添加声音效果。

四、实验方法与步骤

1)创建图形元件在舞台中绘制一个卡通人物。

2)创建卡通人物越飞越远的动作补间动画。

3)新建一个图层，导入一幅背景图片，并置位于最下层。

4)执行“文件导入导入到库命令”，导入一个声音文件。新建一个图层，并选择第1帧，在帧“属性”面板中，在“声音”下拉列表中选择导入的声音文件名称，在“同步”下拉列表中选择“数据流”选项，其他选项为默认值。

5)保存文件，按下“Ctrl+ Enter”组合键输出影片即可。

五、实验结果

六、讨论与结论

这个实验首先要创建图形元件，因此要求对画图工具有比较清楚的了解，在实验中我遇到最大的难题就是没法准确地使用钢笔工具，常常画不成自己想要的形状，最后通过查阅相关的书籍才彻底明白它的使用方法。这个实验涉及到动作补间动画的制作，和以前做的移动补间动画有一定的区别，在实验中要认真区分。导声音文件也是这个实验新涉及的内容，在各项属性的设置方面要认真把握和学习。

实验十一：Action Script脚本程序制作

一、实验目的及要求：

本实例模拟播放器中音频高低显示的效果。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装Windows Xp操作系统;建立IIS服务器环境，支持ASp。

3、安装网页三剑客(Dreamweaver MX;Flash MX;Fireworks MX)等网页设计软件;

4、安装Acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

本实例模拟播放器中音频高低显示的效果。本例是一个完全由Action Script脚本程序制作的图形动画。

四、实验方法与步骤

1)开启Flash MX 2004，新建一个空白文档，执行“修改文档”命令，开启“文档属性”对话框，修改属性参数为：宽：600px;高：300px;背景颜色#000000。

2)执行“窗口开发面板动作”命令，为图层1添加如下动作脚本。

-root.On Enter Frame= function()

{

create Empty Movie Clip(“ caidai ”, random(2))

caidai.–X= 150;

caidai.–Y=200;

for(var i =0<12:i++)

{

cai dai.begin FilL(Math.Random()*0xffffff,60)

var gaodu= Math.Random()*50+10;

var xzuobiao= [i*30,i*30+20,i*30+20, i*30]

var yzvobiao=[-gaodu,-gaodu,0,0]

caidai, moveTo(i*30,o)

for(var j=0;<5;j++)

{caidai, Line To(xzuo biao[j]，yzuobio[j]);

}

3)按下“Ctrl+ S”组合键保存文件，执行“控制测试影片”命令，欣赏本例完成后的效果。

五、实验结果

六、讨论与结论

这个实验主要是操作Flash MX，虽然这个实验整体的步骤很简单，但是脚本程序的正确性决定着这个实验的成败，因此在实验中要认真分析脚本并对其进行不断的调试使其能正确地运行。而这方面对程序方面的知识有比较高的要求因此对于我们非计算机类的学生来说难度比较大，如果要做好这个实验我们必须加强学习程序方面的知识。

实验十二：创建一个特效字

一、实验目的及要求：

本章上机实训的目的是创建一个特效字。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装Windows Xp操作系统;建立IIS服务器环境，支持ASp。

3、安装网页三剑客(Dreamweaver MX;Flash MX;Fireworks MX)等网页设计软件;

4、安装Acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建一个特效字。

四、实验方法与步骤

1)新建一个Fireworks文档，并输入文字，将字体加粗，字号设置为120。

2)将文字转化为路径，在“属性”面板中单击“”按钮，在弹出的快捷菜单中选择“阴影和光晕投影”命令，如图15-42所示。

3)选中文本对象，执行“编辑克隆”命令。选中克隆对象，执行“修改改变路径扩展笔触”命令，在弹出的“展开笔触”对话框中设置为如图15-43所示。特效字制作完毕。

五、实验结果

六、讨论与结论

Fireworks 软件的打开速度比较慢，而且会影响计算机的反应速度，同时使用DREEMWAVER和FIREWORKS会使整个电脑很卡，因此这个实验需要比较好的计算机系统的支持。对 “阴影和光晕投影”命令我还不能比较深刻地理解在实验的时候有点迷糊，对“编辑克隆”命令和“修改改变路径扩展笔触”命令我也存在同样的困惑，因此做好实验前的准备是顺利地完成实验的关键。

实验十三：绘制一个效果图

一、实验目的及要求：

本上机实训的目的是绘制一个效果图。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装Windows Xp操作系统;建立IIS服务器环境，支持ASp。

3、安装网页三剑客(Dreamweaver MX;Flash MX;Fireworks MX)等网页设计软件;

4、安装Acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

绘制一个效果图。

四、实验方法与步骤

1)用椭圆工具和钢笔工具分别绘制出企鹅的身体和翅膀。

2)执行“修改组合路径联合”命令，联合途径，并填充为黑色。

3)用椭圆工具绘制眼睛，并用钢笔工具构出脚丫、嘴、围巾、和肚皮，并填充相应的颜色。

4)将所有的部分放到相应的位置，本例制作完毕。

五、实验结果

六、讨论与结论

这个实验很多要用到椭圆工具和钢笔工具，因此要先熟悉地掌握他们的使用方法，多看课本并进行一些实验操作能比较快地掌握它们的使用方法。实验时要分别地绘制出企鹅各部分的图形元件然后执行“修改组合路径联合”命令，联合途径，因此在实验切记不能把整个图象作为绘制的对象，否则就不能达到实验效果，操作的难度也会加大。同时对 “修改组合路径联合”命令要深入了解才能在适当的时间和位置使用。

实验十四：创建管道图像

一、实验目的及要求：

本实例是创建一个如管道图像，并通过“优化”面板对图像进行优化导出。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装Windows Xp操作系统;建立IIS服务器环境，支持ASp。

3、安装网页三剑客(Dreamweaver MX;Flash MX;Fireworks MX)等网页设计软件;

4、安装Acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建一个如管道图像，并通过“优化”面板对图像进行优化导出。

四、实验方法与步骤

1)新建一个图像文档，绘制一个矩形，并将其设置为线性填充。

2)用钢笔工具绘制一个路径，并将其设置为放射状填充，作为管道的拐角。

3)复制所创建的拐角和线性矩形，并进行缩放和组合。

4)选择“垂直线3”纹理“25%”设置为粗管道。

5)设置一幅背景图像，用钢笔工具勾画出闪光的效果。执行“窗口优化”命令，将“优化”面板进行设置。

6)设置完成后，执行“文件导出”命令，在“导出”对话框中选择导出的路径，完成后单击“保存”按钮。

五、实验结果

六、讨论与结论

横向的管道绘制比较简单，效果也比较明显，竖向和拐角的管道绘制的难度很大，经常做了对多次还不能达到理想的效果，由也反应了我们对实验工具的熟练程度不够，在今后的学习中要加强这方面的学习。填充设置和“垂直线3”纹理“25%”设置是达到实验效果关键，因此要认真地了解它代表的意义，然后认真地进行设置。正确地选择背景图像，也是达到实验效果的关键。

实验十五：创建图像热点和切片

一、实验目的及要求：

本实训的主要目的是创建图像热点和切片。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装Windows Xp操作系统;建立IIS服务器环境，支持ASp。

3、安装网页三剑客(Dreamweaver MX;Flash MX;Fireworks MX)等网页设计软件;

4、安装Acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建图像热点和切片。

四、实验方法与步骤

1)打开，执行“文件打开”命令，打开一幅图像。

2)使用矩形热点工具在图像的文字位置处创建热点链接。

3)分别选择矩形切片工具和多边形切片工具，在图像中创建切片。

4)执行“文件导出”命令，在“导出”对话框中选择切片和HTML文档。打开导出的HTML文件观看。

五、实验结果

六、讨论与结论

这个实验的操作相对比较简单，花费的时间也比较少。在实验中能明显地体会到实验的效果但是在预览后很难看出处理后的图像和原始图像的区别，因此常常产生实验失败的错觉，就因为这个错觉我进行了多次的实验，最后与其他同学讨论过才发现这是实验的正常现象，因此在实验中多与同学交流是学习的好方法。

实验十六：其他动画制作及图形处理软件介绍

一、实验目的及要求：

本实训的主要目的是了解其他动画制作及图形处理软件的基本使用。

二、仪器用具

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装Windows Xp操作系统;建立IIS服务器环境，支持ASp。

3、安装网页三剑客(Dreamweaver MX;Flash MX;Fireworks MX)等网页设计软件;

4、安装Acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

了解其他动画制作及图形处理软件的基本使用。

四、实验方法与步骤

根据教师所介绍的其他动画制作及图形处理软件，进行相关的基本使用操作。本实验可以与其它实验相结合进行。

1)AcdSee图形处理软件

2)SWFText(Flash文字制作工具)1.2 Raindy汉化修正版软件使用

五、实验结果

六、讨论与结论

这个软件是一个简单易懂的软件，操作起来也比较方便，相对于pHOTOSHOp软件这个软比较达到效果，但是这个软件的能动性比较低，我们只能被动地使用里面所包含的各项设置但是不能能动地绘制自己想要的图片，各项属性的设置也是只能从中选择。因此如果只是简单的制作可以采用这个软件，但是如果想做自己特色的东西就要选择更高级点的软件。

篇3：如何制作简单的个人网页

制作个人主页、包括网站设计的最佳工具软件是M A R C O M E D I A公司的网页制作三剑客系列：Dreamweaver, Flash, Fireworks，但是有的时候如果我们不用这些专用软件工具，也可以制作出一些简单实用的个人网页。

一、准备材料

首先要做好个人计划，即自己要在网页上告诉读者自己想要表达的意愿，以我们经常提到的3个方面为例：自我介绍、我的爱好、我的工作, 那么就先新建一个总目录的文件夹（比如C:myhome）, 这个文件夹用来放你的所有文件，然后在这个目录建立3个子目录：ziwojieshao, aihao, gongzuo（子目录的文件名可以根据个人来定，最好小写）。然后将你的材料分类放进相应的子目录。比如要把自己的一些照片、视频、音乐等放进去，那么你可以选择放在ziwojieshao这个子目录里。

需要注意的是, 网上只能使用JPG和GIF两种图像格式，其他诸如BMP和TIF等很通用的格式都不能用在网上, 因为它们太大了, 但可以用图像软件进行转换，比如Office 97的照片编辑器，把你准备放在主页上的图像放进相应的目录里后, 就可以开始制作了。

二、开始制作

制作的时候不一定需要用复杂的H t m l语言，可以用Netscape4.0, Word7.0，或者Frontpage。打开Netscape，在File菜单里选Edit Page, 便可以制作了。文字的处理基本跟W o r d没什么两样，关键是插入图片和产生链接，我们先做关于自我介绍的一页，先写上“大家好，我是×××，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image, 在Choosefile里选取你的图像文件即可，然后把这个文件保存ziwojieshao.html文件，放在ziwojieshao的目录下。现在必须做封面了，封面可以写：“欢迎来到×××的主页”以下是“自我介绍，我的爱好，我的工作”。自我介绍要链接到下一页去，只须用鼠标选“自我介绍”后按鼠标右键，再选create link，然后再选ziwojieshao目录下的ziwojieshao.html，就将“自我介绍”链接到下一页，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。

在封面做好所有链接和图片后，记住必须将这一页保存为index.htm (有的主机要求必须为index.html) , 因为网页默认的主页名称是index.制作主页其实很简单，只要多进行实际制作，熟能生巧。

三、将制作好的页面放在网上

要在网上安自己的“家”，必须先申请一个主页空间，即向某一个主机申请一块硬盘空间。现在有较多的主机提供免费主页空间，这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了。

需要注意的是，一定要保持网页的相对位置，否则会看不到网页，有很多人网页传上去了可是看不到, 老是出现网页错误，都是因为位置的问题，只要把位置改动一下就可以了。

至此，一个简单的个人网页就制作完成了，如果你想要与众不同的网页，可以在你的主页里面添加一些个性比较鲜明的内容来突出你的作品。

四、网页维护

这是网页制作完成后的长久维持问题，个人网页的维护和更新可以根据自己的需要来进行，如可以根据自己的时间、自己的见闻等。网页的定期维护和更新是很重要的，如果网页得不到及时的维护和更新，那么个人网页也就形同虚设，起不到任何作用，所以建立个人网页的同时就应该考虑到如何维护和更新，以便使自己的“家”越来越温馨且有创意。

摘要：随着科技的进步和Internet的普及, 越来越多的学生想把自己的“家”搬进网络, 首先要把网页制作好, 然后再发布到网站上, 本文用最简单的步骤介绍如何制作一个简单但是实用的个人网页。

关键词：制作网页,目录,链接

参考文献

[1]孙宇.网页制作实例大讲堂[M].北京:人民邮电出版社, 2007

篇4：图片外链制作就是这么简单

现在在网上分享图片已经不是什么新鲜事了，但是有的网站出于安全性的考虑，会对用户上传的图片进行诸多的限制。为了突破各种各样的限制，很多用户都采取了一种折中的方法。即将图片首先上传到图片分享网站，然后再将图片链接分享到其他的网站里面。可是这样操作起来必然非常麻烦，那么能不能在上传图片后更快捷地获取到图片的共享链接呢？

手动上传并分享文件

既然我们想要进行图片的分享，自然就要寻找一个图片分享网站，通过浏览器打开Imgur网站（https：//imgur.com/），就可以看到其他网友上传的分享图片文件。如果用户想要分享文件的话，点击页面左上角绿色的“New post”按钮。接下来在弹出的页面点击“Browse”按鈕，从对话框中选择需要上传的图片文件即可，而且可以一次性地上传多张图片文件（图1）。当图片文件上传完成以后，就会自动跳转到图片的预览窗口。其实也是一个分享页面，将其链接发送给自己的朋友，那么就可以看到自己分享的图片文件（图2）。如果想要删除这个分享页面的话，点击窗口右侧中的“Delete post”按钮。这时会弹出一个提示对话框，再点击其中的“Delete post & images”按钮即可。如果没有跳转到分享页面，那么关闭浏览器的广告过滤功能即可。

接下来当我们将鼠标移动到某张预览图片的右上角的时候，可以看到一个文件的共享链接，点击“Copy”按钮以后就可以将它单独分享给其他的用户。与此同时，我们在“Copy”按钮的旁边，还可以看到一个箭头向下的按钮，点击它以后在菜单里面可以看到更好的命令。点击其中的“Edit image”命令后，就可以对上传的图片进行编辑，可以进行图片的裁剪、旋转、添加文字等操作。

如果想将图片分享到论坛、博客等社交媒体，那么利用前面的那种分享方式肯定是不行的。这时需要点击菜单中的“Get share links”命令，就可以看到四种不同的分享方式，从中拷贝一种需要的方式后粘贴到相应的编辑框即可（图3）。点击菜单中的“Delete images”按钮，可以只删除这一张特定的图片。

利用工具来快速操作

如果用户不喜欢使用浏览器进行操作的话，其实有一个通行的解决方法，就是利用专门的客户端来操作。而MyImgur就是一款专门的图片分享客户端，通过它就可以完成上传和分享的一步操作。首先下载运行这款客户端软件，接下来在硬盘里面选择需要上传的图片文件，将它们拖拽到MyImgur客户端的主界面释放，接下来客户端软件将开始主动进行图片的上传操作（图4）。当图片文件上传完成以后，点击左侧列表中的“Copy”按钮，在弹出的菜单里面可以看到多个选项。用户只需要根据实际情况是选择图片分享的地址，还是相关的分享代码信息就可以了，从而大大地简化了通过浏览器进行的操作步骤。

巧妙设置能更加方便

当然刚刚我们只是利用了MyImgur客户端最常见的功能，其实我们完全可以根据自己的使用习惯进行设置，从而更好地完成相关的使用操作。首先点击左侧列表中的“App Settings”按钮，在弹出的对话框选择左侧列表中的“Misc Settings”标签，接着在右侧窗口里面选中“Copy link to clipboard after upload”和“Close app after upload”选项（图5）。这样就可以在图片上传完成以后，自动将图片的分享链接复制到系统的剪贴板里面，与此同时自动关闭MyImgur客户端的主窗口。

篇5：网页制作实验报告完成步骤

《网页与Web程序设计》实验报告

年级：2008级（必修）

学号：2008姓名：专业：

一、实验题目

分析或参考给定的“网站设计实例”，设计一个自选题材的网站。

说明：

1．自行设计的网站可以只包含静态网页（.htm），也可以包含动态网页(.asp)。

2．站点至少要有三层结构，页面数5页左右；网页要有落款、版权说明。网站大小不要超过10MB。

3．在网站制作过程中或完成后，填写下面“

五、实验步骤”里的省略号部分。

二、实验目的和要求

通过以前各章的学习和实验，同学们已经了解和初步掌握一系列的网页与Web程序设计技术。本实验能使大家对网站设计的全过程，有一个更加完整的概念，熟练掌握网站设计工具“网页设计三剑客”。具体要求如下：

1．自选题材，主题内容要合法、健康、实用。网站主题突出、内容丰富。

2．自己动手独立完成网站设计。可以借鉴和模仿某个网站进行设计与制作，但不可以从网上下载网页直接上交。

3．站点应当设计合理，结构分明，管理有序，无多余文件和文件夹，大小合适。文件和文件夹存放位置要正确，首页文件名应该使用index.htm、index.asp、default.htm或default.asp。其他文件或文件名命名也要规范，不宜使用汉字或带有空格的名称。

4．网站风格统一，设计适合于主题的LOGO（徽标），或者标题图片及动画。各页面设计合理、美观，有创意。不要太花哨或太孩子气，不要只是各种元素的随意拼凑。图片和动画选用要适合主题，不要在网页中插入不相干的图片，图片保存格式和图片大小要合适。要适用于各种显示器的分辨率，不要太宽，否则在显示器分辨率较小时会出现水平滚动条。

5．各个页面之间的链接要合理有效，路径要正确（使用相对路径）。要合理使用css样式，不要在各个页面中重复定义相同的css样式；应该将css样式存放到css文件中，然后附加即链接到各页中。代码结构清晰，无垃圾代码。

三、实验方法

网站设计的一般过程或方法如下：

1．确定主题和收集资料

自行选定所要设计的网站主题和栏目，收集有关图文、数据等资料，经过分析，初步确定网站的基本功能、结构或三级目录。

2．规划网站和新建站点

在需求分析的基础上，画出网站的树型目录结构图，从网站根文件夹，子文件夹到文件名。首页文件名如index.htm，应该放在网站根文件夹里。根据Windows的“管理工具”中是否已安装IIS，用Dreamweaver 8，在C:Inetpubwwroot或者D:里，新建站点，即根文件夹，子文件夹或文件名。随时在U盘上做好备份。

3．制作素材和单个网页

用“网页设计三剑客”自行制作或者收集网站要使用的小图片、动画、音频或视频，制作单个网页文件及其链接，以及按需要建立数据库。按照规划，一一放在网站的相应子文件夹里。

武汉大学计算中心2007年5月

4．制作首页和建立链接

制作首页，并且建立与下一级网页的链接（若受网站大小限制且超过5页，则可建立必要的空连接）。

5．调试运行

可以边设计边调试，也可以边调试边修改前面的设计。然后，正式运行和提交网站。

四、实验环境

微机 + Windows操作系统(含IIS)+ Fireworks 8 + Flash 8 + Dreamweaver 8 + Access。

五、实验步骤

请填写网站分析与设计的实验步骤。

（一）分析给定的“网站设计实例”

1．该网站的树型目录或站点结构图（如图1）：

……

图1 实例网站的树型目录或站点结构

2．在该网站首页上“插入”大标题图片和动画文件的操作步骤：

……

3．在该网站设计中，运用了哪些样式设计技术如CSS等？举例说明：

……

4．在该网站设计中，下一级网页显示的目标（位置）一般设置为：……；数据库（.mdb）文件为：……。

5．在该网站设计中，较好地运用了如下网页与Web程序设计技术：

……

（二）设计自选题材网站的具体步骤

1．确定主题和收集资料

本网站的主题：……

栏目或三级目录：……

2．规划网站和新建站点

网站的树型目录或站点结构图如图2：

……

图2 自制网站的树型目录或站点结构

3．制作素材和单个网页（举例说明典型的操作步骤）

（1）素材制作

……

（2）网页制作

……

（3）建立数据库

4．制作首页和建立链接（举例说明典型的操作步骤）

……

5．调试运行

篇6：实验一：网线的制作实验报告

1、实验目的

（1）熟悉常见的两种网线类型T568A和T568B的线序（2）熟练掌握两种类型的网线制作的制作方法

（3）掌握剥线/压线钳和普通网线测试仪的正确使用方法（4）了解双绞线和水晶头的组成结构

2、实验要求

（1）熟练背出568A和568B网线的线序（2）真确使用剥线/压线钳和网线测试仪（3）做出网线并测试其连通性

3、实验用到的设备、仪器

实验用到的设备仪器有：5类双绞线一根、RJ-45水晶头若干个、剥线/压线钳一个、网线测线仪一台。

4、实验用到的原理知识以及技术

（1）双绞线（twisted pair）是由两条相互绝缘的导线按照一定的规格互相缠绕（一般以顺时针缠绕）在一起而制成的一种通用配线，属于信息通信网络传输介质。双绞线分为屏蔽双绞线（shielded Twisted Pair，STP）和非屏蔽双绞线（Unshielded Twisted Pair，UTP）。

（2）T568B网线的标准：橙白--1，橙--2，绿白--3，蓝--4，蓝白--5，绿--6，棕白--7，棕—8（3）T568A网线的标准：绿白--1，绿--2，橙白--3，蓝--4，蓝白--5，橙--6，棕白--7，棕—8

5、实验步骤

（1）选线

选取一根长约0.6米的5类双绞线（2）剥线

利用双绞线剥线/压线钳（也可以使用专用的剥线钳、剥线器及其他工具）将双绞线的外皮剥去2-3厘米。如下图所示：

（3）排线

按照EIA/TIA-568A 或EIA/TIA-568B标准将各个线排好

（4）剪线左手握紧排好的线然后右手用剥线/压线钳将线尽量剪齐一点，线留在外面的距离不宜过长，一般在1.2厘米到1.4厘米之间，这样有利于打线。

（5）插线

把剪齐后的线弄整齐然后插入水晶头的后端

（6）压线

将水晶头放入剥线/压线钳与水晶头相对那个口中挤压