网页制作实验报告Word格式文档下载.docx

1、安装 windowsxp 操作系统；建立 iis 服务器环境，支持 asp。安装网页三佥9客（dreamweavermx flashmx ; fireworksmx ）等网 页设计软件；三、实验原理通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。四、实验方法与步骤1）执行“站点管理站点”命令，在弹出的“管理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。2）在弹出的“站点定义为”对话框中单击“高级”选项卡。3）在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中选择所创建的站点文件夹。 在“默认图象文件夹”文本框中选择 存放图象的文件夹， 完成后单击“确定

2、”按钮， 返回“管理站点”对 话框。4）在“管理站点”对话框中单击“完成”按钮，站点创建完毕。五、实验结果六、讨论与结论实验开始之前要先建立一个根文件夹， 在实验的过程中把站点存在自 己建的文件夹里， 这样才能使实验层次化， 不至于在实验后找不到自 己的站点。 在实验过程中会出现一些选项， 计算机一般会有默认的选 择，最后不要去更改，假如要更改要先充分了解清楚该选项的含义， 以及它会造成的效果， 否则会使实验的结果失真。 实验前先熟悉好操 作软件是做好该实验的关键。实验二：页面图像设置一、实验目的及要求：本实例的目的是设置页面的背景图像 , 并创建鼠标经过图像。安装 acdsee、photos

3、hop 等图形处理与制作软件；其他一些动画与图形处理或制作软件。设置页面的背景图像 , 并创建鼠标经过图像。1）在“页面属性”对话框中设置页面的背景图像。2）在页面文档中单击“”插入鼠标经过图像。实验结束后我们可以看到页面的背景变成了我们插入的图像， 并且要 鼠标经过的时候会变成另一个图像， 这就是鼠标经过图像的效果。 当 然这种实验效果很难在实验结果的截图里表现出来。 这个实验的关键 在于背景图像的选择， 假如背景图像太大不仅会影响网页的打开速度， 甚至图像在插入会也会有失真的感觉， 因此在插入前对图像进行须要 的处理能使实验的效果更好。实验三：表格格式制作本实例是要创建边框为 1 像素的表

4、格格式。创建边框为 1 像素的表格格式。1） 在文档中，单击表格格式“”按钮， 在对话框中将“单元格间距”#0000000）。设置为“ 1”。2）选中插入的表格格式， 将“背景颜色”设置为“黑色”3）在表格格式中选中所有的单元格， 在“属性”面版中将“背景颜色” 设置为“白色”（ #ffffff ）。4）设置完毕，保存页面，按下“ f12 ”键预览。本实验主要通过整个表格格式和单元格颜色的差异来衬托出实验效 果，间距的作用主要在于表现这种颜色差异。 表格格式的背景颜色和 单元格的背景颜色容易混淆， 在实验中要认真判断， 一旦操作错误则 得不到实验的效果。 “表格格式宽度”文本框右侧的表格格式的

5、宽度 单位，包括“像素”和“百分比”两种，容易混淆，要充分地理解这 两种单位表示的意义才能正确地进行选择， 否则就不能到达自己想要 的效果，设置错误就会严重影响实验效果。实验四：创建锚点链接本实例的目的是创建锚点链接。创建锚点链接。1）在页面中插入 1行 4列的表格格式，并在各单元格中输入导航文字。#01”“ #02”“ #03”“ #04”。输入一篇文章。4） 在文章的结尾处换行，输入文字并设置锚记名称“ 02”，按下03”和enter ”键换行，输入一篇文章。5）同样的方法在页面下文分别输入文字和命名锚记为04”，并输入文章。6）保存页面，按下“ f12 ”键预览。添加瞄记的作用是可以帮读

6、者快速找到自己想要的文章， 同时也可以 使页面更加精简。 本实验的关键难点在于链接文本框输入的名称和瞄 记的名称要相一致才能到达实验的效果， 同时要记得是在上一篇文章 的结尾处输入文字并设置瞄记名称， 并记得输入对应的文章， 否则瞄 记可能不能用。 熟练程度低在实验中不能很好地使用各种工具， 无法 一次准确地寻找到适当的位置。 实验中忘记选择“不可见元素”， 几 次实验都失败，最后才得出正确的结论。 因此在实验前要先做好预习， 否则实验过程会比较吃力。实验五：设置 css 样式本实例的目的是通过设置 css 样式创建表格格式的虚线边框。通过设置 css 样式创建表格格式的虚线边框。1）在网页中创建一个表格格式。2）在“ css样式”面板中单击“”按钮，在弹出的对话框中进行设置,完成后单击“确定”按钮。3）在弹出的对话框中进行设置，完成后单击“确定”按钮。对话框中各项指标和属性的设置存在一定的难度， 假如没熟练掌握就 容易出错使实验失败。对“ CCS ”样式所要使用的各种按扭不够熟悉 在使用的时候觉得很生硬。 这个实验成功的关键在于对软件的掌握程 度以及对各种属性的认识程度，只要充分地掌握了软件的各种操作， 对各属性所代表的含义有充分的认识就能很好地完成这个实验。实验六：创建表单本实例的目的是创建一个募捐表单。