第7章 收集意见的表单.ppt

第7章收集意见的表单
任务一:创建表单
任务二:给表单添加对象
任务三:把信送到加西亚
小结
任务一:创建表单
创建一个表单域
在Dreamweaver中插入表单项目之前,首先要创建空白的表单域。
创建表单域的步骤如下所述。
(1)将【插入】栏切换到【表单】面板中。
(2)将光标置于文档中要插入表单的位置,然后单击【表单】面板中的插入表单按钮,即可在光标处插入一个表单域。
下一页
任务一:创建表单
插入表单对象
除了插入空白表单域外,还可以通过直接插入表单对象将表单直接插入到网页中。其步骤如下所述。
(1)将光标置于将要插入表单对象的位置。
(2)选择【插入】→【表单】命令选择想要插入的对象,Dreamweaver会弹出一个对话框,询问“是否添加表单标签?”,如图7-4所示。
下一页
上一页
任务一:创建表单
设置表单域属性
表单域插入后,要修改其属性。
(1)在表单域中单击鼠标将光标插入其中,如果表单域中已经插入了表单对象,可以用鼠标单击表单域的红色边框,如图7-7所示。
(2)打开表单属性查看器,如图7-8所示。
(3)在表单属性查看器中,可以进行以下的属性设置。
返回
上一页
任务二:给表单添加对象
准备工作
一般情况下,为了表单布局的需要,经常需要在表单域中预先插入一个表格,然后再将表单项目插入到表格单元中。
(1)在插入栏中选择【布局】面板,单击【插入表格】按钮,弹出对话框后在其中输入想要插入的行和列,单击【确定】按钮后,表格被插入到文档中。
(2)将表格进行拆分和合并后,添加文字作为表单的说明,如图7-10所示。
下一页
任务二:给表单添加对象
表单对象的插入
Dreamweaver表单可以包含标准对象,如文本域、按钮、图像域、复选框、单选钮菜单等。这些都是要经常用到的,所以一定要好好学啊!
1. 插入文本域
文本域包含有3种不同的表单对象,它可以是单行的文本输入框、密码框或是多行的文本编辑区。
2. 插入单选按钮
网页上的单选按钮是为用户提供的可供选择的信息。
下一页
上一页
任务二:给表单添加对象
(1)将光标置于表单域中需要插入单选按钮的位置。
(2)需要插入几个单选按钮就单击几次表单面板中的单选按钮命令,即可在光标所在的位置插入需要的单选按钮,如图7-16所示。
(3)单击其中的一个单选按钮,此时的属性查看器变化为单选按钮属性查看器,如图7-17所示。
下一页
上一页
任务二:给表单添加对象
(4)在【单选按钮】文本框中,设置当前的单选按钮的名称分别为male和female,这一名称可以被脚本或程序所应用,你可以将其中的一个单选按钮设置为【已勾选】状态。
3. 插入复选框
复选框在表单中的主要作用是用于标记一个选项是否被选择。复选框不同于单选按钮的是,用户可以同时选择一组选项或多个选项。
(1)将光标置于表单域要插入复选框的位置,单击表单面板中的复选框按钮,就可以在光标所在的位置插入复选框。
下一页
上一页
任务二:给表单添加对象
(2)通过单击来选择一个复选框,此时属性查看器将变为如图7-20所示的复选框属性查看器。
(3)在【复选框名称】文本框中,可以设置当前复选框的名称分别为chat,study,download,此名称可以被脚本或程序所应用。
4. 插入下拉菜单/列表
通过 HTML 表单菜单,访问者可以从一个列表中选择一个或多个项目。当空间有限,但需要显示许多菜单项时,菜单非常有用。
下一页
上一页
任务二:给表单添加对象
(1)先将光标置于表单域中需要插入下拉菜单或列表的位置,单击【插入】栏中【表单】的【插入下拉菜单/列表】命令,即可在表单位置插入一个下拉菜单框,如图7-22所示。
(2)选择所插入的下拉菜单框,此时的属性查看器将变化为列表/菜单属性查看器。
(3)在名字文本框中输入菜单项的名字为year,该名称必须是唯一的。
下一页
上一页