3_HTML高级应用_电子教程讲解.pptVIP

任务1：表单设计 二、作品评价表单设计HTML代码编写 实例 任务1：表单设计 【任务拓展】 一、表单边框 实例 基本语法： form fieldset legend说明文字/ legend ．．． /fieldset /form 可以使用fieldset/fieldset标签将指定的表单字段框起来，还可以使用legedn /legedn标签在方框的左上角填写说明文字。 任务1：表单设计 二、使用Dreamweaver进行留言表单设计 留言页面表单设计效果图 任务2：窗口框架的使用 【任务陈述】 重复出现的内容被固定下来，每次浏览者发出对页面的请求时，只下载发生变化的部分，其他子页面保持不变，必然能给浏览者带来方便，节省时间。 本任务，将仍以庄辉个人网站为例使用框架技术重新完成站点。 任务2：窗口框架的使用 【知识准备】 3.3 框架 一、框架的含义与基本构成 框架实际上有两部分组成，即框架集与框架。 框架的作用就是把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。 所有的框架标签要放在一个HTML文档中，HTML页面的标签body被框架集标签frameset所取代，然后通过frameset的子窗口标签frame定义每一个子窗口和子窗口页面属性。 最常见的框架结构就是网站的导航条作为一个单独的框架窗口，当用户查看具体的内容时，导航条窗口保持不变，这就为用户的浏览提供了方便。 任务2：窗口框架的使用 3.3 框架 一、框架的含义与基本构成 框架的基本结构 基本语法： html head/head frameset frame src=url地址1 name=leftFrame frame src=url地址2 name=mainFrame ... /frameset /html Frame子框架的src属性的每个URL值指定了一个HTML文件。 任务2：窗口框架的使用 3.3 框架 二、框架集frameset 框架集就是用来定义这一HTML文件为框架模式，并设定视窗如何分割的文件。 通俗一点地说，框架集就是存放框架结构的文件，也是访问框架文件的入口文件。 框架集基本属性： 属性 说明 border 设置边框粗细，默认为5像素 bordercolor 设置边框颜色 frameborder 指定是否显示边框：“0”便是不显示边框，“1”代表显示边框 cols 用“像素数”和“%”分割左右窗口，“*”表示剩余部分 rows 用“像素数”和“%”分割上下窗口，“*”表示剩余部分 framespacing 表示框架与框架间的保留空白的距离 noresize 设置框架不要调节大小，只要设定了前面的，后面的将继承 任务2：窗口框架的使用 3.3 框架 二、框架集frameset （1）左右分割窗口属性cols 语法： frameset cols=“40%,2*,* 将窗口分为40%，40%，20% frameset cols=300, *,* 将300像素意外的两个窗口平均分配 frameset cols=*, *,* 将窗口分为三等份 值的定义为宽，可以是数字（单位为像素），也可以是百分比和剩余值。 剩余值用“*”号表示，剩余值表示所有窗口设定之后的剩余部分，当“*”只出现一次时，表示该子窗口的大小将根据浏览器窗口的大小自动调整，当“*”出现一次以上时，表示按比例分割剩余的窗口空间。 cols的默认值为一个窗口 实例 任务2：窗口框架的使用 3.3 框架 二、框架集frameset （2）上下分割窗口属性rows 语法： frameset rows=”框架窗口的高度,框架窗口的高度,……“ frame frame …… /frameset 将页面沿水平方向切割，也就是将页面分成上下排列的多个窗口。 实例 任务2：窗口框架的使用 3.3 框架 三、子窗口frame标签的设定 frame是个标签，frame标签要放在框架集frameset中，frameset设置了几个子窗口就必须对应几个frame标签，而且每一个frame标签内还必须设定一个网页文件（src=”*.html”） 属性 说明 src 指示加载的url文件地址 bordercolor 设置边框颜色 frameborder 指定是否显示边框：“0”便是不显示边框，“1”代表显示边框 border 设置边框粗细 name 指示框架名称，是链接标签的target所要的参数 noresize 指示不能调整窗口的大小，省略此项时可调整 scorling 指示是否要滚动条，auto根据需要自动出现，yes有，no无 marginwidth 设置内容与窗口左