当前位置:文档之家› 网页设计——HTML表格、表单与框架标志

网页设计——HTML表格、表单与框架标志

网页设计——HTML表格、表单与框架标志
网页设计——HTML表格、表单与框架标志

第四讲 HTML表格、表单与框架标志

使学生掌握简单表格、表单与框架的制作。

【教学内容】

讲解HTML中制作表格、表单与框架的标志。

【教学重点】

* 表格中单元格的合并以及表格嵌套和叠加操作。

* 框架的嵌套使用。

* 表单元素标志与属性。

【教学难点】

* 理解表格属性rowspan与colspan的含义以及表格嵌套实现的基本思想。* 理解框架属性name、target的意义。

* 理解表单中相应元素对应标志及属性的含义。

【教学方式】

案例分析式、项目教学

【教学参考】

1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。

2、《WEB网站设计》Joel Sklar著高等教育出版社。

3、《HTML网页制作教程》材义语编著铁道出版社。

【新课内容】

2.5 插入表格

2.5.1 在网页中插入表格

表格的基本构成元素:表头,单元格,列,行

第一行第一列第一行第二列
第二行第一列第二行第二列

2.5.2嵌套的表格

2.5.3 表格的属性设置

2.5.4单元格属性设置

2.6 表单的应用

表单在Web网页中用来给访问者填写信息,从而能获得用户信息,使网页具有交互的功能。

2.6.1 创建表单

2.6.2 用定义用户交互

(1)单行文本输入区

(2)密码输入区

(3)单选框

(4)复选框

(5)隐藏区域

(6)按钮

2.6.3 定义下拉式菜单

你选修的课程:

2.6.4 定义多行文字输入区域

请输入你的详细介绍:

2.7 框架窗口

框架把窗口划分成几个子窗口,各个子窗口可以调入各自的HTML文档,最后形成充满整个窗口的网页。

2.7.1 框架的定义

2.7.2 框架属性设置

Rows="pixels,*“

FrameBborder="0“

Border=0

FrameSpacing="2“

BorderColor="#008000“

>

2.7.3 子窗口属性设置

Scrolling="auto" FrameBorder="0" Noresize FrameSpacing="6" BorderColor="#0000FF" Target="rtop">

2.7.4 常见的框架窗口划分方法

(1)标题和正文,分为上下两部分

(2)层次结构,分为上中下三部分

(3)目录和标题,分为左上、左下、右三部分

(4)标题、目录和正文,分为上、左下、右下三部分

(5)嵌套目录,分为左、右上、右下三部分

2.7.5 不支持框架的网页

</p><p><BODY> 很抱歉,馈下使用的浏览器不支援框架功能,请转用新的浏览器。</p><!--/p3--><!--p4--><p></BODY></p><p>

2.7.6 内部框架

【课后小结】

表格在网页设计中应用广泛,熟练掌握表格的基本标志及配合使用的属性的意义,是灵活运用表格的基础。表格的嵌套是表格制作中的一个难点,关键是要抽象出嵌套表格对应的简单表格模型,再将模型中单元格的位置使用内嵌表格代替。

框架结构是布局网页的一种常用方式,要掌握框架及其嵌套的实现,以及在框架中设置超级链接时目标框架位置的设置。

表单是网页实现交互处理的工具,熟练掌握表单中元素的标志和属性,是设计表单网页关键。

最新2020年HTML模板

eCommerce template By Adobe Dreamweaver CC

OFFER 50%

REALLY AWESOME DISCOUNTS THIS JULY