网页设计与制作实验报告

  实验一:站点设置

  一、实验目的及要求

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

  二、仪器用具

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

原创文章,作者:fanwen,如若转载,请注明出处:https://fanwen.hongwu.com/62510.html

(0)
上一篇 2022年10月24日 下午5:47
下一篇 2022年10月24日 下午5:51

相关推荐

  • 细胞生长曲线的绘制实验报告范文

      篇一:实验五 微生物生长量的测定及生长曲线的绘制   一、实验目的   学习了解微生物生长量测定的方法   学习了解细菌生长曲线的绘制方法   学习掌握血细胞计数板的使用方法 …

    实验报告 2022年12月5日
  • 激发学生探究兴趣科学书写实验报告论文

      【摘 要】用简明准确的语言描述实验过程和实验现象, 分析实验现象的实质, 提供给学生自由思维的空间,提高学生分析解决问题的能力和勇于创新的精神,高效率地指导学生学会填写科学实验…

    实验报告 2022年8月21日
  • 如何写vc实验报告

      篇一:VC++实验报告 (2)   VC++实验报告   班号:0904101   学号:090410123   姓名:仲维祎   实验一VC++开发环境的熟悉和C++基础知识…

    实验报告 2022年8月17日
  • 空气质量简易检测实验报告范文

      铜鼎中学地处江南水乡,这里山清水秀,但由于森林的过度砍伐,水土流失,整体环境恶化,这里的山不再有往日的郁郁葱葱,这里的水不再有往日的清澈见底,这里的天不再有往日的湛蓝清新。为此…

    实验报告 2022年7月26日
  • 静电场描绘实验报告

      静电场描绘实验报告如何写?那么,下面就随第一范文网小编一起来看看吧。   【实验目的】   1.学习用模拟法测绘静电场的原理和方法。   2.加深对电场强度和电位要领的理解。 …

    实验报告 2022年11月27日
  • 《排水集气法》的化学实验报告

      实验名称:   排水集气法   实验原理:   氧气的不易容于水   仪器药品:   高锰酸钾,二氧化锰,导气管,试管,集气瓶,酒精灯,水槽   实验步骤:   ①检&#821…

    实验报告 2022年10月15日
  • 初二物理声音强弱与那些因素有关实验报告的范文

      1、提出问题:   声音的强弱(声音的响度)可能   1)、与声源振动的幅度(振幅)有关;   2)、与人离声源的距离有关。   2、猜想或假设:   1)、声源的振幅越大,响…

    实验报告 2023年8月19日
  • 求爱实验报告书经典故事

      读大学的时候,对爱情我是一个不善用语言表达的人。这学期要做一周的模拟实验,我和悦儿分在一组。悦儿是班里的学习委员,负责收每天实验后大家必写的实验报告书。   悦儿长得很美,碰到…

    实验报告 2022年7月25日
  • SRDP实验报告范文

      一、 实验目的   测定酸模、香蒲、毛茛、青岛藨草、绿萝5种湿地植物在污水净化过程中根内酸性磷酸酶、碱性磷酸酶和脲酶活力。   二、实验方法   1.磷酸酶测定方法   (1)…

    实验报告 2022年8月17日
  • 食品中总酸的测定实验报告范文

    篇一:食品中总酸度的测定实验报告   1. 方法提要   总酸度是食品中所有酸性物质的总量,包括已离解的酸和未离解的酸,常采用酸碱滴定法进行测定,即用标准碱溶液进行滴定,以酚酞为指…

    实验报告 2022年8月23日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注