静态网页制作教案

《静态网页制作教案》由会员分享，可在线阅读，更多相关《静态网页制作教案（39页珍藏版）》请在装配图网上搜索。

1、授课教案 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年2月22日1-2节 课题 课前准备 教学目的 通过本次上机，收集学生对该门课程的看法、意见，并 使学生初步了解html代码的输入和保存 教学重点 Html代码的输入和保存 教学难点 Html代码的输入和保存 教学方法 上机 教学内容提纲 一、请各位同学畅所欲言，谈谈对《网页制作》这门课程的看法和想法（专 业联系、意义、自身兴趣、是否有过网页制作的学习经历或基础、期望的 授课内容、方式或课程要求）保存在word文档中并提交 二、预习课本1.1节中html语言的【相关知识】，并

2、自行练习制作【实例11 教学后记 1、 学生对这门课程的学习兴趣很浓，每位同学都谈了自己的基础情 况及课程意见 2、 基本能对照课本完成实例1的操作，对html的输入、保存有了 初步的印象 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年2月24日3-4节 课题 第一草网页设计基础§1.1§1.2§1.3 教学目的 通过本次课的教学，使学生对与网页制作相关的Internet 知识、网页术语、设计方式有较为清晰的认识，为以后的学习 打下良好的基础 教学重点 Internet协议  网页设计相关术语 教学难点 让学生将技术较强

3、的网络术语与现实的应用联系，理解它 们对网站的重要性 教学方法 讲授 教学内容提纲 §1Internet概述 一、Internet的用途 二、Internet的协议 三、Internet的地址 §2网贞设计相关术语 网页、网站、主页、HTTPHTMLURL §3网贞设计的工具 一、手工编码方式 二、可视化工具方式 二、编码和可视化工具结合 教学后记 1 .课堂讲解细致，按计划完成教学任务 2 .学生对这些内容有一定的基本了解，交流和沟通比较容易 3 .教学互动性较好，达到了预期的教学效果 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课

4、时间2011年3月1日1-2节 课题 浏览器的使用及设置 教学目的 通过本次上机，让学生能够掌握浏览器的使用及设置， 消化课堂内容 教学重点 Internet选项的设置  教学方法上机 教学内容提 纲 一、界面的熟悉 7）改变显示状态 一、基本操作 8）编码的选择 1）输入URL 9）查看源文件 2）后退、前进、停止、刷新、主页 三、IE的设置 教学难点 掌握其设置在实际中的具体运用 3）在网页之间实现跳转 4）使用和整理收藏夹 5）下载文件 6）保存图片、页面信息 教学后记 课堂氛围浓烈，绝大部分同学都能够认真操作并掌握了浏览器

5、的 使用及设置，达到了本次上机的目的 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作 上课时间 2011年3月3日3-4节 课题 第. 二章HTML 语言§2.1§2.2  教学目的 通过本次课的教学，使学生对HTML有个全面的理解，并 能掌握部分重要标记，可以阅读一般网页的源文件 教学重点 部分重要HTML标记的掌握及熟练使用 教学难点 能够结合HTML编写制作网页 教学方法 讲授 教学内容提纲 §1了解HTML语言 一、标记及基本属性 一、HTML的基本结构 三、编辑和保存网页 四、网页基本标记 §2插入对象 一、文本标记

6、 二、图像标记 三、插入音乐和动画 教学后记 1 .就上机课出现的问题作集中演示讲解 2 .先用课件展现内容，后在电脑上操作，效果较好 3 .一开始接触html语言，学生掌握有定难度，需放慢进度 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作 上课时间 2011年3月8日1-2节  课题 HTML语言上机实践 教学目的 通过上机实践，掌握使用HTML代码直接制作网页和修改 网页属性的方法，加深学生对HTML标签的记忆和理解 教学重点 文字、图像、音频、动画的插入； 网页属性的修改 教学难点 图像的存放及src属性设置 教学方法 上

7、机 教学内容提纲 一、复习课堂教学内容 二、针对课堂内容，指导学生实践 （一）HTML基本标记白使用：Headbody等 （一）通过记事本编辑简单的网页，并能够修改简单的标签属性 （三）网页基本属性的修改：bgcolor、background （四）各类对象的插入 三、练习课本实例2、实例3 教学后记 学生能够很好地掌握HTML文档的结构标记，对body标签、font标签 的基本用法较为熟练，但对于插入对象的属性编辑，尤其是图片属性的编 辑还存在问题 精选范本 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年3月10日3-4

8、节 课题 第二章HTML语言§2.3§2.4 教学目的 通过教学，使学生理解不同的超链接类型，掌握超链接标 签、列表标签的写法、用法 教学重点 各类超链接的制作 教学难点 锚点链接的制作 教学方法 讲授 教学内容提纲 §3URL和链接义件 一、超链接简介 二、文档路径类型 三、超链接的使用本地链接、url链接、邮件链接、锚点链接、其他链接 §4列表样式和表格 一、列表样式 有序列表、无序列表 教学后记 1 .就上机课出现的问题作集中演示讲解：路径、属性、扩展名 2 .课堂教学过程设计合理，学生能够理解超链接标签的相关知识，掌握列表标签的属性修改，整体

9、教学效果较好。 精选范本 课程名称 静态网页制作上课时间2011年3月15日1-2节 课题 HTML语言上机实践 教学目的 通过上机练习，使学生掌握链接标签、列表标签的基本写法、 用法，学以致用 教学重点 链接标签、列表标签的用法 教学难点 链接标签href属性的正确设置 教学方法 上机 教学内容提纲 一、复习课堂教学内容 二、针对课堂内容，指导学生实践 1、本地链接、url链接、邮件链接、锚点链接、下载文件超链接、空链接 2、有序列表、无序列表的制作 三、练习课本实例5、实例6 教学后记 链接点的作用与链接目标路径不能区分，链接目标是文

10、件或者程序时不懂制作，缺乏变通，电子邮件链接做成链接到自己的网络邮箱。超链接制作存在一定难度，学生掌握一般，课上仍需进一步讲解  安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年3月17日3-4节 课题 第二章HTML语言§2.4§2.5§2.6 教学目的 通过教学，使学生掌握表格标签、框架标签的基本写法、 用法，学会设置文字和图像的滚动效果 教学重点 表格属性的修改； 框架标签的用法 教学难点 移动属性的设置 教学方法 讲授 教学内容提纲 §4列表样式和表格 二、去格 表格基本结构、表格属性设置 §5框架 一、框架语法

11、 二、框架属性 §6滚动文本和图像 精选范本 后 1、对上机操作时集中出现的问题作演示讲解 2、按计划完成教学任务，学生课上能够积极思考，认真记录笔记，课堂氛围较好。 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年3月22日1-2节 课题 HTML语言上机实践 教学目的 通过上机练习，使学生掌握走格标签、框架标签的运用， 学会设置文本和图像的滚动效果 教学重点 表格属性的修改； 框架的建立 教学难点 滚动文本和图像 教学方法 上机 教学内容提纲 一、复习课堂教学内容 二、针对课堂内容，指导学生实践 1、表格

12、的定义及属性设置 2、框架的建立 3、滚动文本和图像 三、练习课本实例7、实例9 教学后记 大部分学生对表格标签的写法、用法掌握较好，能够简单编写含有滚动字幕的网页，但对于框架的建立少数同学存在困难，经过单独指导后效果较好。 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年3月24日3-4节 课题 第三章Frontpage的应用§3.1 教学目的 熟悉网站开发的基本流程和制作步骤，掌握网页制作的版 面布局和设计思想； 教学重点 网页制作的基本流程 教学难点 网贞的版面布局设计 教学方法 讲授 教学内容提纲  §1网站制作前

13、的准备 一、定位网站的主题和名称 二、定位网站的CI形象 三、规划网站 四、主要页面布局设计 五、搜集素材，制作主页及其他 内页 六、测试、上传 七、宣传推广 八、更新维护 教学后记 网站制作前的规划设计很大程度上决定着整个网站的优劣，认识到网站规划的重要性，将对今后具体的设计制作起很大帮助，课上注意培养学生这方面的思想、意识，并通过具体案例的讲解、剖析，加深学生对基本流程的理解 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年3月29日1-2节 课题 优秀网站鉴赏 教学目的 通过上机练习，让学生浏览不同主题的优秀网站，学习其设

14、计亮点，加深对课堂理论的理解 教学重点 版面布局分析 教学难点 颜色的合理搭配 教学方法上机 教学内容提纲 一、复习课堂教学内容 二、上网浏览各类不同主题的优秀网站，分析其版面布局、配色方案、栏 目结构等，并评价网站给浏览者的整体感受 三、综合点评 教学后记 从提交的作业文档来看，通过浏览不同主题的优秀网站，学生在网站鉴赏水平上有了一定提高，能较合理的分析出网站的版面设计、配色方案和栏目结构等，发现并领会其设计亮点，达到了预期的上机目的 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年3月31日3-4节 课题 第三章Frontpage

15、的应用§3.2§3.3 教学目的 通过本次课的教学，使学生熟悉Frontpage软件界面，掌 握网页的基本操作以及图片、音频的使用  教学重点 站点的相关操作；图片属性的设置；音频使用的多种方法 教学难点 站点文件夹与普通文件夹的不同 教学方法 讲授 教学内容提纲 §2建立与编辑基本网页 一、Frontpage2000界面概述 二、站点的操作 二、网页的新建、保存、打井 四、基本网贞的编辑 §3多媒体与超链接的使用 一、图片的使用 二、音频的使用 教学后记 1 .相比与之前的html语言学习，利用网页制作软件来编辑网页，学生在理 解程度和学习兴趣上

16、都有了更大的提高 2 .通过实例操作，学生接受很快，互动强，教学效果较好 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作 上课时间 2011年4月7日3-4节 课题 第三章Frontpage的应用§3.3  教学目的 通过本次课的教学，使学生掌握向网页中添加视频的基本操作，学会创建和编辑各种超链接 教学重点 各类超链接的制作 教学难点 各类超链接的制作 教学方法 讲授 教学内容提纲 §3多媒体与超链接的使用 三、视频的使用 四、超链接的制作 1、在文本、图片上制作链接 2、链接到网页文件、书签、电子邮件、非网页文件、internet

17、网站 五、编辑超级链接 综合实例制作：绿色家园 教学后记 通过综合实例的演7K制作，总结出设计技巧，使学生对目前所学的 Frontpage2000的基本操作有更全面更深刻的认识，培养其综合运用知识的能力，课堂氛围浓烈，教学效果良好 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作 上课时间 2011年4月12日1-2节  课题 Frontpage2000的基本操作 教学目的 通过本次上机，巩固站点操作，加强学生对在网页中插入文本、图片、音频、视频等对象的操作，学会设置页面属性 教学重点 站点的操作；图片属性的设置； 各类超链接的制作 教学难点

18、 图片工具栏的灵活运用 教学方法 上机 教学内容提纲 一、复习课堂教学内容 二、针对课堂内容，指导学生实践 1、站点的建立、修改、删除 2、网页的基本操作，各类对象的插入及属性修改 3、网贞背景属性设置 4、多媒体对象的使用 5、各类超链接的制作 教学后记 1 .学生对上机操作的热情很高，氛围较好 2 .通过实际操作，大部分同学都掌握了课上知识，达到了上机要求 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年4月19日1-2节 课题 Frontpage2000的基本操作 教学目的 通过本次上机，使学生进一步巩固课堂所学

19、，攻克操作中 的难点，提高综合操作水平 教学重点 锚点链接制作； 图片热点运用 教学难点 图文混排 教学方法 上机 教学内容提纲 一、复习课堂教学内容 二、针对课堂内容，指导学生实践 1、插入图片，并使用热点创建图象地图 2、定义锚点，跳转到指定页面的指定位置 三、模仿制作课上案例：绿色家园 教学后记 学生对一些基本操作掌握较熟练，但对于站点建立的意义还较模糊，实例操作时灵活运用知识的能力也较欠缺，以后仍需加强练习。  课程名称 静态网页制作上课时间2011年4月21日3-4节 课题 第三章Frontpage的应用§3.4§3.5 教学目的 通过

20、本次课的教学，使学生能够掌握网页中表格的插入和 使用，理解框架的概念和制作 教学重点 如何插入表格、框架； 框架网页的基本操作及属性设置 教学难点 框架概念的理解及保存操作 教学方法 讲授 教学内容提纲 §4走格的使用 一、表格的用途 一、创建表格 二、填充表格 四、表格相关操作 五、表格属性 §5制作框架页面 一、创建框架网贝： 二、拆分、删除框架 三、初始化框架网页 四、保存框架网贞 五、设置超链接的目标框架 六、框架属性的设置 教学后记 1 .基于以前对html中表格、框架的学习，再次提到相关知识点时，理解和接受都很快 2 .请同学上台演

21、示操作，课堂气氛和互动都较好 精选范本 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年4月26日1-2节 课题 Frontpage2000的基本操作 教学目的 通过上机操作，使学生掌握FrontPage2000中插入表格和 建立框架的操作 教学重点 去格、单兀格的属性设置；框架的插入、保存、属性设置；目标框架的设置 教学难点 框架的正确保存； 初始网页的更改 教学方法 上机 教学内容提纲 一、复习课堂教学内容 二、针对课堂内容，指导学生实践 1、插入表格，并设置表格、单元格属性 2、创建指定框架并设置初始网贞，修

22、改框架属性 3、创建框架间的链接，修改目标框架 三、模仿制作课上案例：我的地盘、c语言教程 教学后记 精选范本 学生已逐渐入门，对网页制作的方法有一定程度的掌握，遇到问题稍经指点便能独立解决，实例完成情况也较好 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年4月28日3-4节 课题 第三章Frontpage的应用§3.6§3.7 教学目的 通过本次课的教学，使学生掌握网页中表单的作用及编辑 方法，能够使用组件和DHTML以丰富网页效果 教学重点 理解表单的作用，掌握各个表单对象的编辑 组件、DHTML的使用 教学难点

23、表单对象属性的正确设置 教学方法 讲授 教学内容提纲 §6表单的使用 一、什么是表单 二、表单的设计 三、处理表单结果 §7组件、DHTML的使用 一、悬停按钮 二、移动字幕 三、站点记数器 四、横幅广告管理器 五、动态HTML 六、网页过渡效果 教学后记  1、通过教学，学生理解了表单的基本作用，掌握了设计表单的方法 2、内容涉及很多动态效果，学生兴趣很浓，课堂气氛和互动都较好 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年5月3日1-2节 课题 Frontpage2000的基本操作 教学目的 通过上机操作，使学

24、生掌握表单、组件的应用，学会使用动态html效果，修改网页过渡 教学重点 自定义表单； 组件、Dhtml效果制作 教学难点 表单对象属性的正确设置 教学方法 上机 教学内容提纲 一、复习课堂教学内容 二、针对课堂内容，指导学生实践 1、建立表单，插入各项表单元素 2、使用组件：字幕、悬停按钮、横幅广告管理器 3、使用动态HTML效果 4、修改网页过渡效果三、模仿制作课上案例：网络课程账号申请 教学后记 1 .绝大部分同学都能完成上机任务，基本操作掌握较好。 2 .在运用一些组件时，很多机子预览无法显示效果，需要下载安装java 虚拟机，因此进一步提醒学生今后

25、的网页设计中应慎用java程序效果 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年5月5日3-4节 课题 §3.8第四章Dreamweaver的使用§4.1 教学目的 通过本次课的教学，使学生能够理解css的作用和特点， 掌握使用css的二种方法；熟悉Dreamweaver的操作界面，掌 握Dreamweaver的基本文件操作 教学重点 Css的作用、语法及使用方法 Dreamweaver的站点操作 教学难点 Css二种操作方法的不同 教学方法 讲授 教学内容提纲 §8网页的修饰 一、什么是css 二、CSS的作用 三、基

26、本语法 四、CSS的建立 五、CSS的使用方法 §4.1DreamweaveB3fcol作一、Dreamweaver8的工作界面 一、建立新站点的方法 三、设置站点参数 四、管理站点 五、基本文件操作 六、设置贝面属性 教学后记 1、 初次接触css样式表，学生理解和接受的程度都较一般 2、 学生对于Dreamweave的学习热情很高，基本操作掌握很快 精选范本 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年5月10日1-2节 课题 Dreamweaver的应用 教学目的 通过本次上机操作，使学生能理解和掌握使用cs

27、s的三种 方法；熟悉dreamweaver的界面，掌握其基本操作 教学重点 站点的新建，页面属性设置 教学难点 三种CSS的创建及操作方法 教学方法 上机 教学内容提纲 一、复习课堂教学内容 二、针对课堂内容，指导学生实践 1、三种CSS勺创建及操作方法 2、Dreamweave站点的相关操作 3、Dreamweave的文件操作 4、设置设面属性 三、模仿制作课上案例 教学后记 1 .对CSS的理解程度不够，二种操作方法相互混淆，出现的问题较多，课 上仍需进一步讲解 2 .Dreamweaver操作界面较Frontpage复杂，部分学生对操作环境不能熟悉

28、 和适应，今后的教学应注重两者之间的联系比较 精选范本 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年5月12日3-4节 课题 第四章dreamweaver的使用§4.2§4.3 教学目的 通过本次课的教学，使学生掌握在dreamweaver中插入文本、图像以及使用超链接的方法，学会利用走格进行页面布局，并能合理设置其属性 教学重点 文字、图像与超链接的插入与编辑 表格的使用及属性设置 教学难点 锚点链接、空链接、脚本链接的理解制作 表格布局思想 教学方法 讲授 教学内容提纲 §2插入文字、图像与链接 一、文本及其操

29、作 一、图像及具操作 三、超链接的操作 §3插入表格和其他对象 一、表格及其操作 1 .插入表格 2 .插入嵌套表格 3 .编辑表格 4 .设置表格属性 5 .格式化表格 6 .排序表格 教学后记 精选范本 因有之前学习FP的基础，学生对本次课的内容理解和接受都很快，同 时每个知识点的讲解配合了相应的实例，教学效果较好。 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年5月17日1-2节 课题 Dreamweaver的应用 教学目的 通过本次上机操作，提图学生对dreamweaver的使用水平和熟练度，使学生掌握有

30、关走格的操作，强化利用走格进行页面布局的思想 教学重点 文字、图像与超链接的插入与编辑 表格的灵活使用 教学难点 培养学生设计能力：利用表格进行页面布局 教学方法 上机 教学内容提纲 一、复习课堂教学内容 二、针对课堂内容，指导学生实践 1、在网页中插入文本、图像、超链接等基本对象，并修改属性 2、插入表格及嵌套表格，并设置表格属性 3、格式化表格 三、模仿制作课上案例 教学后记  很多同学在操作时沿袭了使用Frontpage存在的坏习惯，喜欢将页面和 图片保存为中文名称，容易出现图片不显示，链接不成功等问题，以后在课堂上需要再次反复强调这一点 安徽商贸

31、职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年5月19日3-4节 课题 第四章dreamweaver的使用§4.3§4.4 教学目的 通过本次课的教学，使学生掌握鼠标经过图像、导航条、 flash对象、插件等其他网贞对象的插入；能进一步理解框架的概念及作用，学会框架的相关操作 教学重点 框架的相关操作 教学难点 框架初始页面的设置； 框架间的链接制作 教学方法 讲授 教学内容提纲 §3插入表格和其他对象 二、在网页中插入其他对象 1、鼠标经过图像 2、插入导航条 3、插入flash对象 4、插入Applet、ActiveX和插件

32、§4框架、层与网贞布局 一、框架 （一）使用预设方式创建框架 （二）设计框架集 （三）保存框架和框架集文件 （四）修改框架属性 （五）设置框架集的属性 （六）通过超级链接控制框架内容  后 1 .教学过程顺利，按计划完成了教学任务 2 .学生上台参与实例操作，有效调动了课堂气氛 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年5月24日1-2节 课题 Dreamweaver的应用 教学目的 通过本次上机，使学生能够掌握dreamweaver中更多网页对象的插入，提高运用框架的操作技巧 教学重点 框架的相关操作 教学难点 框

33、架初始页面的设置； 框架间的链接制作 教学方法 上机 教学内容提纲 一、复习课堂教学内容 二、针对课堂内容，指导学生实践 1、鼠标经过图像、导航条、flash对象、插件的插入 2、使用预设方式创建框架，并设计框架集后保存 3、通过超级链接控制框架内容 三、模仿制作课上案例 精选范本 教学后记 通过上机，学生能够熟练地在网页中插入各种对象，掌握框架网页的制作。但部分同学对于框架的保存及链接显示的目标框架仍不够清楚，经 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年5月26日3-4节 课题 第四章dreamweaver的使用§

34、4.4§4.5 教学目的 通过本次课的教学，使学生能够掌握层的特点和操作；学 会运用布局表格进行网页布局；掌握表单的制作 教学重点 层概念的理解及其操作 表单的制作 教学难点 布局去格、布局单兀格的灵活运用 教学方法 讲授 教学内容提纲  § 4框架、层与网页布局 二、层 1、层的概念 2、层的特点 3、在网页中添加层 4、设置层参数和属性 5、操纵层 6、表格和层的相互转换 三、网页布局 1、用布局模式布局网页 2、绘制布局表格和布局单元格 3、设置布局表格和布局单元格属性 §5表单、样式表和命令 一、表单的基本概念 二、创建与删除表单

35、域 三、插入表单对象 教学后记 1 .对上机过程中出现的操作问题做了演示讲解，取得较好效果 2 .运用了丰富的实例进行分步操作讲解，加深了学生的知识印象 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年5月31日1-2节 课题 Dreamweaver的应用 教学目的 通过本次上机，强化学生对层的理解及操作；使其掌握运 用布局走格更方便地在网页中进行布局定位的方法；熟练表单 的操作 教学重点 层的属性设置及灵活运用 表单的制作 教学难点 布局表格、布局单元格的灵活运用  教学方法 上机 教学内容提纲 一、复习课堂教学内容

36、 二、针对课堂内容，指导学生实践 1、在网贞中添加层、嵌套层，并设置层参数和属性 2、将页面中的表格和层进行相互转换 3、练习在布局模式下用布局走格设计布局 4、创建表单，插入表单对象 三、模仿制作课上案例 教学后记 1 .对层的理解和掌握较好 2 .对于夫格布局和布局单元格的使用，能够掌握其基本操作方法，进行 一般网页总体结构的设计，但灵活运用的程度不够 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年6月2日3-4节 课题 第四章dreamweaver的使用§4.5§4.6 教学目的 通过本次课的教学，使学生掌握在dreamwe

37、aver中创建和应用CSS样式表的方法，理解行为的含义，学会添加应用行为  教学重点 CSS样式表的添加和应用 彳讨的创建 教学难点 行为的灵活运用 教学方法 讲授 教学内容提纲 §5表单、样式表和命令 一、CSS样式表的特点 二、CSS样式表的类型 三、CSS样式表的添加方法 四、样式的创建与编辑 §6时间轴和行为 一、时间轴动画制作 1、时间轴的概念 2、利用时间轴制作层动画 3、使用时间轴改变图像属性 二、彳讨 1、行为的构成 2、行*的创建 3、动作的设置：显示-隐藏层 教学后记 1 .经过之前在FP中的学习，再次接触CSS,理解程度

38、有较大提高 2 .运用时间轴和行为可制作出丰富的动态效果，学生学习兴致高昂，课堂 氛围浓烈，教学互动较好 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作 上课时间 2011年6月7日1-2节 课题 Dreamweaver的应用  教学目的 通过本次上机，使学生熟练在dreamweaver中创建和应用 CSS样式表的方法，掌握行为的添加和应用 教学重点 CSS样式表的添加和应用 彳讨的创建 教学难点 显示-隐藏层效果的综合运用 教学方法 上机 教学内容提纲 一、复习课堂教学内容 二、针对课堂内容，指导学生实践 1、外部CSS内部CS

39、S勺创建及应用 2、利用时间轴制作层动画 3、使用时间轴改变图像属性 4、利用显示-隐藏层制作下拉菜单效果 三、模仿制作课上案例 教学后记 经过具体指导，大部分学生都能完成本次上机任务，出现问题较多的是下拉菜单的制作，主要原因还是对行为的构成理解不透 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作 上课时间 2011年6月9日3-4节  课题 第四章dreamweaver的使用§4.6§4.7 教学目的 通过本次课的教学，使学生能进一步理解行为的含义，学 会运用Dreamweaver的内置仃为制作更多的动态效果；掌握模板和库的编辑及其意义 教

40、学重点 Dreamweaver内置行为的使用 模板和库的编辑 教学难点 行为的灵活运用 教学方法 讲授 教学内容提纲 §6时间轴和行为 二、彳讨 3、动作的设置： 设置层文本、设置状态栏文本、打开浏览器窗口、弹出信息、改变属性、设置导航栏图像、交换图像”和恢复交换图像”、检查表单、检查插件、控制Shockwave或Flask播放声音、 调用JavaScript跳转菜单、时间轴动 作、拖动层、显示弹出式菜单” §7模板和库 一、创建站点模板 二、基于模板生成新网贞 三、编辑被应用模板的网贞 四、模板的更新 五、使用库项目 教学后记 1 .运用当前网站的主

41、流动态效果作为课堂操作示例，讲解较成功，教学效果较好。 2 .熟练模板和库的操作有一定难度，需通过练习来进一步强化 安徽商贸职业技术学院教师授课教案 课程名称 静态网页制作上课时间2011年6月21日1-2节 课题 Dreamweaver的应用 教学目的 通过本次上机，提高学生对行为的操作能力和灵活度，使其进一步理解模板和库的作用，并掌握两者的编辑和使用 教学重点 Dreamweaver内置行为的使用 模板和库的编辑 教学难点 行为的灵活运用 教学方法 上机 教学内容提纲 一、复习课堂教学内容 二、针对课堂内容，指导学生实践 1、行为的添加及应用

42、 2、创建模板并应用于网页 3、修改模板并更新 4、创建库项目，添加至网页中 5、使库对象脱离源文件并进行编辑 三、模仿制作课上案例 教学后记 通过上机，大部分同学能实现行为中各种动作效果的添加应用，掌握模板和库的基本操作，但整体上看，运用的灵活度和熟练度者B有待提高 精选范本 课程名称 静态网页制作上课时间2011年6月23日3-4节 课题 第五章FlashMX的使用§5.1§5.2 教学目的 通过本次课的教学，使学生熟悉flash界面，理解Flash动 画相关概念，学会创建简单的动画，掌握动画的基本原理 教学重点 Flash基础知识； 简单动画的创

43、建 教学难点 动画的基本原理 教学方法 讲授 教学内容提纲 §1Flash简介 一、Flash的主要特点 二、Flash8的工作界面 三、Flash动画的相关概念 四、文件操作 §2简单的Flash动画 一、影片属性设置 二、帧的设置 三、使用图层 四、应用实例 教学后记 1 .演示讲解上机过程中存在的操作问题，复习模板和库的操作 2 .学生对学习FLASH的兴趣较高，听课非常认真，课堂教学过程顺利，师生互动性较好，课堂氛围浓烈。 课程名称 静态网页制作上课时间2011年6月28日1-2节 课题 FLASH动画的制作 教学目的 通过本次课的教学，使学生能够灵活掌握各类帧和图层的 操作，学会创建位移、变形、遮罩、引导等动画 教学重点 各类帧和图层的灵活运用； 制作位移动画、变形动画、遮罩动画、引导动画 教学难点 动画的理解和综合运用 教学方法 上机 教学内容提纲 一、复习课堂教学内容 二、针对课堂内容，指导学生实践 1 .位移动画：迎奥运动画 2 .变形动画：字符到图片的渐变、图片到图片的渐变 3 .遮罩的制作：滚动字幕，探照灯效果 4 .引导动画的制作：卫星绕地球 5 .逐帧动画：倒数数字 教学后记 精选范本