2022年静态网页制作教案.docx

精选学习资料 - - - - - - - - - 授名师精编优秀教案案课教安徽商贸职业技术学院老师授课教案课程名称静态网页制作上课时间2022年 2 月 22 日 1-2 节课题课前预备通过本次上机,收集同学对该门课程的看法、看法,并名师归纳总结 教学目的使同学初步明白 html 代码的输入和储存第 1 页,共 34 页教学重点Html 代码的输入和储存教学难点Html 代码的输入和储存教学方法上机教学内容提纲- - - - - - -精选学习资料 - - - - - - - - - 名师精编 优秀教案一、请各位同学畅所欲言, 谈谈对网页制作 这门课程的看法和想法（专业联系、意义、自身爱好、是否有过网页制作的学习经受或基础、期望的授课内容、方式或课程要求）储存在word 文档中并提交二、预习课本 1.1 节中 html 语言的【相关学问】,并自行练习制作 【实例 1】教学后记1、同学对这门课程的学习爱好很浓,每位同学都谈了自己的基础情况及课程看法2、基本能对比课本完成实例1 的操作,对 html 的输入、储存有了初步的印象安徽商贸职业技术学院老师授课教案课程名称 静态网页制作 上课时间 2022年 2 月 24 日 3-4 节课 题 第一章 网页设计基础§ 1.1§ 1.2§ 1.3 通过本次课的教学,使同学对与网页制作相关的 Internet教学目的 学问、网页术语、设计方式有较为清晰的熟识,为以后的学习打下良好的基础名师归纳总结 教学重点Internet 协议懂得它第 2 页,共 34 页网页设计相关术语教学难点让同学将技术较强的网络术语与现实的应用联系,- - - - - - -精选学习资料 - - - - - - - - - 名师精编 优秀教案们对网站的重要性教学方法教学内容讲授纲提§ 1 Internet 概述 一、Internet 的用途网页、网站、主页、HTTP、HTML、URL § 3 网页设计的工具二、Internet 的协议 一、手工编码方式三、Internet 的地址§ 2 网页设计相关术语教学后记1. 课堂讲解细致,按方案完成教学任务 2. 同学对这些内容有肯定的基本明白,沟通和沟通比较简洁3. 教学互动性较好,达到了预期的教学成效安徽商贸职业技术学院老师授课教案课程名称静态网页制作上课时间2022年 3 月 1 日 1-2 节课题浏览器的使用及设置通过本次上机,让同学能够把握浏览器的使用及设置,名师归纳总结 教学目的消化课堂内容纲第 3 页,共 34 页教学重点Internet选项的设置教学难点把握其设置在实际中的详细运用教学方法上机教学内容提- - - - - - -精选学习资料 - - - - - - - - - 名师精编优秀教案7）转变显示状态一、界面的熟识二、基本操作8）编码的挑选1）输入 URL 9）查看源文件2）后退、前进、停止、刷新、主页三、IE 的设置3）在网页之间实现跳转 4）使用和整理保藏夹 5）下载文件 6）储存图片、页面信息教学后记课堂氛围浓烈,绝大部分同学都能够仔细操作并把握了浏览器的使用及设置,达到了本次上机的目的安徽商贸职业技术学院老师授课教案课程名称静态网页制作上课时间2022年 3 月 3 日 3-4 节课题其次章 HTML 语言§ 2.1§ 2.2 通过本次课的教学,使同学对HTML 有个全面的懂得,并名师归纳总结 教学目的能把握部分重要标记,可以阅读一般网页的源文件第 4 页,共 34 页教学重点部分重要 HTML 标记的把握及娴熟使用教学难点能够结合 HTML 编写制作网页教学方法讲授教学内容提纲- - - - - - -精选学习资料 - - - - - - - - - § 1 明白 HTML 语言名师精编优秀教案§ 2 插入对象一、标记及基本属性一、文本标记二、HTML 的基本结构二、图像标记三、编辑和储存网页 四、网页基本标记教学后记1. 就上机课显现的问题作集中演示讲解 2. 先用课件呈现内容,后在电脑上操作,成效较好 3. 一开头接触 html 语言,同学把握有肯定难度,需放慢进度安徽商贸职业技术学院老师授课教案课程名称静态网页制作上课时间2022年 3 月 8 日 1-2 节课题HTML 语言上机实践通过上机实践,把握使用 HTML 代码直接制作网页和修改名师归纳总结 教学目的网页属性的方法,加深同学对HTML 标签的记忆和懂得第 5 页,共 34 页教学重点文字、图像、音频、动画的插入；网页属性的修改教学难点图像的存放及 src属性设置教学方法上机教学内容提纲- - - - - - -精选学习资料 - - - - - - - - - 名师精编 优秀教案一、 复习课堂教学内容 二、 针对课堂内容,指导同学实践（一） HTML 基本标记的使用： Head body 等（二） 通过记事本编辑简洁的网页,并能够修改简洁的标签属性（三） 网页基本属性的修改： bgcolor、background （四） 各类对象的插入三、练习课本实例2、实例 3 学后记教同学能够很好地把握HTML 文档的结构标记, 对 body 标签、font 标签的基本用法较为娴熟,但对于插入对象的属性编辑,特别是图片属性的编 辑仍存在问题安徽商贸职业技术学院老师授课教案课程名称静态网页制作上课时间2022 年 3 月 10 日 3-4 节课题其次章 HTML 语言§ 2.3§ 2.4 通过教学,使同学懂得不同的超链接类型,把握超链接标名师归纳总结 教学目的签、列表标签的写法、用法讲授纲第 6 页,共 34 页教学重点各类超链接的制作教学难点锚点链接的制作教学方法教学内容提- - - - - - -精选学习资料 - - - - - - - - - 名师精编 优秀教案§ 3 URL 和链接文件 一、超链接简介 二、文档路径类型 三、超链接的使用 本地链接、 url 链接、邮件链接、锚点链接、其他链接§ 4 列表样式和表格 一、列表样式 有序列表、无序列表教学后记1. 就上机课显现的问题作集中演示讲解：路径、属性、扩展名 2. 课堂教学过程设计合理, 同学能够懂得超链接标签的相关学问,掌 握列表标签的属性修改,整体教学成效较好；安徽商贸职业技术学院老师授课教案课程名称静态网页制作上课时间2022年 3 月 15 日 1-2 节课题HTML 语言上机实践通过上机练习, 使同学把握链接标签、 列表标签的基本写法、名师归纳总结 教学目的用法,学以致用纲第 7 页,共 34 页教学重点链接标签、列表标签的用法教学难点链接标签 href 属性的正确设置教学方法上机教学内容提- - - - - - -精选学习资料 - - - - - - - - - 名师精编 优秀教案一、复习课堂教学内容二、针对课堂内容,指导同学实践1、本地链接、 url 链接、邮件链接、锚点链接、下载文件超链接、空链接2、有序列表、无序列表的制作三、练习课本实例5、实例 6 学后记教链接点的作用与链接目标路径不能区分,链接目标是文件或者程序时不懂制作,缺乏变通,电子邮件链接做成链接到自己的网络邮箱；超链接制作存在肯定难度,同学把握一般,课上仍需进一步讲解安徽商贸职业技术学院老师授课教案课程名称 静态网页制作 上课时间 2022 年 3 月 17 日 3-4 节课 题 其次章 HTML 语言§ 2.4§ 2.5§ 2.6 通过教学,使同学把握表格标签、框架标签的基本写法、名师归纳总结 教学目的用法,学会设置文字和图像的滚动成效第 8 页,共 34 页教学重点表格属性的修改；框架标签的用法教学难点移动属性的设置教学方法讲授- - - - - - -精选学习资料 - - - - - - - - - 教名师精编优秀教案纲学内容提§ 4 列表样式和表格 三、 表格 表格基本结构、表格属性设置§ 5 框架 一、 框架语法 二、 框架属性§ 6 滚动文本和图像教学后记1、对上机操作时集中显现的问题作演示讲解 2、按方案完成教学任务,同学课上能够积极摸索,仔细记录笔记,课 堂氛围较好；安徽商贸职业技术学院老师授课教案课程名称静态网页制作上课时间2022年 3 月 22 日 1-2 节课题HTML 语言上机实践通过上机练习,使同学把握表格标签、框架标签的运用,名师归纳总结 教学目的学会设置文本和图像的滚动成效第 9 页,共 34 页教学重点表格属性的修改；框架的建立教学难点滚动文本和图像教学方法上机- - - - - - -精选学习资料 - - - - - - - - - 教名师精编优秀教案纲学内容提一、复习课堂教学内容 二、针对课堂内容,指导同学实践 1、表格的定义及属性设置 2、框架的建立 3、滚动文本和图像三、练习课本实例7、实例 9 学后记教大部分同学对表格标签的写法、用法把握较好,能够简洁编写含有滚动 字幕的网页,但对于框架的建立少数同学存在困难,经过单独指导后成效 较好；安徽商贸职业技术学院老师授课教案名师归纳总结 课程名称静态网页制作上课时间2022 年 3 月 24 日 3-4 节第 10 页,共 34 页课题第三章Frontpage的应用§3.1 教学目的熟识网站开发的基本流程和制作步骤,把握网页制作的版面布局和设计思想 ; 教学重点网页制作的基本流程教学难点网页的版面布局设计教学方法讲授教学内容提纲- - - - - - -精选学习资料 - - - - - - - - - 名师精编 优秀教案§ 1 网站制作前的预备五、 搜集素材,制作主页及其他一、 定位网站的主题和名称学内页二、 定位网站的 CI 形象六、 测试、上传七、 宣扬推广三、 规划网站四、 主要页面布局设计八、 更新保护教后记网站制作前的规划设计很大程度上打算着整个网站的优劣,熟识到网 站规划的重要性,将对今后详细的设计制作起很大帮忙,课上留意培育学 生这方面的思想、意识,并通过详细案例的讲解、剖析,加深同学对基本 流程的懂得安徽商贸职业技术学院老师授课教案课程名称静态网页制作上课时间2022年 3 月 29 日 1-2 节课题优秀网站鉴赏通过上机练习,让同学浏览不同主题的优秀网站,学习其名师归纳总结 教学目的设计亮点,加深对课堂理论的懂得纲第 11 页,共 34 页教学重点版面布局分析教学难点颜色的合理搭配教学方法上机教学内容提- - - - - - -精选学习资料 - - - - - - - - - 名师精编 优秀教案一、复习课堂教学内容 二、上网浏览各类不同主题的优秀网站,分析其版面布局、配色方案、栏 目结构等,并评判网站给浏览者的整体感受 三、综合点评教学后记从提交的作业文档来看,通过浏览不同主题的优秀网站,同学在 网站鉴赏水平上有了肯定提高,能较合理的分析出网站的版面设计、配色方案和栏目结构等,发觉并领悟其设计亮点,达到了预期的上机 目的安徽商贸职业技术学院老师授课教案课程名称静态网页制作上课时间2022 年 3 月 31 日 3-4 节课题第三章Frontpage的应用§3.2§ 3.3 通过本次课的教学,使同学熟识Frontpage软件界面, 掌教学目的握网页的基本操作以及图片、音频的使用站点的相关操作；教学重点 图片属性的设置；音频使用的多种方法名师归纳总结 教学难点站点文件夹与一般文件夹的不同第 12 页,共 34 页- - - - - - -精选学习资料 - - - - - - - - - 教学方法教名师精编优秀教案纲学内讲授容提§ 2 建立与编辑基本网页§ 3 多媒体与超链接的使用一、 Frontpage2000界面概述 一、图片的使用 二、站点的操作 二、音频的使用 三、网页的新建、储存、打开 四、基本网页的编辑教学后记1. 相比与之前的 html 语言学习,利用网页制作软件来编辑网页,同学在理 解程度和学习爱好上都有了更大的提高 2. 通过实例操作,同学接受很快,互动强,教学成效较好安徽商贸职业技术学院老师授课教案课程名称静态网页制作上课时间2022 年 4 月 7 日 3-4 节课题第三章Frontpage的应用§3.3 通过本次课的教学,使同学把握向网页中添加视频的基本名师归纳总结 教学目的操作,学会创建和编辑各种超链接纲第 13 页,共 34 页教学重点各类超链接的制作教学难点各类超链接的制作教学方法讲授教学内容提- - - - - - -精选学习资料 - - - - - - - - - 名师精编 优秀教案§ 3 多媒体与超链接的使用三、视频的使用四、超链接的制作1、在文本、图片上制作链接2、链接到网页文件、书签、电子邮件、非网页文件、五、编辑超级链接 综合实例制作：绿色家园教学后记internet 网站通过综合实例的演示制作,总结出设计技巧,使同学对目前所学的 Frontpage2000的基本操作有更全面更深刻的熟识,培育其综合运用学问的 才能,课堂氛围浓烈,教学成效良好安徽商贸职业技术学院老师授课教案课程名称静态网页制作上课时间2022年 4 月 12 日 1-2 节课题Frontpage2000的基本操作通过本次上机,巩固站点操作,加强同学对在网页中插入名师归纳总结 教学目的文本、图片、音频、视频等对象的操作,学会设置页面属性第 14 页,共 34 页教学重点站点的操作；图片属性的设置；各类超链接的制作教学难点图片工具栏的敏捷运用教学方法上机- - - - - - -精选学习资料 - - - - - - - - - 教名师精编优秀教案纲学内容提一、复习课堂教学内容二、针对课堂内容,指导同学实践 1、站点的建立、修改、删除 2、网页的基本操作,各类对象的插入及属性修改 3、网页背景属性设置 4、多媒体对象的使用 5、各类超链接的制作教学后记1. 同学对上机操作的热忱很高,氛围较好 2. 通过实际操作,大部分同学都把握了课上学问,达到了上机要求安徽商贸职业技术学院老师授课教案课程名称静态网页制作上课时间2022年 4 月 19 日 1-2 节课题Frontpage2000的基本操作通过本次上机,使同学进一步巩固课堂所学,攻克操作中名师归纳总结 教学目的的难点,提高综合操作水平第 15 页,共 34 页教学重点锚点链接制作；图片热点运用教学难点图文混排- - - - - - -精选学习资料 - - - - - - - - - 教学方法教名师精编优秀教案纲学内上机容提一、复习课堂教学内容二、针对课堂内容,指导同学实践1、插入图片,并使用热点创建图象地图2、定义锚点,跳转到指定页面的指定位置三、仿照制作课上案例：绿色家园教学后记同学对一些基本操作把握较娴熟,但对于站点建立的意义仍较模糊,实例操作时敏捷运用学问的才能也较欠缺,以后仍需加强练习；安徽商贸职业技术学院老师授课教案课程名称静态网页制作上课时间2022 年 4 月 21 日 3-4 节课题第三章Frontpage的应用§3.4§ 3.5 通过本次课的教学,使同学能够把握网页中表格的插入和名师归纳总结 教学目的使用,懂得框架的概念和制作纲第 16 页,共 34 页教学重点如何插入表格、框架；框架网页的基本操作及属性设置教学难点框架概念的懂得及储存操作教学方法讲授教学内容提- - - - - - -精选学习资料 - - - - - - - - - 名师精编 优秀教案§ 4 表格的使用 一、表格的用途 二、创建表格三、填充表格§ 5 制作框架页面 一、创建框架网页：二、拆分、删除框架三、初始化框架网页四、表格相关操作 四、储存框架网页五、表格属性教学后记1. 基于以前对 html 中表格、框架的学习,再次提到相关学问点时,理 解和接受都很快 2. 请同学上台演示操作,课堂气氛和互动都较好安徽商贸职业技术学院老师授课教案课程名称静态网页制作上课时间2022年 4 月 26 日 1-2 节课题Frontpage2000的基本操作教学目的通过上机操作,使同学把握 FrontPage2000中插入表格和建立框架的操作表格、单元格的属性设置；教学重点 框架的插入、储存、属性设置；目标框架的设置名师归纳总结 教学难点框架的正确储存；第 17 页,共 34 页初始网页的更换- - - - - - -精选学习资料 - - - - - - - - - 教学方法教名师精编优秀教案纲学内上机容提一、复习课堂教学内容 二、针对课堂内容,指导同学实践 1、插入表格,并设置表格、单元格属性 2、创建指定框架并设置初始网页,修改框架属性 3、创建框架间的链接,修改目标框架 三、仿照制作课上案例：我的地盘、c 语言教程教 学 后 记同学已逐步入门,对网页制作的方法有肯定程度的把握,遇到问 题稍经指点便能独立解决,实例完成情形也较好安徽商贸职业技术学院老师授课教案课程名称静态网页制作上课时间2022 年 4 月 28 日 3-4 节课题第三章Frontpage的应用§3.6§ 3.7 通过本次课的教学, 使同学把握网页中表单的作用及编辑名师归纳总结 教学目的方法,能够使用组件和DHTML 以丰富网页成效第 18 页,共 34 页教学重点懂得表单的作用,把握各个表单对象的编辑组件、 DHTML 的使用教学难点表单对象属性的正确设置教学方法讲授- - - - - - -精选学习资料 - - - - - - - - - § 6 表单的使用教名师精编优秀教案学内容提纲二、移动字幕三、站点记数器一、什么是表单二、表单的设计四、横幅广告治理器三、处理表单结果 五、动态 HTML § 7 组件、 DHTML 的使用 一、悬停按钮六、网页过渡成效教学后记1、通过教学,同学懂得了表单的基本作用,把握了设计表单的方法2、内容涉及许多动态成效,同学爱好很浓,课堂气氛和互动都较好安徽商贸职业技术学院老师授课教案课程名称静态网页制作上课时间2022年 5 月 3 日 1-2 节课题Frontpage2000的基本操作通过上机操作,使同学把握表单、组件的应用,学会使用名师归纳总结 教学目的动态 html 成效,修改网页过渡第 19 页,共 34 页教学重点自定义表单；组件、 Dhtml 成效制作教学难点表单对象属性的正确设置教学方法上机- - - - - - -精选学习资料 - - - - - - - - - 教名师精编优秀教案纲学内容提一、复习课堂教学内容二、针对课堂内容,指导同学实践 1、建立表单,插入各项表单元素 2、使用组件：字幕、悬停按钮、横幅广告治理器 3、使用动态 HTML 成效 4、修改网页过渡成效 三、仿照制作课上案例：网络课程账号申请教学后记1.绝大部分同学都能完成上机任务,基本操作把握较好；2.在运用一些组件时,许多机子预览无法显示成效,需要下载安装 java 虚拟机,因此进一步提示同学今后的网页设计中应慎用 java 程序成效安徽商贸职业技术学院老师授课教案名师归纳总结 - - - - - - -第 20 页,共 34 页精选学习资料 - - - - - - - - - 课程名称静态网页制作名师精编优秀教案2022 年 5 月 5 日 3-4 节上课时间课 题§ 3.8 第四章 Dreamweaver的使用§4.1 通过本次课的教学,使同学能够懂得 css的作用和特点,教学目的 把握使用 css 的三种方法； 熟识 Dreamweaver的操作界面,掌握 Dreamweaver的基本文件操作教学重点Css的作用、语法及使用方法纲Dreamweaver的站点操作教学难点Css三种操作方法的不同教学方法讲授教学内容提§ 8 网页的修饰 一、什么是 css 二、CSS的作用§ 4.1 Dreamweave的基本操作 一、Dreamweaver8的工作界面二、建立新站点的方法三、基本语法 三、设置站点参数四、CSS的建立 四、治理站点五、CSS的使用方法 五、基本文件操作六、设置页面属性教 学 后 记1、初次接触 css样式表,同学懂得和接受的程度都较一般2、同学对于 Dreamweave的学习热忱很高,基本操作把握很快安徽商贸职业技术学院老师授课教案名师归纳总结 - - - - - - -第 21 页,共 34 页精选学习资料 - - - - - - - - - 课程名称名师精编优秀教案静态网页制作上课时间2022年 5 月 10 日 1-2 节课题Dreamweaver的应用教学目的教学重点教学难点教学方法通过本次上机操作,使同学能懂得和把握使用css 的三种方法；熟识 dreamweaver的界面,把握其基本操作 站点的新建,页面属性设置 三种 CSS的创建及操作方法 上机教学内容提纲一、复习课堂教学内容二、针对课堂内容,指导同学实践1、三种 CSS的创建及操作方法 2、Dreamweave站点的相关操作 3、Dreamweave的文件操作4、设置页面属性 三、仿照制作课上案例教学后记1. 对 CSS的懂得程度不够,三种操作方法相互混淆,显现的问题较多,课 上仍需进一步讲解 2. Dreamweaver操作界面较 Frontpage复杂,部分同学对操作环境不能熟识 和适应,今后的教学应留意两者之间的联系比较安徽商贸职业技术学院老师授课教案名师归纳总结 - - - - - - -第 22 页,共 34 页精选学习资料 - - - - - - - - - 名师精编 优秀教案课程名称 静态网页制作 上课时间 2022 年 5 月 12 日 3-4 节课 题 第四章 dreamweaver的使用§4.2§ 4.3 通过本次课的教学, 使同学把握在 dreamweaver中插入文教学目的 本、图像以及使用超链接的方法, 学会利用表格进行页面布局,并能合理设置其属性文字、图像与超链接的插入与编辑教学重点表格的使用及属性设置锚点链接、空链接、脚本链接的懂得制作教学难点表格布局思想教学方法 讲授教 学 内 容 提 纲§ 2 插入文字、图像与链接 1. 插入表格一、文本及其操作 2. 插入嵌套表格二、图像及其操作 3. 编辑表格三、超链接的操作 4. 设置表格属性§ 3 插入表格和其他对象 5. 格式化表格一、表格及其操作 6. 排序表格教 学 后 记因有之前学习 FP 的基础,同学对本次课的内容懂得和接受都很快,同时每个学问点的讲解协作了相应的实例,教学成效较好；安徽商贸职业技术学院老师授课教案名师归纳总结 - - - - - - -第 23 页,共 34 页精选学习资料 - - - - - - - - - 课程名称静态网页制作名师精编优秀教案上课时间2022年 5 月 17 日 1-2 节课题Dreamweaver的应用通过本次上机操作, 提高同学对 dreamweaver的使用水平教学目的 和娴熟度,使同学把握有关表格的操作,强化利用表格进行页面布局的思想教学重点教学难点教学方法文字、图像与超链接的插入与编辑 表格的敏捷使用培育同学设计才能：利用表格进行页面布局 上机教学内容提纲一、复习课堂教学内容 二、针对课堂内容,指导同学实践1、在网页中插入文本、图像、超链接等基本对象,并修改属性 2、插入表格及嵌套表格,并设置表格属性3、格式化表格 三、仿照制作课上案例教学后记许多同学在操作时沿袭了使用Frontpage 存在的坏习惯,喜爱将页面和图片储存为中文名称,简洁显现图片不显示,链接不胜利等问题,以后在 课堂上需要再次反复强调这一点安徽商贸职业技术学院老师授课教案名师归纳总结 课程名称静态网页制作上课时间2022 年 5 月 19 日 3-4 节第 24 页,共 34 页- - - - - - -精选学习资料 - - - - - - - - - 课题名师精编优秀教案4.3§ 4.4 第四章 dreamweaver的使用§通过本次课的教学,使同学把握鼠标经过图像、导航条、教学目的 flash 对象、插件等其他网页对象的插入； 能进一步懂得框架的 概念及作用,学会框架的相关操作教学重点框架的相关操作纲框架初始页面的设置；教学难点框架间的链接制作教学方法讲授教学内容提§ 3 插入表格和其他对象一、框架二、 在网页中插入其他对象一 使用预设方式创建框架1、鼠标经过图像 二 设计框架集2、插入导航条 3、插入 flash 对象 4、插入 Applet 、ActiveX 和插件§ 4 框架、层与网页布局三 储存框架和框架集文件（四）修改框架属性（五）设置框架集的属性（六）通过超级链接掌握框架内容教学后记1.教学过程顺当,按方案完成了教学任务 2.同学上台参加实例操作,有效调动了课堂气氛安徽商贸职业技术学院老师授课教案名师归纳总结 课程名称静态网页制作上课时间2022年 5 月 24 日 1-2 节第 25 页,共 34 页- - - - - - -精选学习资料 - - - - - - - - - 课题名师精编优秀教案Dreamweaver的应用通过本次上机, 使同学能够把握 dreamweaver中更多网页教学目的教学重点教学难点教学方法对象的插入,提高运用框架的操作技巧框架的相关操作框架初始页面的设置；框架间的链接制作上机教学内容提纲一、复习课堂教学内容二、针对课堂内容,指导同学实践1、鼠标经过图像、导航条、flash 对象、插件的插入2、使用预设方式创建框架,并设计框架集后储存 3、通过超级链接掌握框架内容三、仿照制作课上案例教学后记通过上机,同学能够娴熟地在网页中插入各种对象,把握框架网页的制作；但部分同学对于框架的储存及链接显示的目标框架仍不够清晰,经过当面指导,有较好的成效 安徽商贸职业技术学院老师授课教案名师归纳总结 课程名称静态网页制作上课时间2022 年 5 月 26 日 3-4 节第 26 页,共 34 页课题第四章 dreamweaver的使用§4.4§ 4.5 - - - - - - -精选学习资料 - - - - - - - - - 教学目的名师精编优秀教案通过本次课的教学,使同学能够把握层的特点和操作；学 会运用布局表格进行网页布局；把握表单的制作层概念的懂得及其操作教学重点表单的制作教学难点 布局表格、布局单元格的敏捷运用教学方法 讲授教 学 内 容 提 纲§ 4 框架、层与网页布局 三、网页布局二、层 1、用布局模式布局网页1、层的概念 2、层的特点 3、在网页中添加层 4、设置层参数和属性2、绘制布局表格和布局单元格 3、设置布局表格和布局单元格属性§ 5 表单、样式表和命令 一、表单的基本概念5、操纵层教学二、创建与删除表单域三、插入表单对象6、表格和层的相互转换后记1. 对上机过程中显现的操作问题做了演示讲解,取得较好成效 2. 运用了丰富的实例进行分步操作讲解,加深了同学的学问印象安徽商贸职业技术学院老师授课教案名师归纳总结 课程名称静态网页制作上课时间2022年 5 月 31 日 1-2 节第 27 页,共 34 页课题Dreamweaver的应用- - - - - - -精选学习资料 - - - - - - - - - 名师精编 优秀教案通过本次上机,强化同学对层的懂得及操作；使其把握运教学目的用布局表格更便利地在网页中进行布局定位的方法；娴熟表单的操作教学重点教学难点教学方法层的属性设置及敏捷运用 表单的制作布局表格、布局单元格的敏捷运用 上机教学内容提纲一、复习课堂教学内容二、针对课堂内容,指导同学实践1、在网页中添加层、嵌套层,并设置层参数和属性2、将页面中的表格和层进行相互转换3、练习在布局模式下用布局表格设计布局 4、创建表单,插入表单对象三、仿照制作课上案例教学后记1. 对层的懂得和把握较好2. 对于表格布局和布局单元格的使用,能够把握其基本操作方法, 进行一般网页总体结构的设计,但敏捷运用的程度不够安徽商贸职业技术学院老师授课教案名师归纳总结 课程名称静态网页制作上课时间2022 年 6 月 2 日 3-4 节第 28 页,共 34 页- - - - - - -精选学习资料 - - - - - - - - - 名师精编 优秀教案课 题 第四章 dreamweaver的使用§4.5§ 4.6 通过本次课的教学, 使同学把握在 dreamweaver中创建和教学目的应用 CSS样式表的方法, 懂得行为的含义, 学会添加应用行为CSS样式表的添加和应用教学重点行为的创建教学难点 行为的敏捷运用教学方法 讲授教 学 内 容 提 纲§ 5 表单、样式表和命令 1、时间轴的概念一、CSS样式表的特点 二、CSS样式表的类型