浙教版信息技术第六章《网页的设计和制作》p.pptVIP

《网页设计与制作》 讲解提纲 6.1 创建表单 6.2 通过邮件接收表单 6.3 制作跳转菜单 6.1 创建表单 使用表单，可以帮助Internet服务器从用户那里收集信息，它由两部分组成：前台显示页面和后台处理程序。前台显示页面用于显示表单的内容，主要包括文本域、单选按钮、复选框、菜单和提交按钮等。后台处理程序用于处理用户提交的表单数据。 在 Dreamweaver 中，表单输入类型称为表单对象。可以通过选择“插入”菜单“表单”子菜单来插入表单对象，或者通过 “插入”工具栏的“表单”子工具栏来插入表单对象。 1.创建表单域 选择“插入”菜单“表单”子菜单中的“表单”命令，或选择“插入”工具栏上的“表单”类别，然后单击“表单”按钮。 设置表单属性： （1）表单名称 （2）动作 （3）方法 （4）目标 （5）MIME 类型 2.插入文本域 文本域是常见表单元素之一，可接受任何类型的字母数字项。输入的文本可以显示为单行、多行或者显示为项目符号或星号（用于保护密码）。 要插入文本域，将光标定位后，单击“表单”工具栏上的“文本字段”按钮 。 4.插入复选框 复选框允许在一组选项中选择多项，用户可以选择任意多个适用的选项。 要插入复选框，将光标定位后，单击“表单”工具栏上的“复选框”按钮，即可插入一个复选框。 5.插入文件域 文件域使用户可以浏览到其硬盘上的文件，并将这些文件作为表单数据上传， 要插入文件域，将光标定位后，单击“表单”工具栏上的“文件域”按钮，即可插入一个文件域。 6.2 通过邮件接收表单 表单中的信息输入完毕以后需要将信息提供给服务器端的相关人员，用户可以通过表单域属性面板中的“动作”属性指定通过电子邮件接收表单数据。 在属性面板的“动作”文本框中输入mailto:***@***.***,也就是在mailto后面加上邮件地址。在浏览者提交表单后，会弹出窗口询问是否继续以电子邮件形式提交，单击“确定”按钮，浏览器会自动打开Outlook或Outlook Express，将表单中的数据整理为E-mail内容发送到设定的信箱中去。 6.3 制作跳转菜单 跳转菜单利用菜单表单元素形成各种选项的列表，一旦选中某个选项，浏览器就会立即跳转到—个新网页， 将光标定位后，单击“表单”工具栏上的“跳转菜单”按钮，弹出“插入跳转菜单”对话框，根据提示输入相应内容，点击“确定”按钮即可。 * * 第六章 交互式表单制作 3.插入单选按钮 要求浏览者只能从一组选项中选择一个选项时，使用单选按钮。单选按钮通常成组地使用，在同一组中的每个单选按钮的名称必须一致，这样整个单选组才能有效。 要插入单选按钮，将光标定位后，单击“表单”工具栏上的“单选按钮”按钮，即可插入一个单选按钮。 6.插入按钮 按钮对于表单是必不可少的。按钮在单击时执行任务，可以用于提交或重置表单，并且可以用于触发特定的事件。 要插入按钮，将光标定位后，单击“表单”工具栏上的“按钮”按钮，即可插入一个按钮。 7.插入列表/菜单 如果要显示的选项很多，为了节省空间，可以使用菜单或列表。菜单会在弹出式菜单中显示选项值，而且只允许用户选择一个选项。列表会在滚动列表中显示选项值，并允许用户在列表中选择多个选项。 要插入列表或菜单，将光标定位后，单击“表单”工具栏上的“列表/菜单”按钮，即可插入一个列表或菜单。 * *