网页设计表格和布局

文本字段的“属性”面板
表单
5. 将光标移到第3行文字右侧插入单选按钮组。在弹出的对话框中进行 设定，如图所示。插入的按钮组是垂直排列的。只需将光标移到单选 按钮前面向前删除，则单选按钮会排列成一行。
单选按钮组的设定
表单
6. 在表格的第4行年月日前，分别单击“插入”面板组中“表单”选项 下的“列表/菜单”按钮，在“属性”面板中将“类型”设为“列表 ”，列表名称分别是year、month、day，如图所示。单击“属性” 面板中的“列表值”，在 “列表值”对话框中添加“项目标签”和 “值”的内容，单击按钮“加”和按钮“减”可以添加或删除列表内 容，最后单击“确定”按钮，如图所示。
按钮的“属性”面板
表单
9. 调整单元格中文字及表单对象的位置，设置表格的“背景颜色”为 #eeeeee，按F12进行预览。
注意：在插入表单时可能会弹出“输入标签辅助功能属性”对话框，若不想每次激活 该功 能可选择“编辑”—“首选参数”对话框中的“辅助功能”进行设置。 最终效果图：
表单
新知解析 1. 插入表单 在网页中添加表单对象，首先必须创建表单。表单在浏览网页中 属于不可见元素。在Dreamweaver8中插入一个表单，当页面处于“ 设计”视图中时，用红色的虚轮廓线指示表单。如果没有看到此轮廓 线，则检查是否选中了“查看”—“可视化助理”—“不可见元素”， 创建表单可以通过“插入”面板组或菜单两种方法实现。若要插入表 单，可执行以下操作。 ① 将光标放在表单的插入位置，单击菜单“插入”—“表单”命令，或 单击“插入”—面板组中“表单”选项下的“表单”图标，插入表单 。表单区域简称表单域。
表单
第7周 课题：表单 第2次 总第14次
教学目标
1、知识目标：
理解表单的含义，能够插入表单域制作表单。 能够插入和设置各种表单对象。 能够在表格布局中添加表单对象。
表单
2、能力目标：会制作个人信息调查表 3、情感目标：能够熟练运用表单对象制作各种各样的表单。
学习重点：
能够插入表单域制作表单
GET方法：将值附加到请求该页面的URL中。
默认方法：使用浏览器默认设置将表单数据发送到服务器。通常， 默认方法为GET方法。
表单
不要使用GET方法发送长表单，URL的长度限制在8192个字符以 内。如果发送的数据量太大，数据将被截断，从而导致意外或失败的 处理结果。对于由GET方法传递的参数所生成的动态页，可添加书签 ，这是因为重新生成页面所需的全部值都包含在浏览器地址框中显示 的URL中。与此相反，对于由POST方法传递的参数所生成的动态页 ，不可添加书签。如果要收集机密的用户名和密码、信用卡号或其他 机密信息，POST方法看起来比GET方法更安全。但是，由POST方 法发送的信息是未经加密的，容易被黑客获取。若要确保安全性，则
2、信息通过网络传输到服务器。
3、服务器有专门的程序对信息进行处理。
表单
教学过程：
表单介绍: 在网页设计中，表单是网页与浏览者交互的一种界面，其主要功能是 收集信息，比如可以用于调查、定购、搜索等功能。表单要实现功能 一般由两部分组成：一是使用HTML语言编写的页面，二是服务器上 的脚本程序。Dreamweaver8创建表单的功能非常强大，表单中可以 包含多种对象，可以实现信息收集页面制作、生成动态网页、数据处 理等。通过本章的学习，你将能够熟练运用表单对象制作各种各样的 表单。
列表菜单的“属性”面板
添加列表值
7. 在第6行的付费渠道项目内容中分别单击“插入”面板组中“表单”
选项下的“复选框”按钮，在“属性”面板中的“选定值”文本框中
键入支付项目名称，如图所示。
表单
复选框的“属性”面板
8. 将光标移到第9行，在“插入”面板组中“表单”选项下单击“按钮 ”图标插入一个按钮，在“属性”面板中，“值”设为“提交”，“ 动作”设为“提交表单”。重复上述操作插入第2个按钮，将按钮的 “值”改为“重置”，“动作”改为“重设表单”，如图所示
表单
② 用鼠标单击红色的虚线选中表单，在“属性”面板中设置表单的各项 属性，如图所示。
表单的“属性”面板
“表单名称”：键入标识该表单的唯一名称，命名表单后就可以使用 脚本语言（如JavaScript或VBScript）引用或控制该表单。如果不命
名表单，则Dreamweaver8使用语法form n生成一个名称，并在向页
学习难点：
能够插入和设置各种表单对象
教学课时：2
表单
教学方法：
导入： 经常我们上网登陆网页的时候会看到有用户注册、投票、民意调查等 类似于表格的信息让我们进行填写，今天我们就来学习这种表单是怎 样制作出来的，这些信息的收集又是怎样完成的呢？ 表单收集信息的工作流程如下： 1、用户在表单中输入信息，并提交。
表单
案例制作：个人பைடு நூலகம்息调查表 通过本案例的操作，你将学会：
如何建立表单域和插入表单对象。
如何设置表单对象属性。 如何利用表格定位表单对象。
操作步骤：
1. 新建文件夹biaodan，利用站点定义向导新建站点，将站点文件夹定 义为biaodan。新建网页，保存为diaochabiao.html。
表单
2. 在“插入”面板组中的“表单”选项下单击“表单”按钮，在文档窗 口中将出现一个红色虚线框，光标处于表单域中。单击菜单“插入 ”—“表格”命令，设表格为9行1列、宽400px，边框为1，其余参数 为0。在“属性”面板中设定“对齐”为居中对齐，如图所示。选中 所有单元格，在“属性”面板中设“高”为30，“垂直”为居中。
面中添加每个表单时递增n的值。
表单
“动作”：指定处理该表单的动态页或脚本的路径。可以在“动作” 文本框中键入完整路径，也可以单击文件夹图标定位到同一站点中包 含该脚本或应用程序页的相应文件夹。 “方法”：在弹出菜单中可指定将表单数据传输到服务器的方法。 POST方法：将在HTTP请求中嵌入表单数据。
在表单域中插入表单
表单
3. 在单元格中输入相应的文字信息，如图所示。
在表单域中输入文字
表单
4. 将光标移到表格第2行的文字右侧，单击“插入”面板组中的“表单 ”选项下的“文本字段”按钮插入文本字段，在“属性”面板中设文 本域名称为name，如图所示。同理，在第5行插入文本字段，在“属 性”面板中设名称为pw，类型为“密码”，在第7行插入文本字段， 名称为email。在第8行插入文本字段，名称为note，类型为“多行” 。