Dreamweaver8第7章 表单和框架.ppt

第7章 表单和框架 7.1 表单 7.2 框架 7.1 表单 7.1.1 创建表单 7.1.2 添加表单对象 7.1.3 表单与简易留言本 7.1 表单 表单有两类元素，一种是承载表单实体元素的容器标签（表单域），另一种是各种表单实体元素，包括文本框、按钮、图像域、复选框、单选按钮、列表菜单、文件域和隐藏域等。 7.1.1 创建表单 创建表单应先创建一个表单域，用于承载所有的表单实体对象，所有的表单对象都应该在表单域中创建。 创建表单的工具是：【插入】/【表单】/【表单】命令 7.1.1 创建表单 表单属性的作用如下： 【表单名称】文本框。设置表单的名称。表单的名称可用于Javascript等页面脚本语言，以完成表单控制、用户输入验证等功能。 【动作】文本框。设置处理表单信息的服务器端程序/资源。可以设置为服务器端程序的路径名称，也可以直接设置成某一个网页文件。单击可打开“选择文件”对话框选择文件的位置。 【目标】列表框。设定表单的目标窗口。该属性与超链接的相应属性设置方法相同， 【方法】列表框。设置表单数据提交的方法。 【MIME类型】列表框。设置对提交给服务器进行处理的数据使用MIME编码类型。 7.1.2 添加表单对象 表单的实体元素有以下几种： 文本字段：接受任何字符的输入。 隐藏域：页面中不可见，不接受任何用户的输入，主要用于存储并提交非用户输入的信息。 文本区域：文本域中的一种，允许输入多行信息。 复选框：允许用户从多个选项中选择一个或者多个。 单选按钮：用户只能从一组选项中选择一个选项，例如性别。一般配合标签一起使用。 列表/菜单：列出一组可供用户选择的值（项目）。可以将其设置为弹出菜单或者列表框。 跳转菜单：跳转菜单可建立 URL 与菜单列表中的选项之间的链接 按钮：用于执行提交表单到服务器或重置表单数据的命令，也可以与页面脚本语言配合实现自定义的功能。 图像域：设置图像作为按钮的图标，此外它还可以配合脚本程序实现更多的交互功能。 文件域：文件域使用户可以将本地计算机上的文件上传到服务器。 7.1.3 表单与简易留言本 一个简单的留言本。 （1）新建一个HTML页面。 （2）新建一个6行1列的无边框表格。 （3）将第二个单元格子拆分为3列，将第一个单元格定义为文本字段，姓名栏 （4）将第二个单元格定义为按钮属性。性别选择栏。 （5）将第三个单元格定义为“年龄”栏。 （6）第四个单元格中输入标题文字：“你喜欢的栏目”，并插入插入复选框。 （7）在下一个单元格内输入“留言与建议”。 7.1.3 表单与简易留言本 7.2 框架 7.2.1 创建框架 7.2.2 框架集和框架的属性 7.2.3 典型的框架结构网页 7.2 框架 框架可以划分浏览器区域，使得多个页面能够显示在同一个浏览器窗口中，不同的页面载入浏览器不同的页面区域中。框架由框架集和框架组成，其中框架集是一个定义了框架结构的网页文件，它定义了浏览器窗口中显示的框架数以及显示的方式和样式；框架则是指框架集中定义的一个区域。 7.2.1 创建框架 手动创建框架的方法：单击文档工具栏的可视化助理下拉菜单的【框架边框】，即可使用鼠标拖动框架边框到合适位置 。 7.2.1 创建框架 选择【修改】/【框架页】/【拆分左框架】命令，拆分当前框架，即可设置嵌套的框架。 7.2.1 创建框架 Dreamweaver 8提供了一系列常用的框架结构，使用这些预定义框架集可以快速地创建框架集。 7.2.2 框架集和框架的属性 可以通过框架集属性面板设置框架集的各属性。 7.2.2 框架集和框架的属性 框架属性面板设置各框架的属性。 7.2.3 典型的框架结构网页 利用框架结构能够将一些网页元素独立成为单一的网页文件，便于修改和更新。另一方面还能够减少网页下载的时间。下面介绍一个典型框架结构的网页。它是三栏结构，其中顶部为横幅，左侧为导航菜单，右侧为页面主体。 7.2.3 典型的框架结构网页 小结 本章介绍了表单的应用和框架结构网页的制作。表单是制作动态网页的基础，它提供了一个收集用户信息的接口。框架结构网页的特点是不同的网页显示在浏览器（框架）的不同区域，这样可以将一些独立的功能独立成单独的文件，方便修改和维护。 * *