网页制作实验报告

网页制作实验报告

页制作实验报告

实验一：站点设置

一、实验目的及要求

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

二、仪器用具

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”样式所要使用的各种按扭别够熟悉在使用的时候觉得很生硬。那个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度，只要充分地掌握了软件的各种操作，对各属性所代表的含义有充分的认识就能很好地完成那个实验。

实验六：创建表单

一、实验目的及要求：