[理学]DreamWeaver最新课件.ppt

第七章 表 单 很多人都有过填写表单的经历，在网络中有论坛、留言板、申请邮箱等服务项目，而这些都需要用到DW中的各种表单元素来构成。在现实生活中也存在着大量的表单对象，例如生活中的各种调查表、包裹单、存款单等，足以证明表单的广泛应用。 第七章 表 单 第1节：表 单 构 成 第2节：表 单 元 素 第3节：表 单 应 用 第七章 表 单 第1节：表单的构成 1表单域（红色虚线）：所有表单元素必须放在表单域 范围内，才能被发送到服务器； 2表单元素:表单项目(控件)； 3表单按钮：发送(submit)、清除(Reset)； 4服务端应用程序:处理表单的程序Actions； 表单的构成 第七章 表 单 第2节：表单元素 (1)表单域 (2)文本字段 (3)单选框 (4)复选框 (5)列表/菜单 (6)图像域 (7)按钮 第七章 表 单 第2节：表单元素 (1)表单域： 显示为红色虚线，所有表单对象必须放在表单域中 才能被发送到服务器端。特点：预览时不可见！ 第七章 表 单 第2节：表单元素 (2)文本区域： 包括：单行文本、多行文本、密码文本等三种形式 鼠标移上去时，选中该文本域： input type=“text” name=“text field” onMouseOver=“select();” 第七章 表 单 第2节：表单元素 (3)单选框： 注：同 一 组 单 选 框 的 名 称 必 须 相 同, 否则将会变成复选框 第七章 表 单 第2节：表单元素 (4)复选框： 注：同 一 组 复 选 框 的 名 称 必 须 不 同, 否则将会变成单选框 第七章 表 单 第2节：表单元素 (5)列表/菜单： 制 作：学历、城市等选择项目 (6)图像域： 制 作：传到服务器端的图片 第七章 表 单 第2节：表单元素 (7)按钮： 类型：提交按钮、重置按钮、无等三种。 举例：利用“无”按钮，来制作网页中的超链接效果。 第七章 表 单 第3节：表单应用 第七章 表 单 第3节：表单应用 第七章 表 单 第3节：表单应用 第八章 CSS+行为应用 第1节：CSS样式基本理论 第2节：CSS样式对话框设置 第3节：Behavior行为的应用 第八章 CSS+行为应用 第1节：CSS样式的基本理论 Css style CSS(Cascading Style Sheet) 层叠式样式表、级联式样式表、风格样式单 1.利用它可以对网页内容进行精确样式的格式化控制； 2.不仅能够控制一篇文档中的格式，还可通过外部链接的方式 控制多篇文档的格式； 3.(同Html不同)修改Css样式时，则应用样式的文本发生变化； 4.Css的代码一般书写在Html文档的头部style和 /style 第八章 CSS+行为应用 第1节：CSS样式的基本理论 (二) 三种创建类型的Css样式： 1.自定义样式表 .name 2.重新定义Html标记 (更改系统的Html属性) 3.使用Css选择器 (超链接的四种状态的设置) 第八章 CSS+行为应用 第1节：CSS样式的基本理论 (三) CSS 样 式 的 应 用 分 类： 1.嵌入式:在当前文档中应用Css样式 2.外部链接式:可应用于多个文档，生成专门的.css文件 第八章 CSS+行为应用 第2节：CSS样式对话框的设置 1.文字格式： 强 调： (1)字号：12-14号 (2)行距：调整各行间的距离 第八章 CSS+行为应用 第2节：CSS样式对话框的设置 2.背景样式： 强 调： (1)背景颜色： (2)背景图片： (3)背景图片的滚动： (4)背景图片的重复： 第八章 CSS+行为应用 第2节：CSS样式对话框的设置 3.文本块样式： 强 调： (1)字符间距：各字之间的距离 第八章 CSS+行为应用 第2节：CSS样式对话框的设置 4.框样式： 不推荐使用！ 第八章 CSS+行为应用 第2节：CSS样式对话框的设置 5.边框样式： 强 调： (1)边框样式： (2)边框粗细： (3)边框颜色： 可改变任何对象：表格、表单、图片边等 第八章 CSS+行为应用 第2节：CSS样式对话框的设置 6.列表格式： 不推荐使用！ 直接使用图片进行插入会更方便！ 第八章 CSS+行为应用 第2节：CSS样式对话框的设置 7.定位格式： 不推荐使用！ 第八章 CSS+行为应用 第2节：CSS样式对话框的设置 8.扩展格式： 强 调：(