网页元素的运用

《网页元素的运用》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、实训四网页元素的运用实训冃的和要求一、实训目的1.了解组成网页的棊本元素。2.掌握网页元素的添加和编辑方法。3.合理运用网页元索设计网页。二、实训要求1.掌握网页文木的插入和编辑方法。2.掌握水平线、特殊字符和时I'可的插入方法。3.掌握图像的插入及屈性的设置。三、时间分配2课时四、环境要求DreamweaverMX2004五、内容提要：1.建立一个木地站点。2.建立一张网页。3.在网页中添加样张屮的网页元素。4.预览网页。六、教学重点与难点1.文木的输入与格式编辑。2.图像的插入与属性设置。实训内容与步骤一、准备工作在C盘或其他盘新建一个文

2、件夹，作为站点文件夹。输入你想要的站点名称，这里输入myweb4o在此文件夹中新建一个图像文件夹images,将收集好的图像素材存放到此文件夹屮。二、建立本地站点用已学方法建立本地站点。三、向网页中添加并编辑网页元素网页样张如图4.1o图4.1网页样张1.在默认打开的网页中选择【修改】丨【页面属性】命令，设置使背景颜色为#CCCCCC。2.输入网页首行文本“老邮票知多少”，大小为48像素，颜色为#FFFFOO,字体为“华文行楷”粗体，居中对齐。3.在网页第二行插入更新H期和版权信息，选择【插入】1【日期】命令,将当前编辑H期插入网页，然后利用

3、【插入】面板上【文本】选项卡中的越按钮，插入多个空格，再输入版权信息“©版权所伤D.Wei@sohu.com”整行文字大小为18像素，颜色为#000000,字体为默认字体，粗体，居中对齐。4.在网页第三行选择【插入】丨【水平线】命令，插入一条水平线，鬲度为5,其它属性収默认值。5.在网页第四行、第七行各插入一行文本,内容分别为“纪33(C33):屮国古代科学家、1955.8.25发行600万套、全套4枚、新票市场参考价¥550元。”和“纪36(C36):中国工农红军胜利完成二万五T•里长征二十周年、1955.12.30发行600万套、全套2枚

4、、新票市场参考价¥850元。”文字大小为18像素，格式为“项bl列表”，其它属性取默认值。1.在网页第五行选择【插入】丨【图像】命令，插入四张邮票图像，文件名分别为0637.jpg、0638.jpg、0639.jpg、0640.jpg。每张图像的宽为11()、高为150,其它属性取默认值。2.在网页第六行插入一条水平线，宽为400像索，其它属性取默认值。3.在网页第八行插入两张邮票图像，文件名分别为0645.jpg,0646.jpg,图像宽高分别为150/110和110/150,其它属性取默认值。四、保存网页选择【文件】丨【保存】命令，将此网

5、页保存在站点中。五、站点测试按F12键在浏览器屮预览，观察效果与样图是否一致。