第5章 表单框架和多媒体.ppt

* 网页设计与制作教程(第2版) 机械工业出版社同名教材配套电子教案 第5章 表单、框架和多媒体 5.1 表单 5.1.1 表单的标记 5.1.2 文字和密码的输入 5.1.3 重置和提交 5.1.4 复选框和单选钮 5.1.5 选择栏 5.1.6 多行文字的输入 5.2 框架 5.2.1 建立框架 5.2.3 框架间的链接 5.3 加入动态效果和多媒体 5.3.1 设置字幕 5.3.2 加入音频和视频 5.4 自动刷新页面 习题5 5.1 表单 5.1.1 表单的标记 表单的基本语法及格式为： FORM action=mailto:mail地址或网址 method=get|post INPUT type=表项名 name=名 size=x maxlength=y … /FORM 5.1.2 文字和密码的输入 5.1.3 重置和提交 格式为： INPUT type=reset value=按钮名 INPUT type=submit value=按钮名 当缺省value的设置值时，重置和提交的按钮分别显示为“重置”和“提交查询内容”。 5.1.5 选择栏 格式为： SELECT size=x name=控制操作名 multiple OPTION … … /SELECT OPTION标记的格式为： OPTION select value=可选择的内容 1. 弹出式选择栏 弹出式选择栏的格式为： FORM SELECT OPTION选项1 OPTION选项2 … OPTION选项n /SELECT /FORM 5.1.6 多行文字的输入 格式为： TEXTAREA name=控制操作名 rows=行数 cols=列数 多行文本 /TEXTAREA 其中的行数和列数是指不用滚动条就可看到的部分。 5.2 框架 5.2.1 建立框架 建立框架的基本结构为： FRAMESET FRAME src=URL FRAME src=URL … /FRAMESET 1. FRAMESET标记 FRAMESET标记用来定义一个框架组的属性，格式为： FRAMESET row=数 cols=数 border=像素数 bordercolor=颜色 frameborder=yes/no framespacing=值 … /FRAMESET 框架有横向和纵向之分。对一个框架来说，其大小是很重要的。FRAMESET的rows和cols属性用于设定横向分割和纵向分割的框架数目。例如，要建立有三个横向框架的页面，可写为： FRAMESET row=x1或y1%或z1*, x2或y2%或z2*, x3或y3%或z3* 2. FRAME标记 FRAME标记用于给各个框架指定页面的内容，也就是，它将各个框架和包含其内容的那个文件联系在一起。FRAME是一个单标记，格式为： FRAME src=源文件名.html name=框架名 border=像素数 bordercolor=颜色 frameborder=yes或no marginwidth=x marginheight=y scrolling=yes或no或auto noresize 5.2.2 设置框架属性 框架的属性包括边框、颜色、滚动条等，这些属性使框架的外观发生变化，产生不同的艺术效果。 1. 设定框架的有无和颜色 利用FRAMESET和FRAME标记可以设置边框的外观，如大小、颜色。两个标记所不同的是，FRAMESET标记设置的是整个框架各个边框的属性，而FRAME只能设置它所控制的框架。 (1) 设定有无边框 利用FRAMESET和FRAME标记的Frameborder属性可以设定有无边框。格式为： FRAMESET frameborder=yes或no或1或0 或 FRAME frameborde