(实验一、网页制作软件认识及HTML语言2.docVIP

实验一、网页制作软件认识及HTML语言 实验目的： 熟悉常用的网页标记语言html； 掌握记事本编辑网页的方法； 了解并掌握Dreamweaver制作网页的一般方法； 掌握通过网络学习标记语言的能力。 实验类型： 验证型 实验内容：（每个小实验的文件分别应在同一目录下，不要放在桌面或我的文档中） 为网页设计标题和背景 打开记事本输入下面代码：（书例3-2） 保存文件为“3-2.html”如图所示： 使用浏览器打开3-2.html观察网页效果。 思考：背景图片是否加入，如没有，如何使背景图片(图片自定)显示；网页标题中的内容是由什么标记设定的，本例文字颜色是如何设定的。 设置文字风格 打开记事本分别输入下面代码： 书例3-3，3-5，3-7 分别保存文件3-3.htm,3-5.htm,3-7.htm 使用浏览器分别打开以上文件，浏览文件。观察效果。 思考：字体、标题、段落、换行、注释各使用了什么标志。 建立超链接 打开记事本分别输入下面代码： 书例3-6，保存为文件“3-6.htm” 打开Dreamweaver新建HTML页面如图所示： 文件保存在和3-6文件同一目录下，文件名为“sub_01.htm”,用同样方法建立“sub_02.htm”，“sub_03.htm”内容可自由发挥。 用浏览器打开3-6.htm，观察并演示链接效果。 修改链接到sub_01.htm的链接为并演示效果 增加发送邮件的链接。（参照例3-9） 思考：超链接标记的要素有那些，链接有那些类型。在Dreamweaver中如何设置字体及颜色，可以添加背景图片吗，在Dreamweaver中插入一个链接，实验一下。 网页中插入图片 打开记事本分别输入下面代码： 书例3-10，保存为文件“3-10.htm” 使用浏览器观察效果（图片文件自选）。 思考：图片使用什么标记，有那些属性标记。 网页中实现滚动效果 打开记事本分别输入下面代码： 书例3-14，保存为文件“3-14.htm” 使用浏览器观察效果 思考：滚动效果的标记是什么，有那些属性。 制作表格 打开记事本分别输入下面代码： 书例3-15，3-16、3-21保存为文件3-15.htm，3-16.htm，3-21.htm 使用浏览器观察效果。 思考：表格有那些属性，分别可以使用什么标记表示。 建立表单图所示（3-22）： 打开Dreamweaver新建HTML页面如图所示插入表单： 在表单中插入10行3列的表格图所示 再表格中设置表格属性及填写表格内容：该合并的合并，该分拆的分拆。 在指定位置插入表单元素 调整位置和属性完成初步设计如图： 如上图所示点击“代码”进入代码窗，按照例3-22进行修改。 浏览器中演示效果 思考:表单标记代码结构是什么，有那些元素。使用Dreamweaver设计就不需要了解代码了吗？ 掌握通过网络学习标记语言的能力。 代码窗中复制“cellpadding”在百度里搜一下。如图： 点击相关的第一条学习其功能： 框架： 打开记事本分别输入下面代码： 书例3-25保存为文件3-25.htm 使用浏览器观察效果。 注：自主制作01.htm、02.htm、03.htm文件 思考：框架的标记结构和框架作用。