网页设计——HTML表格、表单与框架标志
- 格式：doc
- 大小：18.50 KB
- 文档页数：4
第四讲 HTML表格、表单与框架标志
使学生掌握简单表格、表单与框架的制作。
【教学内容】
讲解HTML中制作表格、表单与框架的标志。
【教学重点】
* 表格中单元格的合并以及表格嵌套和叠加操作。
* 框架的嵌套使用。
* 表单元素标志与属性。
【教学难点】
* 理解表格属性rowspan与colspan的含义以及表格嵌套实现的基本思想。
* 理解框架属性name、target的意义。
* 理解表单中相应元素对应标志及属性的含义。
【教学方式】
案例分析式、项目教学
【教学参考】
1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。
2、《WEB网站设计》Joel Sklar著高等教育出版社。
3、《HTML网页制作教程》材义语编著铁道出版社。
【新课内容】
2.5 插入表格
2.5.1 在网页中插入表格
表格的基本构成元素：表头，单元格，列，行
<TABLE>
<TR>
<TD>第一行第一列</TD>
<TD>第一行第二列</TD>
</TR>
<TR>
<TD>第二行第一列</TD>
<TD>第二行第二列</TD>
</TR>
</TABLE>
2.5.2嵌套的表格
2.5.3 表格的属性设置
2.5.4单元格属性设置
2.6 表单的应用
表单在Web网页中用来给访问者填写信息，从而能获得用户信息，使网页具有交互的功能。
2.6.1 创建表单
2.6.2 用<INPUT>定义用户交互
（1）单行文本输入区
（2）密码输入区
（3）单选框
（4）复选框
（5）隐藏区域
（6）按钮
2.6.3 定义下拉式菜单
<P>你选修的课程：
<SELECT Size="1" Name="D1">
<OPTION Value="jsj">计算机</OPTION>
<OPTION Value="ey">英语</OPTION>
<OPTION Value="ljx">逻辑学</OPTION>
<OPTION Selected value="xlx">心理学</OPTION>
</SELECT>
</P>
2.6.4 定义多行文字输入区域
请输入你的详细介绍：
<TEXTAREA Rows="2" Name="S1" Cols="20" >
文字
</TEXTAREA>
2.7 框架窗口
框架把窗口划分成几个子窗口，各个子窗口可以调入各自的HTML文档，最后形成充满整个窗口的网页。
2.7.1 框架的定义
2.7.2 框架属性设置
<FRAMESET
Rows="pixels，*“
FrameBborder="0“
Border=0
FrameSpacing="2“
BorderColor="#008000“
>
2.7.3 子窗口属性设置
<FRAME Name="top" SRC="a.htm" MarginWidth="5" MarginHeight="5"
Scrolling="auto" FrameBorder="0" Noresize FrameSpacing="6" BorderColor="#0000FF" Target="rtop">
2.7.4 常见的框架窗口划分方法
（1）标题和正文，分为上下两部分
（2）层次结构，分为上中下三部分
（3）目录和标题，分为左上、左下、右三部分
（4）标题、目录和正文，分为上、左下、右下三部分
（5）嵌套目录，分为左、右上、右下三部分
2.7.5 不支持框架的网页
<FRAMESET rows="80，*">
<NOFRAMES>
<BODY> 很抱歉，馈下使用的浏览器不支援框架功能，请转用新的浏览器。
</BODY>
</NOFRAMES>
<FRAME Name="top" SRC="a.htm">
<FRAME Name="bottom" SRC="b.htm">
</FRAMESET>
2.7.6 内部框架
【课后小结】
表格在网页设计中应用广泛，熟练掌握表格的基本标志及配合使用的属性的意义，是灵活运用表格的基础。
表格的嵌套是表格制作中的一个难点，关键是要抽象出嵌套表格对应的简单表格模型，再将模型中单元格的位置使用内嵌表格代替。
框架结构是布局网页的一种常用方式，要掌握框架及其嵌套的实现，以及在框架中设置超级链接时目标框架位置的设置。
表单是网页实现交互处理的工具,熟练掌握表单中元素的标志和属性，是设计表单网页关键。
