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

第四讲 HTML表格、表单与框架标志 使学生掌握简单表格、表单与框架的制作。【教学内容】 讲解HTML中制作表格、表单与框架的标志。 【教学重点】 * 表格中单元格的合并以及表格嵌套和叠加操作。* 框架的嵌套使用。* 表单元素标志与属性。 【教学难点】 * 理解表格属性rowspan与colspan的含义以及表格嵌套实现的基本思想。* 理解框架属性name、target的意义。* 理解表单中相应元素对应标志及属性的含义。 【教学方式】 案例分析式、项目教学 【教学参考】 1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。2、《WEB网站设计》Joel Sklar著 高等教育出版社。3、《HTML网页制作教程》材义语编著 铁道出版社。 【新课内容】 2.5 插入表格 2.5.1 在网页中插入表格 表格的基本构成元素：表头，单元格，列，行TABLETRTD第一行第一列/TDTD第一行第二列/TD/TRTRTD第二行第一列/TDTD第二行第二列/TD/TR/TABLE2.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英语/OPTIONOPTION Value=ljx逻辑学/OPTIONOPTION 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 框架属性设置 FRAMESETRows=pixels，*“FrameBborder=0“Border=0FrameSpacing=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 内部框架 【课后小结】 表格在网页设计中应用广泛，熟练掌握表格的基本标志及配合使用的属性的意义，是灵活运用表格的基础。表格的嵌套是表格制作中的一个难点，关键是要抽象出嵌套表格对应的简单表格模型，再将模型中单元格的位置使用内嵌表格代替。框架结构是布局网页的一种常用方式，要掌握框架及其嵌套的实现，以及在框架中设置超级链接时目标框架位置的设置。表单是网页实现交互处理的工具,熟练掌握表单中元素的标志和属性，是设计表单网页关键。 1