《框架与交互式表单》PPT课件

《《框架与交互式表单》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、层与表格的转换框架和框架集的使用交互式表单的处理网页布局技术表单处理程序预备知识网页制作基本操作的知识本章学习目标：使用框架及框架集的技巧设置框架和框架集的属性交互式表单的处理创建层和嵌套层层的基本操作第4章框架和交互式表单4.1框架的基本操作1框架的概念框架：把网页页面划分成相对独立的的若干区域，每个区域相当于一个独立的页面，这些页面既各自独立又相互联系。功能：窗口的平铺一个浏览器窗口中用框架制作的网页能显示多个不同的HTML文档，好象平铺了几个子窗口，分别显示不同的内容。版面更友好，结构更清晰框架（Frames）技术的组成：框架集（Frame

2、set）定义框架的结构、数量、大小尺寸及装入框架中的页面文件名和路径等框架属性。框架集自身不在浏览器中显示，只存储所属框架的有关信息。框架集中的全部框架文件构成一个网页页面。框架（Frame）框架集的组成元素。各框架的页面是整个网页页面的一部分，是一个矩形区域。具有网页所有的属性和功能。注意：当一个页面被划分为若干框架时，DM自动建立框架集文件，每个框架中包含一个文档。例：一个包含两个框架的框架集实际存在3个文件：一个是框架集文档，另两个分别包含于各自的框架内。2框架的创建、调整与删除1）创建方式：①【插入】

3、HTML

4、【框架】命令可选框架模式：

5、“左对齐”---左框架“右对齐”---右框架“对齐上缘”---顶框架“对齐下缘”---底框架“下方及左侧嵌套”“左侧及下方嵌套”等②布局工具栏---框架工具③在网页编辑器窗口中选中已插入的框架，然后按住Alt键的同时，用鼠标纵向拖曳或横向拖曳框架边框线，就可以加入上下结构或左右结构的框架。2）拆分与调整：①【修改】

6、【框架页】命令②按住Alt键不放，用鼠标拖曳边框线可拆分框架③鼠标拖拽边框线调整框架大小④框架集属性面板中的设置参数可精确调整框架尺寸3）删除用鼠标拖动框架边框到上一级框架的边框线处，松开鼠标即可。3框架和框架集的选择与设置选择方式：

7、①【窗口】

8、【框架】命令(Shift+F2)打开框架面板，单击某个框架区域选择框架；单击边框线选择框架集。②在网页编辑窗口：Alt+单击框架的任意位置：选中该框架Alt+→←：同一级别框架选取Alt+↑：上一级别框架选取，连续操作可选中整个框架集框架属性面板设置：“源文件”：设置框架源文件的URL，指定该框架打开的源文件。“边框”：设置框架边框在浏览器中是否显示。“滚动”：设置是否允许边框有滚动条。“边界宽度”：设置当前框架的内容与框架左右边界的距离。“边界高度”：设置当前框架的内容与框架上下边界的距离。“不能调整大小”：禁止改变框架的尺寸。4框

9、架和框架集的保存方式框架中的内容主要是HTML文档①选中要保存的框架，【文件】

10、【保存框架】②选中框架集，【文件】

11、【保存框架页】③【文件】

12、【保存全部】：保存框架集与所有框架文档。例一：框架页面布局4.2表单的创建与应用表单（form）技术是实现信息交互的重要工具，也是网络信息收集处理的一种重要的方式。通过表单可以从网络的用户端收集信息，然后将收集来的信息经过服务器处理后再反馈给用户。常用功能：◆网上调查；◆留言板；◆聊天室等。表单的组成：由DM生成的表单页面用于处理浏览者在表单域中输入的信息的服务器端应用程序或客户端脚本。浏览者在网页上看到的

13、表单，只是供浏览者输入信息的表单页面。当浏览者在表单中输入信息，单击表单的提交（Submit）按钮后，表单内容就会上传到服务器，并由事先编好的程序来处理这些信息，最后服务器再将处理结果发送给浏览者的浏览器。1表单的创建方法【插入】

14、【表单】命令插入表单对象，或者通过从下图显示的“插入”栏的“表单”面板访问表单对象来插入表单对象。2表单对象1）表单“表单”在文档中插入表单。任何其他表单对象，如文本域、按钮等，都必须插入表单之中，这样所有浏览器才能正确处理这些数据。注：所插入的表单边框是不能被编辑的，设定者在表单区域中插入对象后表单区域会自动调整大小

15、。2）文本域“文本域”在表单中插入文本域。文本域可接受任何类型的字母数字项。输入的文本可以显示为单行、多行或者显示为项目符号或星号（用于保护密码）。文本域3）复选框“复选框”在表单中插入复选框。复选框允许在一组选项中选择多项，用户可以选择任意多个适用的选项。4）单选按钮“单选按钮”在表单中插入单选按钮。单选按钮代表互相排斥的选择。选择一组中的某个按钮，就会取消选择该组中的所有其他按钮。例如，用户可以选择“是”或“否”。复选框单选按钮5）单选按钮组“单选按钮组”插入共享同一名称的单选按钮的集合。6）列表/菜单“列表/菜单”使您可以在列表中创建用户选

16、项。“列表”选项在滚动列表中显示选项值，并允许用户在列表中选择多个选项。“菜单”选项在弹出式菜单中显示选项值，而且只允许用户选择一个选项