1 / 16

学习目标

学习目标. 能够理解表单的含义，插入表单域制作表单 能够插入文本域、插入按钮、插入单选框和复选框 能够插入列表 / 菜单、插入文件域、插入图像域 能够在表格布局中添加表单对象. 本章内容. 4.1 　案例制作：个人信息调查表 4.2 新知解析 4.3 实战演练：网络写作注册信息表. 4.1. 案例制作： 个人信息调查表. 4 .1　 案例制作：个人信息调查表. 通过本案例的操作，你将学会：如何建立表单域和插入表单对象、如何设置表单对象属性、如何利用表格定位表单对象。. 4 . 2 新知解析. 4 . 2 新知解析. 1. 插入表单

benoit
Download Presentation

学习目标

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 学习目标 • 能够理解表单的含义，插入表单域制作表单 • 能够插入文本域、插入按钮、插入单选框和复选框 • 能够插入列表/菜单、插入文件域、插入图像域 • 能够在表格布局中添加表单对象

  2. 本章内容 4.1　案例制作：个人信息调查表 4.2 新知解析 4.3 实战演练：网络写作注册信息表

  3. 4.1. 案例制作：个人信息调查表 4.1　案例制作：个人信息调查表 通过本案例的操作，你将学会：如何建立表单域和插入表单对象、如何设置表单对象属性、如何利用表格定位表单对象。

  4. 4.2新知解析 4.2新知解析 • 1.插入表单 • 创建表单可以通过“插入”面板或菜单两种方法实现。步骤如下： • 将插入点放在希望表单出现的位置。 • 选择“插入”→“表单”，或选择“插入””栏上的“表单”类别，然后单击“表单”图标。 • 用鼠标选中表单，在属性面板上可以设置表单的各项属性。

  5. 4.2新知解析 • 属性面板设置项目： • “表单名称”：键入标识该表单的唯一名称，命名表单后就可以使用脚本语言（如 JavaScript 或 VBScript）引用或控制该表单。如果不命名表单，则 Dreamweaver 使用语法 form n生成一个名称，并在向页面中添加每个表单时递增 n的值。 • “动作”：指定处理该表单的动态页或脚本的路径。可以在“动作”文本框中键入完整路径，也可以单击文件夹图标定位到同一站点中包含该脚本或应用程序页的相应文件夹。

  6. 4.2新知解析 • 属性面板设置项目： • “方法”：弹出菜单中，选择将表单数据传输到服务器的方法。 • POST 方法将在 HTTP 请求中嵌入表单数据。 • GET 方法将值附加到请求该页面的 URL 中。 默认方法使用浏览器的默认设置将表单数据发送到服务器。通常默认方法为 GET 方法。 • “MIME类型”：弹出菜单指定对提交给服务器进行处理的数据使用 MIME 编码类型。 • “目标”：弹出菜单指定一个窗口，在该窗口中显示被调用程序所返回的数据。如果命名的窗口尚未打开，则打开一个具有该名称的新窗口 。 • “类”：使您可以将 CSS 规则应用于对象。

  7. 4.2新知解析 • 2.文本字段属性面板设置项目： • “字符宽度”：设置域中最多可显示的字符数。 • “最多字符数”：设置单行文本域中最多可输入的字符数。 • “行数”：设置多行文本域的域高度（在选中了“多行”选项时可用）。 • “换行”：指定当用户输入的信息较多，无法在定义的文本区域内显示时，如何显示用户输入的内容（在选中了“多行”选项时可用）。 • “类型”：指定域为单行、多行还是密码域。 • “初始值”：指定在首次载入表单时域中显示的值。

  8. 4.2新知解析 • 3.单选按钮属性面板设置项目： • “单选按钮”：文本框中为该对象指定一个名称。 • “选定值”：设置在该单选按钮被选中时发送给服务器的值。 • “初始状态”：确定在浏览器中载入表单时，该单选按钮是否被选中。

  9. 4.2新知解析 • 4.单选按钮组设置项目： • “名称”：文本框中输入该单选按钮组的名称。 • “单选按钮”：单击加号 (+) 按钮向组添加一个单选按钮，如果需要可以为新按钮输入标签和选定值。单击向上或向下箭头重新对这些按钮排序。 • “布局，使用”：可以使用换行符或表格来设置这些按钮的布局。

  10. 4.2新知解析 • 5.按钮属性面板设置项目： • “按钮名称”：为该按钮指定一个名称。 • “值”：确定按钮上显示的文本。 • “动作”：选中了“提交表单”选项，当单击该按钮时将提交表单数据进行处理，该数据将被提交到表单的“动作”属性中指定的页面或脚本。

  11. 4.2新知解析 • 6.复选框属性面板设置项目： • “复选框”：为该对象指定一个名称，每个复选框都必须有一个唯一名称。 • “选定值”：设置在该复选框被选中时发送给服务器的值。 • “初始状态”：确定在浏览器中载入表单时，该复选框是否被选中。

  12. 4.2新知解析 • 7. 列表/菜单属性面板设置项目： • “列表/菜单”：为该菜单指定一个名称。 • “类型”：指定该菜单是单击时下拉的菜单（“菜单”选项），还是显示一个列有项目的可滚动列表（“列表”选项）。 • “高度”：（仅“列表”类型）设置菜单中显示的项数。 • “选定范围”：（仅“列表”类型）指定用户是否可以从列表中选择多个项。 • “列表值”：打开一个对话框，您可以在该对话框中向菜单中添加菜单项。使用加号 (+) 和减号 (-) 按钮添加和删除列表中的项。 • “初始化时选定”：设置列表中默认选择的菜单项。

  13. 4.2新知解析 • 8.图像域属性面板设置项目： • “图像区域”：为该按钮指定一个名称。 • “源文件”：指定要为该按钮使用的图像。 • “替代”：用于输入描述性文本，一旦图像在浏览器中载入失败，将显示这些文本。 • “对齐”：设置对象的对齐属性。 • “编辑图像”：启动默认的图像编辑器并打开该图像文件进行编辑。

  14. 4.2新知解析 • 9.文件域属性面板设置项目： • “文件域名称”：指定该文件域对象的名称。 • “字符宽度”：指定希望该域最多可显示的字符数。 • “最多字符数”：指定域中最多可容纳的字符数。如果用户通过浏览来定位文件，则文件名和路径可超过指定的“最多字符数”的值。但是，如果用户尝试键入文件名和路径，则文件域仅允许键入“最多字符数”值所指定的字符数。

  15. 4.2新知解析 • 10.跳转菜单设置项目： • “+”和“-”： 单击加号按钮添加一个菜单项，再次单击该按钮添加另一个菜单项，选定一个菜单项，然后单击减号按钮可将其删除。 • “菜单项”: 选定一个，然后用箭头键在列表中向上或向下移动此菜单项。 • “文本”: 文本框中为菜单项键入要在菜单列表中显示的文本。 • “打开 URL 于”: 在弹出菜单中选择文件的打开位置。 • “菜单名称”: 在文本框中，键入菜单项的名称。 • “选项”:“菜单之后插入前往按钮”，可添加一个“前往”按钮，而非菜单选择提示。如果要使用菜单选择提示，请选择“选项”下的“更改 URL 后选择第一个项目”。

  16. 4.3 实战演练：网络写作注册信息表 4.3 实战演练：网络写作注册信息表 通过本案例的操作，你将学会：如何在网页布局中建立表单域和利用表格定位表单对象、如何插入表单对象和设置表单对象属性。

More Related