北大青鸟html课件第3章html基本标签(三)ppt,北大青鸟.软件工程师HTMLTP3.ppt

第三章　 制作动态网页 回顾 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 表单基础知