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