第三章 制作动态网页 回顾 2-1 Dreamweaver制作网页分为哪三个视图? 分别有什么用? 格式化文本包括哪些方面? 标题分几级?哪级标题字体最大? 列表分为哪两种? 表格的功能有哪些? 回顾 2-2 图片分为哪三种格式?各有什么特点? 颜色少但对显示质量要求高的图像,应该保存为 哪种格式? 什么是图片热点,图片热点有什么好处? 使用模板有什么好处? 目标 插入表单和表单元素 插入多媒体元素 创建和应用行为 创建层 添加表单 表单
属性 表单元素 表单元素用于给网页增添 可交互性 表单元素包括: 文本字段 复选框 单选按钮 按钮 下拉菜单/列表框 添加表单元素-文本框 添加表单元素-隐藏域和文件域 添加表单元素-复选框和单选按钮 添加表单元素-按钮 添加表单元素-下拉菜单/下拉列表框 添加表单元素-跳转菜单 多媒体元素 Web 得以广泛使用的一个主要原因是 HTML 文档中集成了多媒体元素 关于 Flash 对象 插入 Flash 对象 其他多媒体元素 使用 Dreamweaver,还可以在网页中添加其他多媒体元素,如: Flash 影片(使用 Flash 软件制作的影片) 声音文件 视频文件 行为 2-1 行为允许访问者与网页进行交互 它可用于显示弹出消息、播放声音、交换图像等 行为可应用于任何对象,如页面、图像、链接和按钮等 应用行为 2-2 应用行为 2-3 行为 2-4 常用的事件有: onClick onMouseDown onMouseOut onMouseOver onReset onSelect onSubmit onload 常用的动作有: 弹出信息 打开浏览器窗口 转到 URL 验证表单 层 层可使网页设计者对元素的精确像素位置进行精细的控制 层可以容纳文本和图像等页面元素 层还可以用“时间轴”面板做成动画 在层中添加文本和图像 总结 2-1 使用框架可以在一个窗口中可显示两个或更多个网页 在网页中添加表单和表单元素 添加动画图像、 Flash 文件、视频 等多媒体元素使网页具有交互性 对页面元素添加行为,使网页可变换不同的方式,如显示弹出窗口、播放声音、交换图像等 总结 2-2 通过使用层可创建更高级的页面布局,层使网页设计者对元素的精确像素位置进行精细的控制 层是放置内容的容器,还有助于创建动画,使网页上包含动态内容 提问学员: 1.类似的页面还见过哪些? 引导回答: 1)电子邮箱注册 2)网站会员注册 3)产品反馈等等 2.大家想想有什么用? 引导回答:收集客户端浏览者的信息等。 教员和学员一起,共同指出图中每个表单元素的名称, 1)统一名称 2)指出有什么特点。 例如:第一个是文本框,用于输入姓名等文本 第二个称为多行文本框,特点可显示或输入多行 第三个,单选按钮,特点是,只能单选,如“男”和“女” …..其他以此类推。 演示: 1.先演示操作实现上图的效果 2.然后切换回幻灯片,解释文本框的常用属性。 1)类型:单行、多行、密码 2)初始值 3)字符宽度,字符数 4)文本框的名称(name) 细讲都是为了后面讲解HTML标签打基础。 演示: 1.先演示操作实现上图的效果 2.然后切换回幻灯片,大致解释它们的用途,让学员了解,二期讲解动态网页时会细讲。 演示: 1.先演示操作实现上图的效果 2.然后切换回幻灯片,解释常用属性。 1)是否选中 2)选定值 3)名称 3.强调它们的区别。 细讲都是为了后面讲解HTML标签打基础。 演示: 1.先演示操作实现上图的效果 2.演示重置按钮的功能(清空重填) 3.然后切换回幻灯片,解释常用属性。 1)按钮的类型:提交按钮、重置按钮、普通按钮 2)标签:显示的值 3)名称 演示: 1.先演示操作实现上图的效果 2.然后切换回幻灯片,解释常用属性。 1)列表项 2)每个列表项的值 3)说明值和列表项的关系 演示: 1.先演示操作实现上图的效果 2.然后切换回幻灯片,说明跳转菜单的使用场合。 演示: 演示Flash文本和按钮,详见“TP3中用到的Falsh文本和按钮”文件夹 演示: 插入上述效果的Flash文本和Flash按钮。 注意: 1)教师机的需要安装Flash插件 2)保存*.swf文件时,不能用中文文件夹。 3)告诉学员,它的原理就是自动生成了Flash文件。 演示: 为了生动有趣,可预先从网上收集动漫Flash或MTV, 然后演示在网页中插入这个Flash文件,并预览播放。 讲解常用属性: 1)循环 2)自动播放) ACCP V4.0 ACCP V4.0 表单基础知