《2022年2022年静态网页制作教案 .pdf》由会员分享，可在线阅读，更多相关《2022年2022年静态网页制作教案 .pdf（35页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、1 授课教案安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 2 月 22 日 1-2 节课题课前准备教学目的通过本次上机，收集学生对该门课程的看法、意见，并使学生初步了解 html 代码的输入和保存教学重点 Html代码的输入和保存教学难点 Html代码的输入和保存教学方法上机教学内容提纲名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 35 页 - - - - - - - - - 2 一、请各位同学畅所欲言， 谈谈对网页制作 这门课程的看法和想法（
2、专业联系、意义、自身兴趣、是否有过网页制作的学习经历或基础、期望的授课内容、方式或课程要求）保存在word 文档中并提交二、预习课本 1.1 节中 html 语言的【相关知识】，并自行练习制作 【实例 1】教学后记1、学生对这门课程的学习兴趣很浓，每位同学都谈了自己的基础情况及课程意见2、基本能对照课本完成实例1 的操作，对 html 的输入、保存有了初步的印象安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 2 月 24 日 3-4 节课题第一章网页设计基础1.1 1.2 1.3 教学目的通过本次课的教学， 使学生对与网页制作相关的Internet知识、网页术语、设计方
3、式有较为清晰的认识，为以后的学习打下良好的基础教学重点Internet协议网页设计相关术语教学难点让学生将技术较强的网络术语与现实的应用联系，理解它名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 35 页 - - - - - - - - - 3 们对网站的重要性教学方法讲授教学内容提纲1 Internet概述一、Internet的用途二、Internet的协议三、Internet的地址2 网页设计相关术语网页、网站、主页、HTTP 、HTML 、URL 3 网页设计的工具
4、一、手工编码方式二、可视化工具方式三、编码和可视化工具结合教学后记1. 课堂讲解细致，按计划完成教学任务2. 学生对这些内容有一定的基本了解，交流和沟通比较容易3. 教学互动性较好，达到了预期的教学效果安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 3 月 1 日 1-2 节课题浏览器的使用及设置教学目的通过本次上机，让学生能够掌握浏览器的使用及设置，消化课堂内容教学重点 Internet选项的设置教学难点掌握其设置在实际中的具体运用教学方法上机教学内容提纲名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - -
5、名师精心整理 - - - - - - - 第 3 页，共 35 页 - - - - - - - - - 4 一、界面的熟悉 7）改变显示状态二、基本操作 8）编码的选择1）输入 URL 9）查看源文件2）后退、前进、停止、刷新、主页三、IE 的设置3）在网页之间实现跳转4）使用和整理收藏夹5）下载文件6）保存图片、页面信息教学后记课堂氛围浓烈，绝大部分同学都能够认真操作并掌握了浏览器的使用及设置，达到了本次上机的目的安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 3 月 3 日 3-4 节课题第二章 HTML 语言 2.1 2.2 教学目的通过本次课的教学，使学生对HT
6、ML 有个全面的理解，并能掌握部分重要标记，可以阅读一般网页的源文件教学重点部分重要 HTML 标记的掌握及熟练使用教学难点能够结合 HTML 编写制作网页教学方法讲授教学内容提纲名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 35 页 - - - - - - - - - 5 1 了解 HTML 语言一、标记及基本属性二、HTML 的基本结构三、编辑和保存网页四、网页基本标记2 插入对象一、文本标记二、图像标记三、插入音乐和动画教学后记1. 就上机课出现的问题作集中演示讲
7、解2. 先用课件展现内容，后在电脑上操作，效果较好3. 一开始接触 html 语言，学生掌握有一定难度，需放慢进度安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 3 月 8 日 1-2 节课题 HTML语言上机实践教学目的通过上机实践，掌握使用HTML代码直接制作网页和修改网页属性的方法，加深学生对HTML 标签的记忆和理解教学重点文字、图像、音频、动画的插入；网页属性的修改教学难点图像的存放及 src 属性设置教学方法上机名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - -
8、- - 第 5 页，共 35 页 - - - - - - - - - 6 教学内容提纲一、 复习课堂教学内容二、 针对课堂内容，指导学生实践（一） HTML基本标记的使用： Head body 等（二） 通过记事本编辑简单的网页，并能够修改简单的标签属性（三） 网页基本属性的修改： bgcolor 、background （四） 各类对象的插入三、练习课本实例2、实例 3 教学后记学生能够很好地掌握HTML 文档的结构标记，对body 标签、 font 标签的基本用法较为熟练，但对于插入对象的属性编辑，尤其是图片属性的编辑还存在问题安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2
9、011 年 3 月 10 日 3-4 节课题第二章 HTML 语言 2.3 2.4 教学目的通过教学，使学生理解不同的超链接类型，掌握超链接标签、列表标签的写法、用法教学重点各类超链接的制作教学难点锚点链接的制作教学方法讲授名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 35 页 - - - - - - - - - 7 教学内容提纲3 URL 和链接文件一、超链接简介二、文档路径类型三、超链接的使用本地链接、 url 链接、邮件链接、锚点链接、其他链接4 列表样式和表格一
10、、列表样式有序列表、无序列表教学后记1. 就上机课出现的问题作集中演示讲解：路径、属性、扩展名2. 课堂教学过程设计合理， 学生能够理解超链接标签的相关知识，掌握列表标签的属性修改，整体教学效果较好。安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 3 月 15 日 1-2 节课题 HTML语言上机实践教学目的通过上机练习，使学生掌握链接标签、 列表标签的基本写法、用法，学以致用教学重点链接标签、列表标签的用法教学难点链接标签 href 属性的正确设置名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心
11、整理 - - - - - - - 第 7 页，共 35 页 - - - - - - - - - 8 教学方法上机教学内容提纲一、复习课堂教学内容二、针对课堂内容，指导学生实践1、本地链接、 url 链接、邮件链接、锚点链接、下载文件超链接、空链接2、有序列表、无序列表的制作三、练习课本实例5、实例 6 教学后记链接点的作用与链接目标路径不能区分，链接目标是文件或者程序时不懂制作，缺乏变通，电子邮件链接做成链接到自己的网络邮箱。超链接制作存在一定难度，学生掌握一般，课上仍需进一步讲解安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011 年 3 月 17 日 3-4 节课题第二章
12、HTML 语言 2.4 2.52.6 教学目的通过教学，使学生掌握表格标签、框架标签的基本写法、用法，学会设置文字和图像的滚动效果教学重点表格属性的修改；名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 35 页 - - - - - - - - - 9 框架标签的用法教学难点移动属性的设置教学方法讲授教学内容提纲4 列表样式和表格三、 表格表格基本结构、表格属性设置5 框架一、 框架语法二、 框架属性6 滚动文本和图像教学后记1、对上机操作时集中出现的问题作演示讲解2、按计
13、划完成教学任务，学生课上能够积极思考，认真记录笔记，课堂氛围较好。安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 3 月 22 日 1-2 节课题 HTML语言上机实践教学目的通过上机练习，使学生掌握表格标签、框架标签的运用，学会设置文本和图像的滚动效果教学重点表格属性的修改；名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 35 页 - - - - - - - - - 10 框架的建立教学难点滚动文本和图像教学方法上机教学内容提纲一、复习课堂教学内
14、容二、针对课堂内容，指导学生实践1、表格的定义及属性设置2、框架的建立3、滚动文本和图像三、练习课本实例7、实例 9 教学后记大部分学生对表格标签的写法、用法掌握较好，能够简单编写含有滚动字幕的网页，但对于框架的建立少数同学存在困难，经过单独指导后效果较好。安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011 年 3 月 24 日 3-4 节课题第三章 Frontpage的应用 3.1 教学目的熟悉网站开发的基本流程和制作步骤，掌握网页制作的版面布局和设计思想 ; 教学重点网页制作的基本流程名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - -
15、 - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 35 页 - - - - - - - - - 11 教学难点网页的版面布局设计教学方法讲授教学内容提纲1 网站制作前的准备一、 定位网站的主题和名称二、 定位网站的 CI 形象三、 规划网站四、 主要页面布局设计五、 搜集素材，制作主页及其他内页六、 测试、上传七、 宣传推广八、 更新维护教学后记网站制作前的规划设计很大程度上决定着整个网站的优劣，认识到网站规划的重要性，将对今后具体的设计制作起很大帮助，课上注意培养学生这方面的思想、意识，并通过具体案例的讲解、剖析，加深学生对基本流程的理解安徽商贸职业技术学
16、院教师授课教案课程名称静态网页制作上课时间2011年 3 月 29 日 1-2 节课题优秀网站鉴赏教学目的通过上机练习，让学生浏览不同主题的优秀网站，学习其设计亮点，加深对课堂理论的理解教学重点版面布局分析名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 35 页 - - - - - - - - - 12 教学难点颜色的合理搭配教学方法上机教学内容提纲一、复习课堂教学内容二、上网浏览各类不同主题的优秀网站，分析其版面布局、配色方案、栏目结构等，并评价网站给浏览者的整体感受
17、三、综合点评教学后记从提交的作业文档来看，通过浏览不同主题的优秀网站，学生在网站鉴赏水平上有了一定提高，能较合理的分析出网站的版面设计、配色方案和栏目结构等，发现并领会其设计亮点，达到了预期的上机目的安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011 年 3 月 31 日 3-4 节课题第三章 Frontpage的应用 3.2 3.3 教学目的通过本次课的教学， 使学生熟悉 Frontpage 软件界面， 掌握网页的基本操作以及图片、音频的使用教学重点站点的相关操作；名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - -
18、- 名师精心整理 - - - - - - - 第 12 页，共 35 页 - - - - - - - - - 13 图片属性的设置；音频使用的多种方法教学难点站点文件夹与普通文件夹的不同教学方法讲授教学内容提纲2 建立与编辑基本网页一、 Frontpage2000 界面概述二、站点的操作三、网页的新建、保存、打开四、基本网页的编辑3 多媒体与超链接的使用一、图片的使用二、音频的使用教学后记1. 相比与之前的 html 语言学习，利用网页制作软件来编辑网页，学生在理解程度和学习兴趣上都有了更大的提高2. 通过实例操作，学生接受很快，互动强，教学效果较好安徽商贸职业技术学院教师授课教案课程名称静态
19、网页制作上课时间2011 年 4 月 7 日 3-4 节课题第三章 Frontpage的应用 3.3 教学目的通过本次课的教学，使学生掌握向网页中添加视频的基本操作，学会创建和编辑各种超链接名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13 页，共 35 页 - - - - - - - - - 14 教学重点各类超链接的制作教学难点各类超链接的制作教学方法讲授教学内容提纲3 多媒体与超链接的使用三、视频的使用四、超链接的制作1、在文本、图片上制作链接2、链接到网页文件、书签、电子邮
20、件、非网页文件、internet网站五、编辑超级链接综合实例制作：绿色家园教学后记通过综合实例的演示制作，总结出设计技巧，使学生对目前所学的Frontpage2000 的基本操作有更全面更深刻的认识， 培养其综合运用知识的能力，课堂氛围浓烈，教学效果良好安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 4 月 12 日 1-2 节课题Frontpage2000 的基本操作教学目的通过本次上机，巩固站点操作，加强学生对在网页中插入文本、图片、音频、视频等对象的操作，学会设置页面属性名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - -
21、- - - - - 名师精心整理 - - - - - - - 第 14 页，共 35 页 - - - - - - - - - 15 教学重点站点的操作；图片属性的设置；各类超链接的制作教学难点图片工具栏的灵活运用教学方法上机教学内容提纲一、复习课堂教学内容二、针对课堂内容，指导学生实践1、站点的建立、修改、删除2、网页的基本操作，各类对象的插入及属性修改3、网页背景属性设置4、多媒体对象的使用5、各类超链接的制作教学后记1. 学生对上机操作的热情很高，氛围较好2. 通过实际操作，大部分同学都掌握了课上知识，达到了上机要求安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 4
22、 月 19 日 1-2 节课题Frontpage2000 的基本操作教学目的通过本次上机，使学生进一步巩固课堂所学，攻克操作中的难点，提高综合操作水平名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 15 页，共 35 页 - - - - - - - - - 16 教学重点锚点链接制作；图片热点运用教学难点图文混排教学方法上机教学内容提纲一、复习课堂教学内容二、针对课堂内容，指导学生实践1、插入图片，并使用热点创建图象地图2、定义锚点，跳转到指定页面的指定位置三、模仿制作课上案例：绿色
23、家园教学后记学生对一些基本操作掌握较熟练，但对于站点建立的意义还较模糊，实例操作时灵活运用知识的能力也较欠缺，以后仍需加强练习。安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011 年 4 月 21 日 3-4 节课题第三章 Frontpage的应用 3.4 3.5 教学目的通过本次课的教学，使学生能够掌握网页中表格的插入和使用，理解框架的概念和制作教学重点如何插入表格、框架；名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 16 页，共 35 页 - - - - -
24、- - - - 17 框架网页的基本操作及属性设置教学难点框架概念的理解及保存操作教学方法讲授教学内容提纲4 表格的使用一、表格的用途二、创建表格三、填充表格四、表格相关操作五、表格属性5 制作框架页面一、创建框架网页：二、拆分、删除框架三、初始化框架网页四、保存框架网页五、设置超链接的目标框架六、框架属性的设置教学后记1. 基于以前对 html 中表格、框架的学习， 再次提到相关知识点时， 理解和接受都很快2. 请同学上台演示操作，课堂气氛和互动都较好安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 4 月 26 日 1-2 节课题Frontpage2000 的基本操作
25、教学目的通过上机操作， 使学生掌握 FrontPage2000 中插入表格和建立框架的操作教学重点表格、单元格的属性设置；名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 17 页，共 35 页 - - - - - - - - - 18 框架的插入、保存、属性设置；目标框架的设置教学难点框架的正确保存；初始网页的更改教学方法上机教学内容提纲一、复习课堂教学内容二、针对课堂内容，指导学生实践1、插入表格，并设置表格、单元格属性2、创建指定框架并设置初始网页，修改框架属性3、创建框架间的链
26、接，修改目标框架三、模仿制作课上案例：我的地盘、c 语言教程教学后记学生已逐渐入门，对网页制作的方法有一定程度的掌握，遇到问题稍经指点便能独立解决，实例完成情况也较好安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011 年 4 月 28 日 3-4 节课题第三章 Frontpage的应用 3.6 3.7 教学目的通过本次课的教学， 使学生掌握网页中表单的作用及编辑方法，能够使用组件和DHTML 以丰富网页效果名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 18 页，共
27、 35 页 - - - - - - - - - 19 教学重点理解表单的作用，掌握各个表单对象的编辑组件、DHTML 的使用教学难点表单对象属性的正确设置教学方法讲授教学内容提纲6 表单的使用一、什么是表单二、表单的设计三、处理表单结果7 组件、 DHTML 的使用一、悬停按钮二、移动字幕三、站点记数器四、横幅广告管理器五、动态 HTML 六、网页过渡效果教学后记1、通过教学，学生理解了表单的基本作用，掌握了设计表单的方法2、内容涉及很多动态效果，学生兴趣很浓，课堂气氛和互动都较好安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 5 月 3 日 1-2 节课题Frontp
28、age2000 的基本操作教学目的通过上机操作，使学生掌握表单、组件的应用，学会使用动态 html 效果，修改网页过渡名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 19 页，共 35 页 - - - - - - - - - 20 教学重点自定义表单；组件、Dhtml 效果制作教学难点表单对象属性的正确设置教学方法上机教学内容提纲一、复习课堂教学内容二、针对课堂内容，指导学生实践1、建立表单，插入各项表单元素2、使用组件：字幕、悬停按钮、横幅广告管理器3、使用动态 HTML 效果4、
29、修改网页过渡效果三、模仿制作课上案例：网络课程账号申请教学后记1. 绝大部分同学都能完成上机任务，基本操作掌握较好。2. 在运用一些组件时， 很多机子预览无法显示效果， 需要下载安装 java虚拟机，因此进一步提醒学生今后的网页设计中应慎用java 程序效果安徽商贸职业技术学院教师授课教案名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 20 页，共 35 页 - - - - - - - - - 21 安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011 年 5 月 5
30、 日 3-4 节课题3.8 第四章 Dreamweaver 的使用 4.1 教学目的通过本次课的教学，使学生能够理解css 的作用和特点，掌握使用 css 的三种方法； 熟悉 Dreamweaver的操作界面， 掌握 Dreamweaver 的基本文件操作教学重点Css的作用、语法及使用方法 Dreamweaver 的站点操作教学难点 Css三种操作方法的不同教学方法讲授教学内容提纲8 网页的修饰一、什么是 css 二、CSS的作用三、基本语法四、CSS的建立五、CSS的使用方法4.1 Dreamweave 的基本操作一、Dreamweaver8的工作界面二、建立新站点的方法三、设置站点参数四
31、、管理站点五、基本文件操作六、设置页面属性教学后记1、初次接触 css 样式表，学生理解和接受的程度都较一般2、学生对于 Dreamweave 的学习热情很高，基本操作掌握很快名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 21 页，共 35 页 - - - - - - - - - 22 课程名称静态网页制作上课时间2011年 5 月 10 日 1-2 节课题Dreamweaver的应用教学目的通过本次上机操作，使学生能理解和掌握使用css 的三种方法；熟悉 dreamweaver的
32、界面，掌握其基本操作教学重点站点的新建，页面属性设置教学难点三种 CSS的创建及操作方法教学方法上机教学内容提纲一、复习课堂教学内容二、针对课堂内容，指导学生实践1、三种 CSS的创建及操作方法2、Dreamweave站点的相关操作3、Dreamweave的文件操作4、设置页面属性三、模仿制作课上案例教学后记1. 对 CSS的理解程度不够，三种操作方法相互混淆，出现的问题较多，课上仍需进一步讲解2. Dreamweaver 操作界面较 Frontpage 复杂，部分学生对操作环境不能熟悉和适应，今后的教学应注重两者之间的联系比较安徽商贸职业技术学院教师授课教案名师资料总结 - - -精品资料欢
33、迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 22 页，共 35 页 - - - - - - - - - 23 课程名称静态网页制作上课时间2011 年 5 月 12 日 3-4 节课题第四章 dreamweaver的使用 4.24.3 教学目的通过本次课的教学， 使学生掌握在 dreamweaver中插入文本、 图像以及使用超链接的方法， 学会利用表格进行页面布局，并能合理设置其属性教学重点文字、图像与超链接的插入与编辑表格的使用及属性设置教学难点锚点链接、空链接、脚本链接的理解制作表格布局思想教学方法讲授教学内
34、容提纲2 插入文字、图像与链接一、文本及其操作二、图像及其操作三、超链接的操作3 插入表格和其他对象一、表格及其操作1. 插入表格2. 插入嵌套表格3. 编辑表格4. 设置表格属性5. 格式化表格6. 排序表格教学后记因有之前学习 FP的基础，学生对本次课的内容理解和接受都很快，同时每个知识点的讲解配合了相应的实例，教学效果较好。安徽商贸职业技术学院教师授课教案名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 23 页，共 35 页 - - - - - - - - - 24 课程名称静
35、态网页制作上课时间2011年 5 月 17 日 1-2 节课题Dreamweaver的应用教学目的通过本次上机操作， 提高学生对 dreamweaver的使用水平和熟练度，使学生掌握有关表格的操作，强化利用表格进行页面布局的思想教学重点文字、图像与超链接的插入与编辑表格的灵活使用教学难点培养学生设计能力：利用表格进行页面布局教学方法上机教学内容提纲一、复习课堂教学内容二、针对课堂内容，指导学生实践1、在网页中插入文本、图像、超链接等基本对象，并修改属性2、插入表格及嵌套表格，并设置表格属性3、格式化表格三、模仿制作课上案例教学后记很多同学在操作时沿袭了使用Frontpage 存在的坏习惯，喜欢
36、将页面和图片保存为中文名称，容易出现图片不显示，链接不成功等问题，以后在课堂上需要再次反复强调这一点安徽商贸职业技术学院教师授课教案名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 24 页，共 35 页 - - - - - - - - - 25 课程名称静态网页制作上课时间2011 年 5 月 19 日 3-4 节课题第四章 dreamweaver的使用 4.34.4 教学目的通过本次课的教学，使学生掌握鼠标经过图像、导航条、flash对象、插件等其他网页对象的插入；能进一步理解框架
37、的概念及作用，学会框架的相关操作教学重点框架的相关操作教学难点框架初始页面的设置；框架间的链接制作教学方法讲授教学内容提纲3 插入表格和其他对象二、 在网页中插入其他对象1、鼠标经过图像2、插入导航条3、插入 flash对象4、插入 Applet 、ActiveX 和插件4 框架、层与网页布局一、框架(一) 使用预设方式创建框架(二) 设计框架集(三) 保存框架和框架集文件（四）修改框架属性（五）设置框架集的属性（六）通过超级链接控制框架内容教学后记1. 教学过程顺利，按计划完成了教学任务2. 学生上台参与实例操作，有效调动了课堂气氛安徽商贸职业技术学院教师授课教案名师资料总结 - - -精品
38、资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 25 页，共 35 页 - - - - - - - - - 26 课程名称静态网页制作上课时间2011年 5 月 24 日 1-2 节课题Dreamweaver的应用教学目的通过本次上机， 使学生能够掌握 dreamweaver中更多网页对象的插入，提高运用框架的操作技巧教学重点框架的相关操作教学难点框架初始页面的设置；框架间的链接制作教学方法上机教学内容提纲一、复习课堂教学内容二、针对课堂内容，指导学生实践1、鼠标经过图像、导航条、flash对象、插件的插入2、
39、使用预设方式创建框架，并设计框架集后保存3、通过超级链接控制框架内容三、模仿制作课上案例教学后记通过上机，学生能够熟练地在网页中插入各种对象，掌握框架网页的制作。但部分同学对于框架的保存及链接显示的目标框架仍不够清楚，经过当面指导，有较好的效果安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011 年 5 月 26 日 3-4 节名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 26 页，共 35 页 - - - - - - - - - 27 课题第四章 dreamwea
40、ver的使用 4.44.5 教学目的通过本次课的教学，使学生能够掌握层的特点和操作；学会运用布局表格进行网页布局；掌握表单的制作教学重点层概念的理解及其操作表单的制作教学难点布局表格、布局单元格的灵活运用教学方法讲授教学内容提纲4 框架、层与网页布局二、层1、层的概念2、层的特点3、在网页中添加层4、设置层参数和属性5、操纵层6、表格和层的相互转换三、网页布局1、用布局模式布局网页2、绘制布局表格和布局单元格3、设置布局表格和布局单元格属性5 表单、样式表和命令一、表单的基本概念二、创建与删除表单域三、插入表单对象教学后记1. 对上机过程中出现的操作问题做了演示讲解，取得较好效果2. 运用了丰
41、富的实例进行分步操作讲解，加深了学生的知识印象安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 5 月 31 日 1-2 节名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 27 页，共 35 页 - - - - - - - - - 28 课题Dreamweaver的应用教学目的通过本次上机，强化学生对层的理解及操作；使其掌握运用布局表格更方便地在网页中进行布局定位的方法；熟练表单的操作教学重点层的属性设置及灵活运用表单的制作教学难点布局表格、布局单元格的灵活运用
42、教学方法上机教学内容提纲一、复习课堂教学内容二、针对课堂内容，指导学生实践1、在网页中添加层、嵌套层，并设置层参数和属性2、将页面中的表格和层进行相互转换3、练习在布局模式下用布局表格设计布局4、创建表单，插入表单对象三、模仿制作课上案例教学后记1. 对层的理解和掌握较好2. 对于表格布局和布局单元格的使用，能够掌握其基本操作方法， 进行一般网页总体结构的设计，但灵活运用的程度不够安徽商贸职业技术学院教师授课教案名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 28 页，共 35 页
43、- - - - - - - - - 29 课程名称静态网页制作上课时间2011 年 6 月 2 日 3-4 节课题第四章 dreamweaver的使用 4.54.6 教学目的通过本次课的教学， 使学生掌握在 dreamweaver中创建和应用 CSS样式表的方法，理解行为的含义，学会添加应用行为教学重点CSS样式表的添加和应用行为的创建教学难点行为的灵活运用教学方法讲授教学内容提纲5 表单、样式表和命令一、CSS样式表的特点二、CSS样式表的类型三、CSS样式表的添加方法四、样式的创建与编辑6 时间轴和行为一、时间轴动画制作1、时间轴的概念2、利用时间轴制作层动画3、使用时间轴改变图像属性二、
44、行为1、行为的构成2、行为的创建3、动作的设置：显示 -隐藏层教学后记1. 经过之前在 FP中的学习，再次接触CSS ，理解程度有较大提高2. 运用时间轴和行为可制作出丰富的动态效果，学生学习兴致高昂，课堂氛围浓烈，教学互动较好安徽商贸职业技术学院教师授课教案名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 29 页，共 35 页 - - - - - - - - - 30 课程名称静态网页制作上课时间2011年 6 月 7 日 1-2 节课题Dreamweaver的应用教学目的通过本次
45、上机， 使学生熟练在 dreamweaver中创建和应用CSS样式表的方法，掌握行为的添加和应用教学重点CSS样式表的添加和应用行为的创建教学难点显示- 隐藏层效果的综合运用教学方法上机教学内容提纲一、复习课堂教学内容二、针对课堂内容，指导学生实践1、外部 CSS 、内部 CSS的创建及应用2、利用时间轴制作层动画3、使用时间轴改变图像属性4、利用显示 -隐藏层制作下拉菜单效果三、模仿制作课上案例教学后记经过具体指导，大部分学生都能完成本次上机任务，出现问题较多的是下拉菜单的制作，主要原因还是对行为的构成理解不透安徽商贸职业技术学院教师授课教案名师资料总结 - - -精品资料欢迎下载 - -
46、- - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 30 页，共 35 页 - - - - - - - - - 31 课程名称静态网页制作上课时间2011 年 6 月 9 日 3-4 节课题第四章 dreamweaver的使用 4.64.7 教学目的通过本次课的教学，使学生能进一步理解行为的含义，学会运用 Dreamweaver的内置行为制作更多的动态效果；掌握模板和库的编辑及其意义教学重点Dreamweaver内置行为的使用模板和库的编辑教学难点行为的灵活运用教学方法讲授教学内容提纲6 时间轴和行为二、行为3、动作的设置：设置层文本、
47、设置状态栏文本、打开浏览器窗口、弹出信息、改变属性、设置导航栏图像、“ 交换图像 ” 和“ 恢复交换图像 ” 、检查表单、检查插件、控制 Shockwave 或 Flash 、播放声音 、调用 JavaScrip 、跳转菜单、时间轴动作、拖动层、 “ 显示弹出式菜单 ”7 模板和库一、创建站点模板二、基于模板生成新网页三、编辑被应用模板的网页四、模板的更新五、使用库项目教学后记1. 运用当前网站的主流动态效果作为课堂操作示例，讲解较成功，教学效果较好。2. 熟练模板和库的操作有一定难度，需通过练习来进一步强化名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - -
48、- - - - - - - 名师精心整理 - - - - - - - 第 31 页，共 35 页 - - - - - - - - - 32 安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 6 月 21 日 1-2 节课题Dreamweaver的应用教学目的通过本次上机，提高学生对行为的操作能力和灵活度，使其进一步理解模板和库的作用，并掌握两者的编辑和使用教学重点Dreamweaver内置行为的使用模板和库的编辑教学难点行为的灵活运用教学方法上机教学内容提纲一、复习课堂教学内容二、针对课堂内容，指导学生实践1、行为的添加及应用2、创建模板并应用于网页3、修改模板并更新4、
49、创建库项目，添加至网页中5、使库对象脱离源文件并进行编辑三、模仿制作课上案例教学后记通过上机，大部分同学能实现行为中各种动作效果的添加应用，掌握模板和库的基本操作，但整体上看，运用的灵活度和熟练度都有待提高名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 32 页，共 35 页 - - - - - - - - - 33 安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011 年 6 月 23 日 3-4 节课题第五章 Flash MX 的使用 5.1 5.2 教学目的通过
50、本次课的教学，使学生熟悉flash界面，理解 Flash动画相关概念，学会创建简单的动画，掌握动画的基本原理教学重点Flash 基础知识；简单动画的创建教学难点动画的基本原理教学方法讲授教学内容提纲1 Flash简介一、Flash 的主要特点二、Flash8 的工作界面三、Flash 动画的相关概念四、文件操作2 简单的 Flash 动画一、影片属性设置二、帧的设置三、使用图层四、应用实例教学后记1. 演示讲解上机过程中存在的操作问题，复习模板和库的操作2. 学生对学习 FLASH 的兴趣较高，听课非常认真，课堂教学过程顺利，师生互动性较好，课堂氛围浓烈。名师资料总结 - - -精品资料欢迎下