网页制作实验报告.doc

网页制作实验报告 网页制作实验报告 实验一：站点设置 一、实验目的及要求 本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点 二、仪器用具 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)在弹出的对话框中进行设置完成后单击“确定”按钮 五、实验结果 六、讨论与结论 对话框中各项指标和属性的设置存在一定的难度如果没熟练掌握就容易出错使实验失