网页制作实验报告（4篇）

网页制作实验报告精选4篇网页制作实验报告篇1

一、实验目的及要求本实例是通过站点定义为对话框中的高级选项卡创建一个新站点

二、仪器用具

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

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

3、安装网页三剑客dreamweavermX；flashmX；fireworksmX等网页设计软件；

三、实验原理通过站点定义为对话框中的高级选项卡创建一个新站点

四、实验方法与步骤1执行站点管理站点命令，在弹出的管理站点对话框中单击新建按钮，在弹出的快捷菜单中选择站点命令2在弹出的站点定义为对话框中单击高级选项卡3在站点名称文本框中输入站点名称，在默认文件夹文本框中选择所创建的站点文件夹在默认图象文件夹文本框中选择存放图象的文件夹，完成后单击确定按钮，返回管理站点对话框4在管理站点对话框中单击完成按钮，站点创建完毕

五、实验结果

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

一、站点设置

一、实验目的及要求本实例是通过站点定义为对话框中的高级选项卡创建一个新站点

二、仪器用具

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

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

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

三、实验原理创建边框为1像素的表格

四、实验方法与步骤1在文档中，单击表格按钮，在对话框中将单元格间距设置为12选中插入的表格，将背景颜色设置为黑色#0000000o3在表格中选中所有的单元格，在属性面版中将背景颜色设置为白色ftffffff O4设置完毕，保存页面，按下fl2键预览

五、实验结果

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

四、创建锚点链接

一、实验目的及要求本实例的目的是创建锚点链接

二、仪器用具

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

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

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

三、实验原理创建锚点链接

四、实验方法与步骤1在页面中插入1行4列的表格，并在各单元格中输入导航文字2分别选中各单元格的文字，单击按钮，在弹出的超级链接对话框上的链接文本框分别输入#01#02#03#043在文档中输入文字并设置锚记名称01,按下enter键换行，输入一篇文早4在文章的结尾处换行，输入文字并设置锚记名称02,按下enter键换行，输入一篇文章5同样的方法在页面下文分别输入文字和命名锚记为03和04,并输入文早6保存页面，按下fl2键预览

五、实验结果

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

五、设置css样式。