实例Dreamweaver-制作表单页.doc

《实例Dreamweaver-制作表单页.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、制作表单页步骤1.启动DreamweaverMX2004程序，选择菜单“文件”—>“新建”命令，打开“新建文档”对话框.在对话框“常规”标签下选择“类型”列表中的“基本页”选项，创建HTML网页.2.创建页面后，按Ctrl+s键，保存网页到本地站点内，文件命名为form.htm.如图12-1所示.说明将页面保存到站点是为了在更新网站内容时,同时更新form网页,也便于站点的管理和维护.3.保存页面后,选择插入面板上的"表单"选项,在表单面板中单击"表单"按钮000,在页面中插入表单域.如图12-2所示.图12-1保存文件名为from保存图12-2在页面中插入表单域说明表

2、单域就是表单的范围,在网页中以红色虚线表示,也是插入表单元素的前提条件.代码中以

3、了表格有比较好显示效果,其中:"填充"值表示表格内的数字与表格的距离,"间距"表示表格与表格之间的距离,"边框"值表示表格外框的宽度."对齐"方式是显示表格在页面的位置,"边框颜色"则是一个十六进制值,表示颜色的色标值.7.拖动鼠标,选中表格第一行的两个单元格,在属性面板的"背景颜色"文本框中输入色标值#6699CC,或单击旁边的"背景颜色"按钮,选取蓝色.8.拖动鼠标,选中其他单元格,设置背景颜色为"灰色"(色标值为#CCCCCC).9.完成表格的属性设置后,按下键盘Ctrl+s键或选择"文件"—>"保存"命令,保存页面.提示DreamweaverMX2004没有像M

4、icrosoftOffice那样的"自动保存"功能,所以用户应该养成经常保存文件的习惯.10.在第1行单元格内输入文字"用户信息",然后选中文字打开属性面板,单击面板的"绝对居中"按钮,使文字移动到表格的中间位置.设置文本颜色为"白色"(色标值#FFFFFF).如图12-3所示.图12-3在页面中插入表格和文本11.在第2行第1个单元格中输入文字"用户名:",然后单击表单面板中"文本字段"按钮,插入文本框.12.选中插入的文本框,打开属性面板,在"文本域"下面的文本框中输入"name",这是文本框的名称;在"字符宽度"文本框中输入"25";"类型"选择"单行"单选按钮;

5、"最多字符数"和"初始值"为默认.参数设置如图12-4所示.图12-4文本字段属性设置说明文本字段是用户在网页中输入信息和数据的窗口,是用户和网站之间进行交互信息和数据的重要条件.但它不适合长篇文字和图片的输入.在文本字段的属性面板上有"最多字符数"设置,如果对文本字段没有字符限制,可以不输入任何数值;如果要限制字符,则可以输入限制的数值,注意,一个中文字符是占两个字节.13.在第2行第2个表格中输入文字"密码:",按同样的方法插入文本框.然后选中文本框打开属性面板,在"文本域"中输入名称为Passowrd,"字符宽度"为25,"类型"选择"密码"单选按钮,"最多字符数

6、"和"初始值"不用填.如图12-5所示.图12-5密码文本字段的的属性设置14.在第3行第1个表格中分别输入“性别：”“男”“女”，然后单击表单面板中的“单选按钮”按钮*，在“男”“女”的前面分别插入单选按钮。15.选中第一个单选取按钮，打开属性面板，在“单选按钮”文本框中输入单选按钮名称man，“选定值”文本框中输入“男”，“初始状态”选择“未选中”单选按钮，如图12-6所示。接着选中第2个单选按钮，其设置名称和选定值分别是woman.女，其他设置一样。图12-6单选按钮属性设置说明初始状态有两个选择，“已勾选”和“未选取中”。单选按钮是在众多选项中选择其中一项，不能

7、多项。如果要在网页中一次插入多个单选按钮，则可以单击表单面板上“单选按钮组”按钮*，然后在打开的“单选取按钮组”对话框中，输入Label（标签）下的项目，在“名称”文本框中输入项目名称，单击加号按钮啬项目，完成后单击“确定”按钮，如图12-7所示。16.在第3行第2个表格中输入“省份：”，然后单击表单面板中的“列表/菜单”按钮，在“省份：”旁边插入“列表/菜单”框。17.选中“列表/菜单”框，单击属性能面板上的按钮，打开“列表值”对话框，在“项目标签”下面输入各个省份的名称，如北京.黑龙江等，单击按钮可增加项目，单击按钮可删除项目，右边的