网页设计与制作实验总结-最新网页制作实验报告

摘要： 1.网页制作实验报告 实验一：站点设置 1.实验目的及要求 本例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 二、仪器设备 1、为每个学生配备多媒体计算机一台卡通人物，内部局域网络表情包设计，并可上网。 2、安装windowsxp操作系统； 搭建iis服务器环境，支持asp。 3、安装三剑客（Dreamweavermx；Flashmx；Fireworksmx）等网页设计软件； 3.实验原理通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 4、实验方法及步骤 1）执行“站点管理站点”命令，在弹出的“管理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。 2) 单击“高级”选项卡，在弹出的“站点定义为”对话框中。 3) 在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中选择创建的站点文件夹。 在“默认图像文件夹”文本框中选择存储图像的文件夹，完成后单击“确定”按钮返回“管理站点”对话框。 4) 单击“管理站点”对话框中的“完成”按钮，站点创建完毕。 5.实验结果 6.讨论与结论 在开始实验之前，必须首先创建一个根文件夹。 在实验过程中，将站点保存在您创建的文件夹中。 这样会让实验变得井井有条，并且实验结束后不会被发现。 自己的网站。

实验过程中会出现一些选项。 计算机通常有一个默认选择。 最后不要改变它。 如果想要改变，首先必须充分理解该选项的含义以及它会造成的影响，否则实验结果就会失真。 实验前熟悉操作软件是做好实验的关键。 实验二：页面图片设置 1、实验目的及要求：本例的目的是设置页面的背景图片并创建鼠标通过图片。 二、仪器设备 1、为每个学生配备多媒体计算机一台网页设计与制作实验总结，内部局域网络，并可上网。 2、安装windowsxp操作系统； 搭建iis服务器环境，支持asp。 3、安装三剑客（dreamweavermx；flashmx；fireworksmx）等网页设计软件； 4、安装acdsee、photoshop等图形处理制作软件； 5.其他一些动画图形处理或制作软件。 3. 实验原理 设置页面背景图片并创建鼠标经过图片。 4、实验方法及步骤 1）在“页面属性”对话框中设置页面的背景图片。 2) 单击第 4 页文档中的“”插入鼠标悬停图像。 5.实验结果 6.讨论与结论 实验结束后，我们可以看到页面的背景变成了我们插入的图片，并且当鼠标经过它时，它又变成了另一张图片。 这是鼠标滑过图像的效果。 当然，这个实验效果很难在实验结果截图中展现出来。

本实验的关键在于背景图像的选择。 如果背景图片太大，不仅会影响网页的打开速度，甚至插入时图片也会有扭曲的感觉。 因此，在插入之前对图像进行必要的处理可以使实验的效果更好。 更好的。 实验三：表格创建 1.实验目的和要求：本例是创建一个边框为1像素的表格。 二、仪器设备 1、为每个学生配备多媒体计算机一台，内部局域网络，并可上网。 2、安装WindowsXP操作系统； 搭建IIS服务器环境，5.支持ASP。 3、安装三剑客（dreamweavermx；flashmx；fireworksmx）等网页设计软件； 4、安装acdsee、photoshop等图形处理制作软件； 5.其他一些动画图形处理或制作软件。 3. 实验原理 创建一个边框为1像素的表格。 4、实验方法及步骤 1）在文档中，单击表格“ ”按钮，在对话框中将“单元格间距”设置为“1”。 2) 选择插入的表格并将“背景颜色”设置为“黑色”(#0000000)。 3) 选择表格中的所有单元格，然后在“属性”面板中将“背景颜色”设置为“白色”(#ffffff)。 4) 设置完成后，保存页面并按“f12”键预览。 5.实验结果 6.讨论与结论 6.实验主要利用整个表格和单元格的颜色差异来衬托实验效果。 间距的作用主要是为了表达这种色差。

表格的背景色和单元格的背景色很容易混淆。 实验过程中一定要仔细判断。 如果你犯了错误，你将得不到实验效果。 “表格宽度”文本框右侧表格的宽度单位包括“像素”和“百分比”，很容易混淆。 只有充分理解这两个单元的含义，你才能做出正确的选择，否则你将无法实现你的目标。 如果想要达到理想的效果，设置错误会严重影响实验结果。 实验四：创建锚链接 1、实验目的和要求：本例的目的是创建锚链接。 二、仪器设备 1、为每个学生配备多媒体计算机一台，内部局域网络网页设计与制作实验总结，并可上网。 2、安装windowsxp操作系统； 搭建iis服务器环境，支持asp。 7. 3.安装网页设计软件如三剑客（dreamweavermx；flashmx；fireworksmx）； 4、安装acdsee、photoshop等图形处理制作软件； 5.其他一些动画图形处理或制作软件。 3.创建锚链接的实验原理。 4、实验方法及步骤 1）在页面中插入一个1行4列的表格，并在每个单元格中输入导航文本。 2）分别选择各单元格中的文字，单击“”按钮，在弹出的“超链接”对话框的“链接”文本框中输入“#01”“#02”“#03”“#04”盒子。 。 3）在文档中输入文字并设置锚点名称“01”，按“回车”键换行，输入文章。

4) 更改文章末尾的行，输入文字并设置锚点名称“02” 8. 按“回车”键更改行并输入文章。 5）同样的方法，在页面下方分别输入文字和名称锚点为“03”和“04”，并输入文章。 6) 保存页面并按“f12”键预览。 5.实验结果 6.讨论与结论 添加标题的作用是帮助读者快速找到自己想要的文章，同时也可以让页面更加精简。 本实验的关键难点在于，链接文本框中输入的名称和目标注释的名称必须一致，才能达到实验的效果。 同时一定要记得输入上一篇文章末尾的文字并设置目标注释的名称，并且记得输入对应的文章，否则助记词可能无法使用。 熟练程度低的人在实验中不能很好地使用各种工具，不能一次性准确地找到合适的位置。 实验时忘记选择“隐形元素”，几次实验都失败了才最终得出正确的结论。 因此，实验前一定要做好充分的准备，否则实验过程会更加困难。 实验五：设置css样式 1、实验目的及要求：本例的目的是通过设置css样式来创建表格的虚线边框。 二、仪器设备 1、为每个学生配备多媒体计算机一台，内部局域网络，并可上网。 2、安装windowsxp操作系统； 搭建iis服务器环境，支持asp。 3、安装三剑客（dreamweavermx；flashmx；fireworksmx）等网页设计软件； 4、安装acdsee、photoshop等图形处理制作软件； 5.其他一些动画图形处理或制作软件。

3.实验原理通过设置css样式创建表格的虚线边框。 4. 实验方法及步骤 1) 在网页中创建一个表单。 2）点击“css样式”面板中的“”按钮，在弹出的对话框中进行设置，完成后点击“确定”按钮。 3）在弹出的对话框中进行设置，完成后单击“确定”按钮。 5.实验结果 6.讨论与结论 在对话框中设置各种指标和属性有一定的难度。 如果不熟练，很容易出错，实验就会失败。 我对“ccs”风格使用的各种按钮不太熟悉，所以使用时感觉很生硬。 本次实验成功的关键在于对软件的掌握程度以及对各种属性的了解程度。 只要你完全掌握了软件的各种操作，充分理解了各个属性的含义，就可以很好地完成这个实验。 。 实验六：创建表单、实验目的及要求：本例的目的是创建一个捐赠表单。