网页设计与制作教学资料 项目3 图像和多媒体的应用.docVIP

项目3 图像和多媒体的应用——理论部分（4课时） 回顾 表格有哪些用途？ 使用表格布局的主要步骤？ 如何实现单元格的拆分与合并？ 如何实现表格的格式化？ 目标 会在网页中编辑图像 会在网页中插入背景音乐文件 会在网页中插入FLASH文件 0 理论案例1—《灌篮高手》介绍页 完成案例： 《灌篮高手》介绍页 涉及的知识点： 插入图像 设置图像属性 编辑图像 使用图像占位符 完成效果 相关理论1—图像简介 讲解： 图像在网页中的应用 Logo Gif动画 广告图像 按钮图像 产品图像 背景图像 网页上常用的图像类型 Gif 图像 Jpg 图像 Png 图像 相关理论2—设置图像 讲解： 插入图像（快捷键Ctrl+Alt+I） 设置图像属性 操作步骤： 插入图像和正文 设置图像属性、实现图文混排 讲解： 编辑图像 裁剪 亮度/对比度 锐化 操作步骤： （3）编辑图像 相关理论4—图像占位符的使用 讲解： 图像占位符的简介 插入图像占位符的方法 替换图像占位符的方法 操作步骤： （5）使用图像点位符 （6）保存文件，完成案例1 小结： 如何实现插入图像？ 编辑图像主要包括哪几种形式，如何使用？ 说出如何插入、替换图像占位符？ 理论案例2—带音乐的《灌篮高手》介绍页 完成案例： 带音乐的《灌篮高手》介绍页 涉及的知识点： 插入背景音乐 控制音乐的属性 相关理论—插入背景音乐 讲解： 常用音频格式介绍 MP3、MIDI、WMA、WAV、RM 插入背景音乐 bgsound src=“文件名称” loop=“1” 操作步骤： 选择代码视图 插入背景音乐的代码 理论案例3—《灌篮高手》动画宣传页 完成案例： 《灌篮高手》动画宣传页 涉及的知识点： 插入Flash文件 编辑Flash文件 相关理论—设置Flash文件 讲解： 插入Flash文件（快捷键Ctrl+Alt+F） 编辑Flash文件 操作步骤： 插入FLASH文件 编辑FLASH文件 总结布置作业 网页上常用的图像类型主要有哪几种？ 如何实现图文混排？ 如何直接对图像进行编辑 ？ 如何制作插入背景音乐的网页？ 项目3 图像和多媒体的应用—上机部分 理论回顾 如何设置图像属性？ 如何插入背景音乐？ 如何在网页中插入Flash文本?? 上机目标 拍拍网-变形金刚玩具宣传页 拍拍网-变形金刚20周年宣传页面 实练案例1－变形金刚玩具宣传页 需求描述 变形金刚玩具宣传页 实现思路 构思布局 通过插入文本、图像和背景音乐并进行设置来实现丰富的页面 实练案例2－变形金刚20周年宣传页面 需求描述 拍拍网-变形金刚20周年宣传页面 实现思路 插入文本 插入Flash文件并进行设置来实现文字与Flash文件混排