网页制作实验报告-总结报告 - 实验报告
网页制作试验报告
试验一:站点设置
一、试验目的及要求
本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。
二、仪器用具
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)在弹出的对话框中进行设置,完成后单击“确定” [1][2][3][4]下一页
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论