静态网页制作教案.docx

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

2、记1、 学生对这门课程的学习兴趣很浓，每位同学都谈了自己的基础情况及课程意见2、 基本能对照课本完成实例1的操作，对html的输入、保存有了初步的印象安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 2月24日3-4节课 题第一章 网页设计基础 1.11.21.3教学目的通过本次课的教学，使学生对与网页制作相关的Internet知识、网页术语、设计方式有较为清晰的认识，为以后的学习打下良好的基础教学重点Internet协议网页设计相关术语教学难点让学生将技术较强的网络术语与现实的应用联系，理解它们对网站的重要性教学方法 讲授教 学 内 容 提 纲1 Internet概述

3、一、Internet的用途 二、Internet的协议 三、Internet的地址 2网页设计相关术语网页、网站、主页、HTTP、HTML、URL3网页设计的工具一、手工编码方式二、可视化工具方式三、编码和可视化工具结合 教 学 后 记1. 课堂讲解细致，按计划完成教学任务2. 学生对这些内容有一定的基本了解，交流和沟通比较容易3. 教学互动性较好， 达到了预期的教学效果安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 3月1日1-2节课 题浏览器的使用及设置教学目的 通过本次上机，让学生能够掌握浏览器的使用及设置，消化课堂内容教学重点 Internet选项的设置教学难点

4、 掌握其设置在实际中的具体运用教学方法上机教 学 内 容 提 纲一、界面的熟悉 7）改变显示状态二、基本操作 8）编码的选择1）输入URL 9）查看源文件2）后退、前进、停止、刷新、主页 三、IE的设置3）在网页之间实现跳转 4）使用和整理收藏夹 5）下载文件6）保存图片、页面信息教 学 后 记课堂氛围浓烈，绝大部分同学都能够认真操作并掌握了浏览器的使用及设置，达到了本次上机的目的安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 3月3日3-4节课 题第二章HTML语言2.12.2教学目的 通过本次课的教学，使学生对HTML有个全面的理解，并能掌握部分重要标记，可以阅读一

5、般网页的源文件教学重点部分重要HTML标记的掌握及熟练使用教学难点能够结合HTML编写制作网页教学方法讲授教 学 内 容 提 纲1 了解HTML 语言 一、标记及基本属性二、HTML的基本结构 三、编辑和保存网页四、网页基本标记2 插入对象一、文本标记二、图像标记三、插入音乐和动画教 学 后 记1. 就上机课出现的问题作集中演示讲解2. 先用课件展现内容，后在电脑上操作，效果较好3. 一开始接触html语言，学生掌握有一定难度，需放慢进度安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 3月8日1-2节课 题 HTML语言上机实践教学目的 通过上机实践，掌握使用HTML代

6、码直接制作网页和修改网页属性的方法，加深学生对HTML标签的记忆和理解教学重点文字、图像、音频、动画的插入；网页属性的修改教学难点图像的存放及src属性设置教学方法上机教 学 内 容 提 纲一、 复习课堂教学内容二、 针对课堂内容，指导学生实践（一） HTML基本标记的使用：Head body 等（二） 通过记事本编辑简单的网页，并能够修改简单的标签属性（三） 网页基本属性的修改：bgcolor、background（四） 各类对象的插入三、练习课本实例2、实例3教 学 后 记 学生能够很好地掌握HTML文档的结构标记，对body标签、font标签的基本用法较为熟练，但对于插入对象的属性编辑，

7、尤其是图片属性的编辑还存在问题安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 3月10日3-4节课 题第二章HTML语言2.32.4教学目的 通过教学，使学生理解不同的超链接类型，掌握超链接标签、列表标签的写法、用法教学重点各类超链接的制作教学难点锚点链接的制作教学方法讲授教 学 内 容 提 纲3 URL和链接文件 一、超链接简介二、文档路径类型 三、超链接的使用 本地链接、url链接、邮件链接、锚点链接、其他链接4 列表样式和表格一、列表样式 有序列表、无序列表教 学 后 记1. 就上机课出现的问题作集中演示讲解：路径、属性、扩展名2. 课堂教学过程设计合理，学生能够

8、理解超链接标签的相关知识，掌握列表标签的属性修改，整体教学效果较好。安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 3月15日1-2节课 题 HTML语言上机实践教学目的 通过上机练习，使学生掌握链接标签、列表标签的基本写法、用法，学以致用 教学重点链接标签、列表标签的用法教学难点链接标签href属性的正确设置教学方法上机教 学 内 容 提 纲一、复习课堂教学内容二、针对课堂内容，指导学生实践1、本地链接、url链接、邮件链接、锚点链接、下载文件超链接、空链接2、有序列表、无序列表的制作三、练习课本实例5、实例6教 学 后 记链接点的作用与链接目标路径不能区分，链接目标

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

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

11、网页，但对于框架的建立少数同学存在困难，经过单独指导后效果较好。安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 3月24日3-4节课 题第三章 Frontpage的应用3.1教学目的熟悉网站开发的基本流程和制作步骤，掌握网页制作的版面布局和设计思想;教学重点网页制作的基本流程教学难点网页的版面布局设计教学方法讲授 教 学 内 容 提 纲1 网站制作前的准备一、 定位网站的主题和名称二、 定位网站的CI形象三、 规划网站四、 主要页面布局设计五、 搜集素材，制作主页及其他内页六、 测试、上传七、 宣传推广八、 更新维护教 学 后 记网站制作前的规划设计很大程度上决定着整个

12、网站的优劣，认识到网站规划的重要性，将对今后具体的设计制作起很大帮助，课上注意培养学生这方面的思想、意识，并通过具体案例的讲解、剖析，加深学生对基本流程的理解安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 3月29日1-2节课 题优秀网站鉴赏教学目的 通过上机练习，让学生浏览不同主题的优秀网站，学习其设计亮点，加深对课堂理论的理解教学重点 版面布局分析教学难点 颜色的合理搭配教学方法上机 教 学 内 容 提 纲一、复习课堂教学内容二、上网浏览各类不同主题的优秀网站，分析其版面布局、配色方案、栏目结构等，并评价网站给浏览者的整体感受三、综合点评教 学 后 记从提交的作业文

13、档来看，通过浏览不同主题的优秀网站，学生在网站鉴赏水平上有了一定提高，能较合理的分析出网站的版面设计、配色方案和栏目结构等，发现并领会其设计亮点，达到了预期的上机目的安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 3月31日3-4节课 题第三章 Frontpage的应用3.23.3教学目的通过本次课的教学，使学生熟悉Frontpage软件界面， 掌握网页的基本操作以及图片、音频的使用教学重点站点的相关操作；图片属性的设置；音频使用的多种方法 教学难点站点文件夹与普通文件夹的不同教学方法 讲授教 学 内 容 提 纲2 建立与编辑基本网页 一、 Frontpage2000界面概述 二、站点的操作 三、网页的新建、保存、打开四、基本网页的编辑3 多媒体与超链接的使用一、图片的使用二、音频的使用教 学 后 记1. 相比与之前的html语言学习，利用网页制作软件来编辑网页，学生在理解程度和学习兴趣上都有了更大的提高2. 通过实例操作，学生接受很快，互动强，教学效果较好安徽商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年 4月7日3-4节课 题第三章 Frontpage的应用3.3教学目的通过本次课的教学，使学生掌握向网页中添加视频的基本操作，学会创建和编辑各种超链接教学重点各类超链接的制作教学难点各类超链