网页制作实验报告格式

1、网页制作实验报告格式实验一：站点设置一、实验目的及要求本实例是经过站点定义为对话框中的高级选项卡创建一具新站点。二、仪器用具1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。2、安装windows xp操作系统；建立iis服务器环境，支持 asp。3、安装页三剑客(dreamweaver mx;flash mx;fireworks mx) 等页设计软件;三、实验原理经过站点定义为对话框中的高级选项卡创建一具新站点。四、实验办法与步骤1) 执行站点治理站点命令，在弹出的治理站点对话框中单击新建按钮，在弹出的快捷菜单中挑选站点命令。2)在弹出的站点定义为对话框中单击高级选项卡。3)在站点名称

2、文本框中输入站点名称，在默认文件夹文本框中挑选所创建的站点文件夹。在默认图象文件夹文本框中挑选存放图象的文件夹，完成后单击确定按钮，返回治理站点对话框。4)在治理站点对话框中单击完成按钮，站点创建完毕。五、实验结果六、讨论与结论实验开始之前要先建立一具根文件夹，在实验的过程中把站点存在自己建的文件夹里，如此才干使实验条理化，别至于在实验后寻别到自己的站点。在实验过程中会浮现一些选项，计算机普通会有默认的挑选，最后别要去更改，假如要更改要先充分了解清晰该选项的含义，以及它会造成的效果，否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。实验二：页面图像设置一、实验目的及要求：本实例

3、的目的是设置页面的背景图像,并创建鼠标经过图像。二、仪器用具1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。2、安装windows xp操作系统；建立iis服务器环境，支持 asp。3、安装页三剑客(dreamweaver mx;flash mx;fireworks mx) 等页设计软件;4、安装 acdsee、 photoshop 等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。三、实验原理设置页面的背景图像,并创建鼠标经过图像。四、实验办法与步骤1) 在页面属性对话框中设置页面的背景图像。2) 在页面文档中单击插入鼠标经过图像。五、实验结果六、讨论与结论实验结束后我们能

4、够看到页面的背景变成了我们插入的图像，同时要鼠标经过的时候会变成另一具图像，这算是鼠标经过图像的效果。固然这种实验效果很难在实验结果的截图里表现出来。那个实验的关键在于背景图像的挑选，假如背景图像太大别仅会妨碍页的打开速度， 甚至图像在插入会也会有失确实感受，所以在插入前对图像进行必要的处理能使实验的效果更好。实验三：表格制作一、实验目的及要求：本实例是要创建边框为1 像素的表格。二、仪器用具1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。2、安装windows xp操作系统；建立iis服务器环境，支持 asp。3、安装页三剑客(dreamweaver mx;flash mx;fire

5、works mx) 等页设计软件;4、安装acdsee、 photoshop 等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。三、实验原理创建边框为1 像素的表格。四、实验办法与步骤1) 在文档中，单击表格按钮，在对话框中将单元格间距设置为1 。2) 选中插入的表格，将背景颜色设置为黑色(#0000000)。3) 在表格中选中所有的单元格，在属性面版中将背景颜色设置为白色(#ffffff) 。4) 设置完毕，保存页面，按下f12 键预览。五、实验结果六、讨论与结论本实验要紧经过整个表格和单元格颜色的差异来衬托出实验效果，间距的作用要紧在于表现这种颜色差异。表格的背景颜色和单元格的背

6、景颜色容易混淆，在实验中要仔细推断，一旦操作错误则得别到实验的效果。表格宽度文本框右侧的表格的宽度单位，包括像素和百分比两种，容易混淆，要充分地理解这两种单位表示的意义才干正确地进行挑选，否则就别能达到自己想要的效果，设置错误就会严峻妨碍实验效果。实验四：创建锚点链接一、实验目的及要求：本实例的目的是创建锚点链接。二、仪器用具1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。5) 安装windows xp操作系统；建立iis服务器环境，支持 asp。6) 安装页三剑客(dreamweaver mx;flash mx;fireworks mx) 等页设计软件;7) 安装acdsee、 ph

7、otoshop 等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。三、实验原理创建锚点链接。四、实验办法与步骤1) 在页面中插入1 行 4 列的表格，并在各单元格中输入导航文字。2) 分别选中各单元格的文字，单击按钮，在弹出的超级链接对话框上的链接文本框分别输入 #01#02#03#04。3) 在文档中输入文字并设置锚记名称01，按下 enter 键换行，输入一篇文章。4) 在文章的结尾处换行，输入文字并设置锚记名称02，按下 enter 键换行，输入一篇文章。5) 同样的办法在页面下文分别输入文字和命名锚记为03 和 04，并输入文章。6) 保存页面，按下f12 键预览。五、实验结

8、果六、讨论与结论添加瞄记的作用是能够帮读者快速寻到自己想要的文章，并且也能够使页面更加精简。本实验的关键难点在于链接文本框输入的名称和瞄记的名称要相一致才干达到实验的效果，并且要记得是在上一篇文章的结尾处输入文字并设置瞄记名称，并记得输入对应的文章，否则瞄记可能别能用。熟练程度低在实验中别能很好地使用各种工具，无法一次准确地寻觅到适当的位置。实验中不记得挑选别可见元素，几次实验都失败，最后才得出正确的结论。所以在实验前要先做好预习，否则实验过程会比较吃力。实验五：设置css样式一、实验目的及要求：本实例的目的是经过设置css样式创建表格的虚线边框。二、仪器用具1、生均一台多媒体电脑，组建内部局

9、域，同时接入国际互联。7) 安装windows xp操作系统；建立iis服务器环境，支持 asp。8) 安装页三剑客(dreamweaver mx;flash mx;fireworks mx) 等页设计软件;9) 安装acdsee、 photoshop 等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。三、实验原理经过设置css样式创建表格的虚线边框。四、实验办法与步骤1) 在页中创建一具表格。2)在css样式面板中单击按钮，在弹出的对话框中进行设置，完成后单击确定按钮。3) 在弹出的对话框中进行设置，完成后单击确定按钮。五、实验结果六、讨论与结论对话框中各项指标和属性的设置存在一定

10、的难度，假如没熟练掌握就容易出错使实验失败。对 ccs 样式所要使用的各种按扭别够熟悉在使用的时候觉得很生硬。那个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度，只要充分地掌握了软件的各种操作，对各属性所代表的含义有充分的认识就能很好地完成那个实验。实验六：创建表单一、实验目的及要求：本实例的目的是创建一具募捐表单。二、仪器用具1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。2、安装 Windows XP操作系统；建立IIS服务器环境，支持 ASR3、安装页三剑客(Dreamweaver MX;Flash MX;Fireworks MX) 等页设计软件;4、安装Acdsee

11、、 Photoshop 等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。三、实验原理创建一具募捐表单。四、实验办法与步骤1) 在页中插入表格，设置为居中对齐，并插入一幅图像。2) 在表格的第二行单元格中，单击按钮，插入表单。3) 在表单域中插入表单对象和文字。4)按下F12键，预览效果。五、实验结果六、讨论与结论那个图像关键首先在于背景图象的挑选，图像假如过于花俏则会使表单过于杂乱，假如颜色过深则会掩盖了表单上的字，依次最好别要用黑色。图像也别能过大，别然会使表单太繁杂。 其次是各多选框和单选按扭的设置难度比较大，关于初次做那个实验的人来说需要多次的试验才干达到中意的效果。表格拆分

12、的难度大，要多次实验才干达到自己想要的效果。实验七：页面中操纵播放Flash动画一、实验目的及要求：本实例的目的是实如今页面中操纵播放Flash 动画。二、仪器用具1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。4) 安装 Windows XP操作系统；建立IIS服务器环境，支持 ASR5) 安装页三剑客(Dreamweaver MX;Flash MX;Fireworks MX) 等页设计软件;4、安装Acdsee、 Photoshop 等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。三、实验原理实如今页面中操纵播放 Flash动画。四、实验办法与步骤1)在页面中插入表格，

13、并在表格中插入Flash动画和两个表单按钮。2) 分别挑选两个表单按钮，在行为面板中单击按钮，在弹出的快捷菜单中挑选操纵Shockwave或Flash命令，打开操纵 Shockwave或Flash对话框，分别设置。3) 保存页面，按下F12 键预览。单击播放按钮时，开始播放Flash 动画;当单击停止按钮时，则停止播放 Flash动画。五、实验结果六、讨论与结论操纵Shockwave或Flash对话框，设置难度比较大，设置错误FLASH可能无法播放。操纵按钮的创建也是关键所在，操纵按钮别能使用则等于整个实验的失败，所以要仔细做好各个按钮并确保质量。在这次实验中我遇到的最大咨询题算是设置操纵Sh

14、ockwave或Flash对话框， 因为我对其各项的属性了解别够清晰，在挑选时很难正确地做出推断，所以掌握好这方面的知识是做好那个实验的前提。实验八：制作浮雕文字一、实验目的及要求：本实例使用Flash的绘画工具制作出的有浮雕感的文字。二、仪器用具1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。4) 安装 Windows XP操作系统；建立IIS服务器环境，支持 ASR5) 安装页三剑客(Dreamweaver MX;Flash MX;Fireworks MX) 等页设计软件;6) 安装Acdsee、 Photoshop 等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。三、

15、实验原理使用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

16、 的下方，该实例制作完成。五、实验结果六、讨论与结论掌握好层和桢的知识是做好那个实验的关键，因为那个实验要紧涉及到桢和层的创建和挪移，对层和桢别熟悉，在挑选和挪移时没法准确地把握，否则就打别到预期的实验效果。此次实验需要多次地挪移层和桢，惟独合理地挪移才干达到实验效果，所以在实验中要保持清醒的头脑，也需要耐心和细心，过于急噪就会妨碍实验的效果和效率。实验九：字母位置颜色的变化效果一、实验目的及要求：本实例要紧表如今有字母的位置才干看到颜色的变化效果。二、仪器用具1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。7) 安装 Windows XP操作系统；建立IIS服务器环境，支持 ASR8

17、) 安装页三剑客(Dreamweaver MX;Flash MX;Fireworks MX) 等页设计软件;9) 安装Acdsee、 Photoshop 等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。三、实验原理表如今有字母的位置才干看到颜色的变化效果。四、实验办法与步骤1) 执行文件导入导入到库命令，导入一具图像文件到库面板中。2) 将图像文件拖曳到舞台并转换为图形元件，然后创建挪移补间动画。3) 新建图层2，输入文本并设置其属性。4) 将图层 2 设置为遮罩层，完成本实例的制作。五、实验结果六、讨论与结论那个实验的前提是要学会做挪移补间动画，因为挪移补间动画是表现实验效果的关

18、键，其次要知道得遮罩层的设置，这两项基本上实验的关键。背景图像的挑选也很关键，假如背景图像的颜色过于单一，则别能很好地表现实验的效果，字体颜色的变化也会比较别明显。所以那个实验的技术含量比较大，所以难度也比较大，要有耐心去仔细研究。实验十：动作补间动画及声音效果一、实验目的及要求：本实例首先创建一具动作补间动画，然后在对其添加声音效果。二、仪器用具1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。2、安装 Windows XP操作系统；建立IIS服务器环境，支持 ASR3、安装页三剑客(Dreamweaver MX;Flash MX;Fireworks MX) 等页设计软件;4、安装Ac

19、dsee、 Photoshop 等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。三、实验原理创建一具动作补间动画，然后在对其添加声音效果。四、实验办法与步骤1) 创建图形元件在舞台中绘制一具卡通人物。2) 创建卡通人物越飞越远的动作补间动画。3) 新建一具图层，导入一幅背景图片，并置位于最下层。4) 执行文件导入导入到库命令，导入一具声音文件。新建一具图层，并挑选第1 帧，在帧属性面板中，在声音下拉列表中挑选导入的声音文件名称，在同步下拉列表中挑选数据流选项，其他选项为默认值。5) 保存文件，按下Ctrl+ Enter 组合键输出影片即可。五、实验结果六、讨论与结论那个实验首先要创

20、建图形元件，所以要求对画图工具有比较清晰的了解，在实验中我遇到最大的难题算是没法准确地使用钢笔工具，常常画别成自己想要的形状，最后经过查阅相关的书籍才完全知道它的使用办法。那个实验涉及到动作补间动画的制作，和往常做的挪移补间动画有一定的区别，在实验中要仔细区分。导声音文件也是那个实验新涉及的内容，在各项属性的设置方面要仔细把握和学习。实验十一：Action Script 足本程序制作一、实验目的及要求：本实例模拟播放器中音频高低显示的效果。二、仪器用具1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。6) 安装 Windows XP操作系统；建立IIS服务器环境，支持 ASR7) 安装页

21、三剑客(Dreamweaver MX;Flash MX;Fireworks MX) 等页设计软件;8) 安装Acdsee、 Photoshop 等图形处理与制作软件;9) 其他一些动画与图形处理或制作软件。三、实验原理本实例模拟播放器中音频高低显示的效果。本例是一具彻底由Action Script 足本程序制作的图形动画。四、实验办法与步骤1) 开启 Flash MX 2004， 新建一具空白文档，执行修改文档命令，开启文档属性对话框，修改属性参数为：宽：600px;高：300px;背景颜色#000000。2) 执行窗口开辟面板动作命令，为图层1 添加如下动作足本。- root. On Ent

22、er 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*30var yzvobiao=- gaodu,- gaodu,0,0

23、caidai, moveTo(i*30,o)for (var j=0;<5; j+)caidai, Line To (xzuo biaoj,yzuobioj);3)按下Ctrl+ S组合键保存文件，执行操纵测试影片命令，观赏本例完成后的效果。五、实验结果六、讨论与结论那个实验要紧是操作Flash MX， 尽管那个实验整体的步骤很简单，但是足本程序的正确性决定着那个实验的成败，所以在实验中要仔细分析足本并对其进行别断的调试使其能正确地运行。 而这方面对程序方面的知识有比较高的要求所以关于我们非计算机类的学生来说难度比较大，假如要做好那个实验我们必须加强学习程序方面的知识。实验十二：

24、创建一具特效字一、实验目的及要求：本章上机实训的目的是创建一具特效字。二、仪器用具1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。2、安装 Windows XP操作系统；建立IIS服务器环境，支持 ASR3、安装页三剑客(Dreamweaver MX;Flash MX;Fireworks MX) 等页设计软件;4、安装Acdsee、 Photoshop 等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。三、实验原理创建一具特效字。四、实验办法与步骤1) 新建一具Fireworks 文档，并输入文字，将字体加粗，字号设置为120。2) 将文字转化为路径，在属性面板中单击按钮，在

25、弹出的快捷菜单中挑选阴影和光晕投影命令，如图15-42 所示。3) 选中文本对象，执行编辑克隆命令。选中克隆对象，执行修改改变路径扩展笔触命令，在弹出的展开笔触对话框中设置为如图15-43 所示。特效字制作完毕。五、实验结果六、讨论与结论Fireworks 软 件 的 打 开 速 度 比 较 慢 ， 而 且 会 妨 碍 计 算 机 的 反 应 速 度 ， 并 且 使 用DREEMWAVE济口 FIREWORK哙使整个电脑很卡，所以那个实验需要比较好的计算机系统的支持。对阴影和光晕投影命令我还别能比较深刻地理解在实验的时候有点迷糊，对编辑克隆命令和修改改变路径扩展笔触命令我也存在同样的困惑，所以

26、做好实验前的预备是顺利地完成实验的关键。实验十三：绘制一具效果图一、实验目的及要求：本上机实训的目的是绘制一具效果图。二、仪器用具1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。2、安装 Windows XP操作系统；建立IIS服务器环境，支持 ASR3、安装页三剑客(Dreamweaver MX;Flash MX;Fireworks MX) 等页设计软件;4、安装Acdsee、 Photoshop 等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。三、实验原理绘制一具效果图。四、实验办法与步骤1) 用椭圆工具和钢笔工具分别绘制出企鹅的躯体和翅膀。2) 执行修改组合路径联合命

27、令，联合途径，并填充为黑色。3) 用椭圆工具绘制双眼，并用钢笔工具构出足丫、嘴、围巾、和肚皮，并填充相应的颜色。4) 将所有的部分放到相应的位置，本例制作完毕。五、实验结果六、讨论与结论那个实验不少要用到椭圆工具和钢笔工具，所以要先熟悉地掌握他们的使用办法，多看课本并进行一些实验操作能比较快地掌握它们的使用办法。实验时要分别地绘制出企鹅各部分的图形元件然后执行修改组合路径联合命令，联合途径，所以在实验切记别能把整个图象作为绘制的对象，否则就别能达到实验效果，操作的难度也会加大。并且对修改组合路径联合命令要深入了解才干在适当的时刻和位置使用。实验十四：创建管道图像一、实验目的及要求：本实例是创建

28、一具如管道图像，并经过优化面板对图像进行优化导出。二、仪器用具1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。5) 安装 Windows XP操作系统；建立IIS服务器环境，支持 ASR6) 安装页三剑客(Dreamweaver MX;Flash MX;Fireworks MX) 等页设计软件;7) 安装Acdsee、 Photoshop 等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。三、实验原理创建一具如管道图像，并经过优化面板对图像进行优化导出。四、实验办法与步骤1) 新建一具图像文档，绘制一具矩形，并将其设置为线性填充。2) 用钢笔工具绘制一具路径，并将其设置为放射

29、状填充，作为管道的拐角。3) 复制所创建的拐角和线性矩形，并进行缩放和组合。4) 挑选垂直线3 纹理25%设置为粗管道。5) 设置一幅背景图像，用钢笔工具勾画出闪光的效果。执行窗口优化命令，将优化面板进行设置。6) 设置完成后，执行文件导出命令，在导出对话框中挑选导出的路径，完成后单击保存按钮。五、实验结果六、讨论与结论横向的管道绘制比较简单，效果也比较明显，竖向和拐角的管道绘制的难度很大，经常做了对多次还别能达到理想的效果，由也反应了我们对实验工具的熟练程度别够，在将来的学习中要加强这方面的学习。填充设置和垂直线3 纹理25%设置是达到实验效果关键，所以要仔细地了解它代表的意义，然后仔细地进

30、行设置。正确地挑选背景图像，也是达到实验效果的关键。实验十五：创建图像热点和切片一、实验目的及要求：本实训的要紧目的是创建图像热点和切片。二、仪器用具1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。2、安装 Windows XP操作系统；建立IIS服务器环境，支持 ASR3、安装页三剑客(Dreamweaver MX;Flash MX;Fireworks MX) 等页设计软件;4、安装Acdsee、 Photoshop 等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。三、实验原理创建图像热点和切片。四、实验办法与步骤1) 打开，执行文件打开命令，打开一幅图像。2) 使用矩形

31、热点工具在图像的文字位置处创建热点链接。3) 分别挑选矩形切片工具和多边形切片工具，在图像中创建切片。4) 执行文件导出命令，在导出对话框中挑选切片和HTML 文档。打开导出的HTML 文件观察。五、实验结果六、讨论与结论那个实验的操作相对照较简单，花费的时刻也比较少。在实验中能明显地体味到实验的效果但是在预览后很难看出处理后的图像和原始图像的区别，所以常常产生实验失败的错觉，就因为那个错觉我进行了多次的实验，最后与其他同学讨论过才发觉这是实验的正常现象，所以在实验中多与同学交流是学习的好办法。实验十六：其他动画制作及图形处理软件介绍一、实验目的及要求：本实训的要紧目的是了解其他动画制作及图形处理软件的基本使用。二、仪器用具1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。5) 安装 Windows XP操作系统；建立IIS服务器环境，支持 ASR6) 安装页三剑客(Dreamweaver MX;F