下面是范文网小编整理的网页制作实验报告格式3篇(制作网页的实验报告)，供大家赏析。
网页制作实验报告格式1
网页制作实验报告
实验一：站点设置
一、实验目的及要求
本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。
二、仪器用具
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”样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬。这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度，只要充分地掌握了软件的各种操作，对各属性所代表的含义有充分的认识就能很好地完成这个实验。
实验六：创建表单
一、实验目的及要求：
本实例的目的是创建一个募捐表单。
网页制作实验报告格式2
《大学计算机基础》 专业名称学号:xxxxxxxxxxx 姓名:xx 指导教师:xx 实验报告
2011年12月24日
目 录
第一章 网站主题设计说明.....................1
主题内容..........................1
设计思路....................1
第二章 网站内容设计.................2
链接1标题........................2
链接2标题.........................2
flash制作说明......................2
第三章 网站技术难点................3
第四章 心得体会..................................4
第一章网站主题设计说明
主题内容….……................1
网站主题为“四季の花”，包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句，色彩缤纷，十分艳丽夺目。
设计思路………………………………………………2
大多网站都设计的关于音乐，影视，购物等非常热门的东西，本站设计的主题是花，能让人们在闲下来的时候看看花，品品诗歌，所以做有关花的网页是个不错的选择。同时，让人们分清楚春夏秋冬都各有什么典型的花。
第二章 网站内容设计
链接1标题：春の花
春天是生命的季节，在这个季节里，万物复苏。所以就找了虞美人，桃花，牡丹，以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。
链接2标题：夏の花
夏天充满了激情与阳光，我找了兰花，荷花，百合花等来代表这个季节，色彩艳丽，十分醒目夺人。
链接3标题：秋の花
大丽花，菊花，月季和牡丹花都竞相出现在本网页，色彩缤纷，赏心悦目。
链接4标题：冬の花
蝴蝶兰，水仙，迎春花，梅花是冬季的代表，他们刻画了一副傲立冬天的坚强的姿态。
网站技术难点
在制作网页时，要插入很多的图片，而为了清晰，图片都是尺寸比较大的，所以每次插入图片时都要进行调整图片小这一工作，十分麻烦。同时为了观看网页方便，我便每页都创建了可以连接到任意网页的导航栏，所以此工作也是十分繁琐麻烦的。网页的布局同时也是一个难点，为了美观，则要不断调整各图片的大小，色彩搭配以及很多背景色及字体颜色。还有，对于素材的选取也要认真筛选，否则整个网页做完 看上去十分不协调。
心得体会
制作网页是一个循序渐进的过程，我们要在不断练习的过程中，学会怎样去连接，怎么去插入图片，怎么选择一个合适的背景，使得整体的网页更加和谐自然。同时，为了使所做的网页更加充实，我们还要在内容上添加一些诗歌呀，文章等文字性的东西。色彩的搭配，文字的大小，以及所作网页的大小，每一点都是十分重要的，所以只有在每一点都认真的考虑衡量之后，最终做出的网页才会很赏析悦目，独具特色，并且很好的诠释所作网页的主题。
所以，多方面的衡量才能做出一份好的网页，我们一定要多练习才能提高自己的网页制作水平。
网页制作实验报告格式3
网页制作实验报告
实验一：站点设置
一、实验目的及要求
本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。
二、仪器用具
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、其他一些动画与图形处理或制作软件。
网页制作实验报告格式3篇(制作网页的实验报告)相关文章：