网站规划书与网页制作实验报告

第一篇：网站规划书与网页制作实验报告

网站规划书

一、主题选择

本次网站设计大作业我们选择了建立一个个人主页的主题，最后综合实际电脑操作水平，决定主要由***进行实际的操作，我辅助进行素材整理和网站规划书和网站设计与制作的实验报告的撰写。

二、网页内容

1.“首页”页面，首页我们设计了各个子网页的导航、友情链接以及联系我们板块，友情链接可以让我们进入其它不同的学习参考网站，可以获得一些有用的信息，同时得到获得这些信息的便捷性，体验专业性和个性化的差别。同时，联系我们以及包括在内的用户注册，能让浏览者与我们建站者互动，因而能使我们的网站不断完善，做得更好。

2.“我的日志”页面，我们摘录了***同学所写的两篇空间日志，插入了土豆网的播放器，选取了精彩的视频，向浏览者介绍***同学的一些个人经历，也献上了一席视觉盛宴。这里还有歌曲的改编、二胡的奏唱，还有令人感动的文章。

3.“我的相册”页面，我们插入了一个Flash相片展示舞台，主要展示了***同学此前旅游时所拍的照片，向浏览者展示另一个侧面的他。

4.“我的爱好”页面，是一段Flash视频的展示，同样展示了***同学的个人兴趣。

三、网站风格

通过思考和讨论，我们决定将红色调作为网站的主色调，并且我们大量运用Flash元素、JavaScript代码使网站风格现代化、美观化，给浏览者以最好的体验。

四、网页布局

网页采用表格布局的模式，虽然没有通过模板的使用来制作网站，但是我们使用了一个母页面来做到全站布局的统一，结构整齐，分类内容一目了然。

五、多媒体素材的使用

我们在多个页面加入了背景音乐，并在每个页面中加入了大量优质的图文。这些图片部分来自于网络，但我们使用Photoshop，处理成我们需要的形式，或是以它们为素材做更好的图片。使用的工具软件

Dreamweaver 8（部分通过Dreamweaver CS6）

Photoshop CS6

FlashProfessionalCS6

Word2010

网页设计与制作实验报告

一、制作组成员

12******班

120310** ***，120310** ***

二、网页制作中使用的技术及方法

由于网页制作使用的软件中最重要的是Dreamweaver8，因此使用其他软件的方法就不一一列举。

1.善于利用母页面。

2.Flash的使用。其简易的使用和制作方法，为网站带来了很大方便，并且也兼顾了效果。

3.JavaScript的使用。合理的使用JavaScript，能使网页实现更多功能，或者使网页更加美观。但此方法涉及到编程，对于大部分同学都很有难度。

4.其他的Photoshop技术以及网页Flash中所用的Action Script就不再详细介绍。

三、组员分工

***：查找和整理资料，完成网页的模板制作和内容加入，解决技术问题并且通过技术美化网页。

***：查找和整理资料，撰写规划书和实验报告。

网站的规划和结构设置是我们共同讨论的结果。

四、制作中遇到的问题及解决方法

本部分由组员***撰写。

实际上在网页制作过程中遵循注意事项并理解网页结构，只是制作一个简单的功用小的网站不是一件难事。在本次制作中遇到的最大困难就是代码以及编程语言知识的匮乏，难以制作出更漂亮的效果。因此，最为困难的一步便是JavaScript的编写。通过阅读书上给的一部分事例，我掌握了一些基本的语句结构和语句用法但是感觉嵌入自己的页面却无从下手，所以我只能上网搜寻相关代码知识并试着自己去理解。最终我将我所理解的这一代码成功地插入了目标网页中，达到了需求的效果。然而遗憾的是，由于时间问题，没有加入更多的代码丰富我们的网站。

实验中遇到的大部分问题我都通过自己摸索和在线搜索解决了，并且在和别的同学交流的过程中，我对每项功能的具体原理和实现方法又有了更深层次的了解。不过我还有一些问题无法得到解决，同时也是我困惑已久的问题。一是比Dreamweaver 8更新的Dreamweaver CS6上却难以找到许多Dreamweaver 8上的功能，比如在Dreamweaver CS6找不到怎样插入层；二是不知道如何保证不同品牌，不同版本的浏览器获得同样的最佳观赏效果。我也希望能在日后的深入学习当中解决这些疑惑。

五、实验总结

网页制作是最能体现团队合作的一个实验操作，我们通过不同的分工，认认真真的完成了每个人应该完成的任务而且做到都非常出色，这都体现了我们两个人的默契，更使得这次实验配合的非常成功。我们也深刻学习到了Photoshop、Flash、Dreamweaver等软件的操作程序，只能说做网页是从一开始制作就是一件浩大的工程，得花很多时间和精力，但是在这过程中很好地锻炼了我们的动手能力和整体性思维，我们很高兴我们最终制作出来的网站很主观的表达了我们两个人的想法，最终做出了这个符合我们网站规划的个人网站！

第二篇：《网站规划与网页设计制作》学习心得

《网站规划与网页设计制作》的总结

不知不觉，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但这一个学期以后我却受益匪浅，不仅让我全面的、系统的学会了网页设计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。下面来谈谈我一个学期来对这门课的打比方总结。

比如建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。

四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，在这里，我们一般都是用有“网络三剑客”之称的

Dreamweaver、Fireworks、flash来制作网页。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入ican博彩通等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。

以上就是我对于网页制作的一些个人心得，由于本人的技术还不是很成熟，可能还存在很多的不足和错误。选择学习这门课是很正确的选择，虽然在以后不会再有机会去上了，但我还是会通过各种方式继续学习网页设计和制作的，同时很感谢带我入门的老师，让我有机会去学习有关网页的知识。

第三篇：网页制作实验报告格式

这是一篇由xiexiebang.com范文网小编整理的关于网页制作实验报告格式的文章，希望对尊敬的xiexiebang.com范文大全的读者有帮助。

实验一：站点设置

一、实验目的及要求

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

二、仪器用具

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样式创建表格的虚线边框。

xiexiebang.com范文网【www.xiexiebang.com】

二、仪器用具

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软件这个软比较达到效果，但是这个软件的能动性比较低，我们只能被动地使用里面所包含的各项设置但是不能能动地绘制自己想要的图片，各项属性的设置也是只能从中选择。因此如果只是简单的制作可以采用这个软件，但是如果想做自己特色的东西就要选择更高级点的软件。

xiexiebang.com范文大全将继续为您提供关于网页制作实验报告格式的文章，请继续关注xiexiebang.com范文网。

第四篇：网页制作实验报告

网页制作实验报告

实验一：站点设置

一、实验目的及要求

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

二、仪器用具

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、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

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

3、安装网页三剑客（dreamweavermx；flashmx；fireworksmx）等网页设计软件；

三、实验原理

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

四、实验方法与步骤

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

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

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

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

五、实验结果

六、讨论与结论

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

实验二：页面图像设置

一、实验目的及要求：

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

二、仪器用具

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

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

3、安装网页三剑客（dreamweavermx；flashmx；fireworksmx）等网页设计软件；

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

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

三、实验原理

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

四、实验方法与步骤

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

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

五、实验结果

六、讨论与结论

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

实验三：表格制作

一、实验目的及要求：

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

二、仪器用具

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

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

3、安装网页三剑客（dreamweavermx；flashmx；fireworksmx）等网页设计软件；

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

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

三、实验原理

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

四、实验方法与步骤

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

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

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

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

五、实验结果

六、讨论与结论

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

实验四：创建锚点链接

一、实验目的及要求：

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

二、仪器用具

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

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

3、安装网页三剑客（dreamweavermx；flashmx；fireworksmx）等网页设计软件；

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、安装windowsxp操作系统；建立iis服务器环境，支持asp。

3、安装网页三剑客（dreamweavermx；flashmx；fireworksmx）等网页设计软件；

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

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

三、实验原理

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

四、实验方法与步骤

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

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

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

五、实验结果

六、讨论与结论

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

实验六：创建表单

一、实验目的及要求：

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