网页设计教案
网页设计教案
“工具栏”---“表格”命令）
4、由文本转换（“表格”“文本到表格”）一般以段落为分行标记，以逗号或句号为分列标记。
二、单元格的基本操作
1、选择单元格（“表格”“单元格”）Ctrl：可选择不相邻的单元格Shift：选择多个相邻的单元格
2、插入单元格（“表格”“单元格”）
3、合并单元格（“表格”“拆分单元格”或“表格工具栏”上的“拆分单元格”按钮）
三、填充单元格
1、文本与图像填充（“插入”“属性”“属性”“属
性”“属性”“插入”“删除单元格”命令）导入新课（5分钟）通过提问了解学生对网页设计规划的了解掌握学生课前预习情况（15分钟）主要内容讲解及浏览网站（90分钟）课后任务
1、网页文件、素材文件都同意在哪里进行管理？
2、每次设置文本的格式很麻烦，可以通过什么工具来完成？
3、一般请快些使用http://链接，属于什么路径？教学后记新疆天山职业技术学院课程教案教学流程教学内容与过程教学方法学生活动时间分配新课导入在确定网站基本风格后，用什么工具来完成设计呢？讨论法思考5分钟预习考核
1、“网页三剑客”是哪三个软件？都有什么功能和特点？
2、如何对Dreamweaver CS3进行参数设置？
3、什么是站点？是如何新建的？
4、HTML和XHTML有什么呢区别？
5、网页属性有哪些内容？
6、Dreamweaver CS3中“插入”工具栏包含哪些内容？
7、站点命名时应该注意哪些事项？8网页的组成元素有哪些？
9、如何删除站点？
10、图片如何插入到网页中？
11、如何插入日期？
12、什么是CSS?
13、HTML文档主体标记是什么？
14、介绍作者、网站说明以及关键字时使用什么语句？
15、水平线标记是什么？讨论法回答讨论15分钟讲授新课第2章Dreamweaver基本操作
2、1使用 Dreamweaver制作简单网页
1、网络的概念
2、网站与网页的概念
3、网页制作工具
4、HTML语言
5、了解Dreamweaver CS3的安装并启动Dreamweaver CS
36、Dreamweaver 工作界面
7、规划站点
8、创建本地站点
9、管理站点
10、创建一个站点
11、站点的基本操作
12、制作表格布局的首页讲授法多媒体辅助教学法笔记讨论归纳90分钟目标检测
1、网页文件、素材文件都同意在哪里进行管理？
2、每次设置文本的格式很麻烦，可以通过什么工具来完成？
3、请一位同学到讲台前简单操作站点的建立。讨论法练习法分析练习改正20分钟归纳小结本节主要讲解Dreamweaver，让学生初步了解Dreamweaver的基本操作，通过系统、明确的学习掌握Dreamweaver基本的操作，为下面的课程做好铺垫。归纳法思考推理判断10分钟课后任务说明
1、总结、归纳所学知识点，完成课后习题
2、预习3章节内容笔记5分钟教学自评新疆天山职业技术学院课程教案首页课程名称网页设计与制作授课时间
3、21-
3、25授课班级15W计信、15Z计信授课序次第四
周
第4 次课授课题目第3章Dreamweaver中的多媒体对象学时数80授课类型R理论课 R实训课￡一体课￡其他周学时数3+2学习（教学）标准（知识、能力、素质）知识目标：
1、掌握在网页中插入并使用Flash动画、文本、视频；
2、掌握Shockwave影片的插入方法并设置属性能力目标：
1、制作带有视频和音乐的网页素质目标：
1、培养学生良好的学习意识教学方法讲授法、多媒体辅助教学法、讨论法、练习法、归纳法教学重难点教学重点：插入Flash 动画、插入Flash文本、插入Flash视频、按钮教学难点：Shockwave影片的插入方法并设置属性参考资料或相关网站
1、网页设计与制作-Dreamweaver 实用教程，丁爱萍编，北京出版社xx年7月
2、网页设计与制作，董洁编，清华大学出版社xx年8月；
3、网页设计案例教程，朱艳丽编，清华大学出版社xx年9月教学媒体多媒体教学过程课堂设计（教学内容、过程、方法）时间分配第3章 Dreamweaver中的多媒体对象
3、1制作带有Flash效果的网页Flash 动画是目前最流行的网页多媒体技术，在 Web 领域有广泛的应用。本节介绍如何使用Dreamweaver 在网页中插入：Flash动画，Flash按钮，Flash文本。
1、Flash 动画格式在网页向中添加 Flash 动画之前，首先应该对 Flash 动画的格式有所了解，Flash 动画文件格式包括3
种：①、 fla 格式 The Flash file（、fla）：在 Flash 程序中创建出的动画项目源文件，这种格式的 Flash 动画文件格式可以在 Flash 程序中编辑，也可以将它输出成 swf 或 swt 格式文件，从而方便在浏览器窗口使用。
②、swf 格式 The Flash movie file（、swf）：这种格式的 Flash 文件是、fla 格式的压缩版，它是优化过的 Flash 文件格式，用于在 Web 上浏览。它可以在 Dreamweaver 和浏览器窗口中播放，但是不能在 Flash 程序中编辑。在 Dreamweaver 中的 Flash 按钮和 Flash 文本功能使用的就是这种动画格式。
③、swt 格式 The Flash Generator template（、swt）：可以用来修改和替换、swf格式动画文件的信息，这种格式文件被使用在 Flash 按钮对象中，用户可以使用文字或链接修改模板，来创建自定义的swf 格式动画文件，并将其添加到文件中。
2 、插入 Flash 动画使用 Dreamweaver插入栏“常用”类别“媒体”列表中的 Flash 按钮，可以在网页中添加 Flash 对象。在文档中添加了 Flash 动画后，选择该文件，可以使用属性检查器查看和修改 Flash 动画属性。
3、插入 Flash 按钮 Dreamweaver 提供了自动生成 Flash 按钮和 Flash 文本功能，使网页设计者不用使用 Flash 软件也能在网页中获得 Flash 按钮和文本效果。使用插入栏“常
用”>“媒体”> Flash按钮，可以将 Flash 按钮添加到插入
点。4 、插入Flash 文本使用插入栏“常用”>“媒体”>“Flash 文本”按钮，可以将Flash 文本添加到插入点。
5、插入Flash对象（1）、插入Flash动画“插
入”“Flash”设置FLASH属性（2）、插入FLASH按钮“插
入”“FLASH按钮”
3、2制作带有公司视频和音乐的网页
1、使用声音与视频本节介绍声音与视频基本概念，以及如
何在网页中使用：声音，视频。
2、声音与视频概述（1）声音概述声音是最常见的一种多
媒体信息。声音文件有不同的类型和格式，如果要将声音文件添
加到网页，有几种不同的方法。在确定采用哪一种格式和方法添
加声音前，需要考虑几个因素：添加声音的目的、文件大小、声
音品质和不同浏览器中的差异。P C机上的常用声音格式：①、midi 或、mid（乐器数字接口）格式用于器乐。
②、wav（Waveform 扩展名）格式文件具有较好的声音品
质，许多浏览器都支持此类格式文件，且不要求插件。
③、mp3（运动图像专家组音频，即 MPEG-音频层-3）格式是一种压缩格式，它可令声音文件明显缩小。
④、ra、、ram、、rpm 或 Real Audio 格式具有非常高的压缩品质，文件大小要小于 MP3，全部歌曲文件可以在合理的时间
范围内下载。
（2）视频概述：
视频是信息含量最丰富的一种媒体。可以通过不同方式和使用不同格式将视频添加到网页。视频可下载给用户，或者对视频进行流式处理以便在下载它的同时播放它。P C机上较为常见的视频文件格式：①、avi 格式，即音频视频交错格式，就是可以将视频和音频交织在一起进行同步播放。②、mpeg、、mpg 或、dat 格式，也就是运动图像专家组（MPEG）格式，它是运动图像压缩算法的国际标准。
③、ra、、rm 或、rmvb 格式是 RealNetworks 公司开发的一种新型流式视频文件格式，它包含在RealNetworks公司所制定的音频视频压缩规范RealMedia中，主要用来在低速率的广域网上实时传输活动视频影像。④、mov 格式是 Apple 计算机公司开发的一种音频、视频文件格式，用于保存音频和视频信息，具有先进的音视频功能。
3、插入其他媒体对象（1）、插入Shockwave影片Shockwave 是一个很普及的浏览器的插件，可以在大多数常用的浏览器中进行播放“插入”“Shockwave”（2）、插入ActiveX控件ActiveX 控件是可以充当浏览器插件的可重复使用的组件。（3）、插入JAVA小程序。JAVA是一种编程语言，通过它可以开发可嵌入WEB 页中的小型应用程序（applets）导入新课（5分钟）通过提问了解学生对网页设计规划的了解掌握学生课前预习情况（15分钟）主要内容讲解及浏览网站（90分钟）课后任务
1、网页文件、素材文件都同意在哪里进行管理？
2、每次设置文本的格式很麻烦，可以通过什么工具来完成？
3、一般请快些使用http://链接，属于什么路径？教学后记新疆天山职业技术学院课程教案教学流程教学内容与过程教学方法学生活动时间分配新课导入随着多媒体技术的发展，单纯的文本和图像以及无法满足网页多样化的需求，不仅能完善视觉、听觉效果还能增强交互性，如何在网页中带有Flash效果呢？讨论法思考5分钟预习考核
1、Flash媒体对象有哪些？
2、网站封面页有使用Flash的吗？举例说明
3、网页中播放视频是比较常见的，如何在网页中插入一个Flash视频？4