静态网制作教案

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

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

3、rnet 的地址2网贞设计相关术语网页、主页、HTTP HTML URL/网贞设计的工具一、手工编码方式二、可视化工具方式二、编码和口视化工具结合教 学 后 记.课堂讲解细致，按计划完成教学任务.学生对这些容有一定的基本了解，交流和沟通比较容易.教学互动性较好，达到了预期的教学效果商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年3月1日1-2节课 题浏览器的使用及设置教学目的通过本次上机，让学生能够掌握浏览器的使用及设置，消化课堂容教学重点Internet 选项的设置教学难点掌握其设置在实际中的具体运用教学方法上机教学 容提纲3一、界面的熟悉7）改变显示状态二、基本操作8）编

4、码的选择1)输入URL9）查看源文件2)后退、前进、停止、刷新、主页三、IE的设置3）在网页之间实现跳转4）使用和整理收藏夹5）下载文件6）保存图片、页面信息教 学 后 记课堂氛围浓烈，绝大部分同学都能够认真操作并掌握了浏览器的使用及设置，达到了本次上机的目的商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年3月3日3-4节课 题第二章 HTMIM言 2.1 S.2教学目的通过本次课的教学，使学生对 HTMIW个全面的理解，并能掌握部分重要标记，可以阅读一般网页的源文件教学重点部分重要HTM拆记的掌握及熟练使用教学难点能够结合HTM编写制作网页教学方法讲授教学 容提纲41 了解

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

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

7、使学生理解不同的超类型，掌握超标签、列表标签的写法、用法教学重点各类超的制作教学难点锚点的制作教学方法讲授6教学 容提纲3 URL和文件一、超简介二、文档路径类型三、超的使用本地、url、锚点、其他4列表样式和表格一、列表样式有序列表、无序列表教 学 后 记.就上机课出现的问题作集中演示讲解：路径、属性、扩展名.课堂教学过程设计合理，学生能够理解超标签的相关知识，掌握列 表标签的属性修改，整体教学效果较好。商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年3月15日1-2节课 题HTML语言上机实践教学目的通过上机练习，使学生掌握标签、列表标签的基本写法、用法，学以致用教学重点

8、标签、列表标签的用法教学难点标签href属性的止确设置教学方法上机7教学 容提纲一、复习课堂教学容二、针对课堂容，指导学生实践1、本地、url、锚点、下载文件超、空2、有序列表、无序列表的制作三、练习课本实例5、实例6教 学 后 记点的作用与目标路径不能区分，目标是文件或者程序时不懂制作，缺 乏变通，电子做成到自己的网络。超制作存在一定难度，学生掌握一般， 课上仍需进一步讲解商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年3月17日3-4节课 题第二章HTM晤言2.4文5女6教学目的通过教学，使学生掌握表格标签、框架标签的基本写法、用法，学会设置文字和图像的滚动效果教学重点表

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

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

11、题和名称页二、定位的CI形象六、测试、上传三、规划七、宣传推广四、主要页面布局设计八、更新维护教 学后 记制作前的规划设计很大程度上决定着整个的优劣，认识到规划的重要 性，将对今后具体的设计制作起很大帮助，课上注意培养学生这方面的思 想、意识，并通过具体案例的讲解、剖析，加深学生对基本流程的理解商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年3月29日1-2节课 题优秀鉴赏教学目的通过上机练习，让学生浏览不同主题的优秀，学习其设计亮点，加深对课堂理论的理解教学重点版面布局分析教学难点颜色的合理搭配教学方法上机11教学 容提纲一、复习课堂教学容二、上网浏览各类不同主题的优秀，分

12、析其版面布局、配色方案、栏目结构等，并评价给浏览者的整体感受三、综合点评教 学 后 记从提交的作业文档来看，通过浏览不同主题的优秀，学生在鉴赏 水平上有了一定提高，能较合理的分析出的版面设计、配色方案和栏 目结构等，发现并领会其设计亮点，达到了预期的上机目的商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年3月31日3-4节课 题第三章Frontpage 的应用3.28.3教学目的通过本次课的教学，使学生熟悉Frontpage软件界面，掌握网页的基本操作以及图片、音频的使用教学重点站点的相关操作； 图片属性的设置； 音频使用的多种方法12教学难点站点文件夹与普通文件夹的不同教学

13、方法讲授教学 容提纲亚 建立与编辑基本网页一、 Frontpage2000 界面概述二、站点的操作二、网页的新建、保存、打井四、基本网贞的编辑/ 多媒体与超的使用一、图片的使用二、音频的使用教 学 后 记.相比与之前的html语言学习，利用网页制作软件来编辑网页，学生在理解程度和学习兴趣上都有了更大的提高.通过实例操作，学生接受很快，互动强，教学效果较好商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年4月7日3-4节课 题第三章Frontpage 的应用3.3教学目的通过本次课的教学，使学生掌握向网页中添加视频的基本操作，学会创建和编辑各种超教学重点各类超的制作教学难点各类超

14、的制作13教学方法讲授教学 容提纲3多媒体与超的使用三、视频的使用四、超的制作1、在文本、图片上制作2、到网页文件、书签、电子、非网页文件、internet五、编辑超级综合实例制作：绿色家园教 学 后 记通过综合实例的演7K制作，总结出设计技巧，使学生对目前所学的Frontpage2000的基本操作有更全面更深刻的认识，培养其综合运用知识的 能力，课堂氛围浓烈，教学效果良好商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年4月12日1-2节课 题Frontpage2000的基本操作教学目的通过本次上机，巩固站点操作，加强学生对在网页中插入 文本、图片、音频、视频等对象的操作，学

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

16、合操作水平教学重点锚点制作；图片热点运用15教学难点图文混排教学方法上机教学 容提纲一、复习课堂教学容二、针对课堂容，指导学生实践1、插入图片，并使用热点创建图象地图2、定义锚点，跳转到指定页面的指定位置三、模仿制作课上案例：绿色家园教 学 后 记学生对一些基本操作掌握较熟练，但对于站点建立的意义还较模 糊，实例操作时灵活运用知识的能力也较欠缺，以后仍需加强练习。商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年4月21日3-4节课 题第三章Frontpage 的应用3.48.5教学目的通过本次课的教学，使学生能够掌握网页中表格的插入和使用，理解框架的概念和制作教学重点如何插入

17、表格、框架；框架网页的基本操作及属性设置教学难点框架概念的理解及保存操作16教学容提纲4表格的使用5制作框架页面一、表格的用途一、创建框架网页：一、创建表格二、拆分、删除框架二、填充表格三、初始化框架网页四、走格相关操作四、保存框架网页五、表格属性五、设置超的目标框架六、框架属性的设置教学方法讲授教 学 后 记.基于以前对html中表格、框架的学习，再次提到相关知识点时，理 解和接受都很快.请同学上台演示操作，课堂气氛和互动都较好商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年4月26日1-2节课 题Frontpage2000的基本操作教学目的通过上机操作，使学生掌握Fron

18、tPage2000中插入表格和建立框架的操作教学重点去格、单兀格的属性设置； 框架的插入、保存、属性设置； 目标框架的设置17教学难点框架的正确保存；初始网页的更改教学方法上机教学 容提纲一、复习课堂教学容二、针对课堂容，指导学生实践1、插入表格，并设置表格、单元格属性2、创建指定框架并设置初始网贞，修改框架属性3、创建框架间的，修改目标框架三、模仿制作课上案例：我的地盘、c语言教程教 学 后 记学生已逐渐入门，对网页制作的方法有一定程度的掌握，遇到问 题稍经指点便能独立解决，实例完成情况也较好商贸职业技术学院教师授课教案课程名称静态网页制作 上课时间 2011年4月28日3-4节课 题第三章

19、Frontpage 的应用3.68.7教学目的通过本次课的教学，使学生掌握网页中表单的作用及编辑方法，能够使用组件和DHTM以丰富网页效果教学重点理解表单的作用，掌握各个表单对象的编辑组件、DHTM的使用18教学难点表单对象属性的正确设置教学方法讲授教学 容提纲6 表单的使用一、什么是表单二、表单的设计三、处理表单结果7组件、DHTM的使用一、悬停按钮二、移动字幕三、站点记数器四、横幅广告管理器五、动态HTML六、网页过渡效果教 学 后 记1、通过教学，学生理解了表单的基本作用，掌握了设计表单的方法2、容涉及很多动态效果，学生兴趣很浓，课堂气氛和互动都较好商贸职业技术学院教师授课教案课程名称静

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

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

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

23、法上机教学 容提纲一、复习课堂教学容二、针对课堂容，指导学生实践1、三种CSS勺创建及操作方法2、Dreamweav黄占点的相关操作3、Dreamweave 文件操作4、设置贝面属性三、模仿制作课上案例教 学 后 记.对CSS的理解程度不够，二种操作方法相互混淆，出现的问题较多，课上仍需进一步讲解. Dreamweaver操作界面较Frontpage复杂，部分学生对操作环境不能熟悉和适应，今后的教学应注重两者之间的联系比较商贸职业技术学院教师授课教案22课程名称静态网页制作 上课时间 2011年5月12日3-4节课 题第四章 dreamweaver的使用 4.2 4.3教学目的通过本次课的教学

24、，使学生掌握在dreamweaver中插入文 本、图像以及使用超的方法，学会利用走格进行页面布局，并 能合理设置其属性教学重点文字、图像与超的插入与编辑表格的使用及属性设置教学难点锚点、空、脚本的理解制作表格布局思想教学方法讲授教学 容提纲2插入文字、图像与一、文本及其操作一、图像及具操作三、超的操作3插入表格和其他对象一、表格及其操作.插入表格.插入嵌套表格.编辑表格.设置表格属性.格式化表格.排序去格教 学 后 记因有之前学习FP的基础，学生对本次课的容理解和接受都很快，同时 每个知识点的讲解配合了相应的实例，教学效果较好。商贸职业技术学院教师授课教案23课程名称静态网页制作上课时间201

25、1年5月17日1-2节课 题Dreamweaver 的 应 用教学目的通过本次上机操作，提图学生对dreamweaver的使用水平 和熟练度，使学生掌握有关走格的操作，强化利用走格进行页 面布局的思想教学重点文字、图像与超的插入与编辑表格的灵活使用教学难点培养学生设计能力：利用表格进行页面布局教学方法上机教学 容提纲一、复习课堂教学容二、针对课堂容，指导学生实践1、在网页中插入文本、图像、超等基本对象，并修改属性2、插入表格及嵌套表格，并设置表格属性3、格式化表格三、模仿制作课上案例教 学 后 记很多同学在操作时沿袭J使用 Frontpage存在的坏习惯，喜欢将反面和 图片保存为中文名称，容易

26、出现图片不显示，不成功等问题，以后在课堂 上需要冉次反复强调这一点商贸职业技术学院教师授课教案24课程名称静态网页制作上课时间2011年5月19日3-4节课 题第四章 dreamweaver 的使用 4.3 4.4教学目的通过本次课的教学，使学生掌握鼠标经过图像、导航条、 flash对象、插件等其他网页对象的插入；能进一步理解框架 的概念及作用，学会框架的相关操作教学重点框架的相关操作教学难点框架初始页面的设置；框架间的制作教学方法讲授教学 容提纲3插入表格和其他对象二、在网页中插入其他对象1、鼠标经过图像2、插入导航条3、插入flash对象4、插入 Applet、ActiveX 和插件3框架

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

28、指导学生实践1、鼠标经过图像、导航条、flash对象、插件的插入2、使用预设方式创建框架，并设计框架集后保存3、通过超级控制框架容三、模仿制作课上案例教 学 后 记通过上机，学生能够熟练地在网页中插入各种对象，掌握框架网页的 制作。但部分同学对于框架的保存及显示的目标框架仍不够清楚，经过当 面指导，有较好的效果商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年5月26日3-4节26课 题第四章 dreamweaver 的使用 4.4 4.5教学目的通过本次课的教学，使学生能够掌握层的特点和操作；学 会运用布局表格进行网页布局；掌握表单的制作教学重点层概念的理解及其操作表单的制作

29、教学难点布局去格、布局单兀格的灵活运用教学方法讲授教学 容提纲3框架、层与网页布局二、层1、层的概念2、层的特点3、在网页中添加层4、设置层参数和属性5、操纵层6、表格和层的相互转换三、网页布局1、用布局模式布局网贝2、绘制布局表格和布局单兀格3、设置布局表格和布局单元格属性5表单、样式表和命令一i、表单的基本概念二、创建与删除表单域三、插入表单对象教 学 后 记1.对上机过程中出现的操作问题做了演示讲解，取得较好效果2,运用了丰富的实例进行分步操作讲解，加深了学生的知识印象商贸职业技术学院教师授课教案课程名称静态网页制作上课时间2011年5月31日1-2节27课 题Dreamweaver 的

30、 应 用教学目的通过本次上机，强化学生对层的理解及操作；使其掌握运用布局走格更方便地在网页中进行布局定位的方法；熟练表单的操作教学重点层的属性设置及灵活运用表单的制作教学难点布局去格、布局单兀格的灵活运用教学方法上机教学 容提纲一、复习课堂教学容二、针对课堂容，指导学生实践1、在网贞中添加层、嵌套层，并设置层参数和属性2、将页面中的表格和层进行相互转换3、练习在布局模式下用布局走格设计布局4、创建表单，插入表单对象三、模仿制作课上案例教 学 后 记1.对层的理解和掌握较好2,对于夫格布局和布局单元格的使用， 能够掌握其基本操作方法，进行一般网页总体结构的设计，但灵活运用的程度不够商贸职业技术学

31、院教师授课教案28课程名称静态网页制作上课时间 2011年6月2日3-4节课 题第四章 dreamweaver的使用 4.5 4.6教学目的通过本次课的教学，使学生掌握在dreamweaver中创建和 应用CSS羊式表的方法，理解行为的含义，学会添加应用行为教学重点CSS:羊式表的添加和应用彳讨的创建教学难点行为的灵活运用教学方法讲授教学 容提纲5 表单、样式表和而告一、CSS#式表的特点二、CSS表的类型三、csS羊式表的添加方法四、样式的创建与编辑6时间轴和行为一、时间轴动画制作1、时间轴的概念2、利用时间轴制作层动画3、使用时间轴改变图像属性二、彳讨1、行为的构成2、行*的创建3、动作的

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

33、间轴制作层动画3、使用时间轴改变图像属性4、利用显示-隐藏层制作下拉菜单效果三、模仿制作课上案例教 学 后 记经过具体指导，大部分学生都能完成本次上机任务，出现问题较多的 是下拉菜单的制作，主要原因还是对行为的构成理解不透商贸职业技术学院教师授课教案30课程名称静态网页制作上课时间 2011年6月9日3-4节课 题第四章 dreamweaver的使用 4.6 4.7教学目的通过本次课的教学，使学生能进一步理解行为的含义，学会运用Dreamweaver的置仃为制作更多的动态效果； 掌握模板和库的编辑及其意义教学重点Dreamweaver置行为的使用模板和库的编辑教学难点行为的灵活运用教学方法讲授教学 容提纲6时间轴和行为二、彳讨3、动作的设置：设置层文本、设置状态栏文本、打开浏览器窗口、弹出信息、改变属性、设置导航栏图像、“交换图像”和“恢复交换图像”、检查表单、检查插件、控制Shockwave或Flash、播放声音、调用J