04框架和交互式表单.pptVIP

提交按钮onClick事件的JavaScript： if(password.value != password2.value) { alert(两次输入的密码不相同); password.focus(); return false; } else if(password.value.length6 || password.value.length10) { alert(密码长度不能少于6位，多于10位！); password.focus(); return false; } 思考题： 1. 什么是框架，它的组成和功能是什么？ 2. 标准的表单域有几种形式？各自的功能是什么？ 3. 创建表单后，为什么还要创建表单处理程序？ 4. 表单的主要属性有哪些？ 通常，默认方法为 GET 方法。不要使用 GET 方法发送长表单。URL 的长度限制在 8,192 个字符以内。而且，在发送机密用户名和密码、信用卡号或其他机密信息时，不要使用 GET 方法。用 GET 方法传递信息不安全。 如果希望表单在浏览器中显示时仅有一个选项可见，则选择“菜单”选项。若要显示其它选项，用户必须单击向下箭头。 如果希望表单在浏览器中显示时列出部分或全部选项，或者打算允许用户选择多个菜单项，则选择“列表”选项。 层与表格的转换 框架和框架集的使用 交互式表单的处理 网页布局技术 表单处理程序 预备知识 网页制作基本操作的知识 本章学习目标： 使用框架及框架集的技巧 设置框架和框架集的属性 交互式表单的处理 创建层和嵌套层 层的基本操作 第4章 框架和交互式表单 4.1 框架的基本操作 1 框架的概念 框架：把网页页面划分成相对独立的的若干区域，每个区域相当于一个独立的页面，这些页面既各自独立又相互联系。 功能： 窗口的平铺 一个浏览器窗口中用框架制作的网页能显示多个不同的HTML文档，好象平铺了几个子窗口，分别显示不同的内容。 版面更友好，结构更清晰 框架（Frames）技术的组成： 框架集（Frameset） 定义框架的结构、数量、大小尺寸及装入框架中的页面文件名和路径等框架属性。框架集自身不在浏览器中显示，只存储所属框架的有关信息。框架集中的全部框架文件构成一个网页页面。 框架（Frame） 框架集的组成元素。各框架的页面是整个网页页面的一部分，是一个矩形区域。具有网页所有的属性和功能。 注意：当一个页面被划分为若干框架时，DM自动建立框架集文件，每个框架中包含一个文档。例：一个包含两个框架的框架集实际存在3个文件：一个是框架集文档，另两个分别包含于各自的框架内。 2 框架的创建、调整与删除 1）创建方式： ① 【插入】| HTML | 【框架】命令 可选框架模式： “左对齐”---左框架 “右对齐”---右框架 “对齐上缘”---顶框架 “对齐下缘”---底框架 “下方及左侧嵌套” “左侧及下方嵌套”等 ② 布局工具栏---框架工具 ③ 在网页编辑器窗口中选中已插入的框架，然后按住Alt键的同时，用鼠标纵向拖曳或横向拖曳框架边框线，就可以加入上下结构或左右结构的框架。 2）拆分与调整： ① 【修改】|【框架页】命令 ② 按住Alt键不放，用鼠标拖曳边框线可拆分框架 ③ 鼠标拖拽边框线调整框架大小 ④ 框架集属性面板中的设置参数可精确调整框架尺寸 3）删除 用鼠标拖动框架边框到上一级框架的边框线处，松开鼠标即可。 3 框架和框架集的选择与设置 选择方式： ① 【窗口】|【框架】命令(Shift+F2)打开框架面板，单击某个框架区域选择框架；单击边框线选择框架集。 ② 在网页编辑窗口： Alt+ 单击框架的任意位置：选中该框架 Alt+ → ←：同一级别框架选取 Alt+ ↑ ：上一级别框架选取，连续操作可选中整个框架集 框架属性面板设置： “源文件”：设置框架源文件的URL，指定该框架打开的源文件。 “边框”：设置框架边框在浏览器中是否显示。 “滚动”：设置是否允许边框有滚动条。 “边界宽度”：设置当前框架的内容与框架左右边界的距离。 “边界高度”：设置当前框架的内容与框架上下边界的距离。 “不能调整大小”：禁止改变框架的尺寸。 4 框架和框架集的保存方式 框架中的内容主要是HTML文档 ① 选中要保存的框架，【文件】|【保存框架】 ② 选中框架集，【文件】|【保存