发布时间 : 星期五 文章动态网页制作教案更新完毕开始阅读
动态网页制作 教 师 授 课 教 案
12 多媒体 1 班 动态网页制作 课程 使用教材 ：动态网页设计与制作 -HTML+CSS+JavaScript 2014 - 2015 学年第 1 学期第 1 周 星期 3 第 3、4 节 第 1 章 html 基础
教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法；
四，教学过程（也可另用备课纸） ；五，教具，课件及挂图；六，作业及辅导； 七，课后小结。 一、教学目标
1 、了解 HTML 常见元素包含哪些
2、HTML 简介，区分网页与 HTML ，标签元素和属性 二、内容
1、HTML 简介 2、HTML 常见元素 三、重点，难点及处理方法 重点：运用 HTML常见元素 难点：一些特殊元素的运用 四、教学过程
2014 年 9 月 17 日
1、引入
打开网页设计作品，让学生们欣赏评价
同学们， 大家觉得刚刚展示的网页设计作品怎么样呢？运用了什么软件制作的呢？采用了哪 些技巧呢？可以从哪些方面做得更好呢？（学生们随机回答）
2、讲授新课
（1）HTML 基础
a．网页与 HTML
HTML 是 Hyper Text Markup Language 的缩写， 中文翻译为“超文本标记语言” ， 是制作网页的最基本语言。
1
b．编写及显示 HTML 文件 使用任何一种文本编辑器来编写，
如记事本、 写字板等， 也可使用任何一种编辑
HTML
文件 的工具软件，如 DW 和 FrontPage。
c. 标签、元素和属性
HTML 标签是由一对尖括号 <>和标签名称组成。标签分为“起始标签”和“结束标签”
/”。
两种，二者的标签名称是相同的，只是结束标签多了一个斜杠“
HTML 元素是组成 HTML 文档的最基本的部件，它是用标签来表现的，一般“起始标 签”表示元素的开始， “结束标签”表示元素的结束。
在元素的起始标签中，还可以包含“属性”来表示元素的其他特性，它的格式是： <标签名称 属性名 =“属性值” >
(2 ）HTML常见元素
基本结构元素： {HTML元素、head 元素、body 元素} 常用块元素： 1、标题类 2、段落类
● p（段落）元素
● pre （原样显示文字）元素 ● div （通用块）元素 3、通用属性
最常用的段落块元素： ● id （元素标识）属性 ●title （提示）属性 ● style （CSS样式）属性 ● class （CSS分类）属性 (3) 常用列表元素 ul 、ol 、li
2
3、巩固练习
操练课本 1.1-1.3 案例
五、教具，课件及挂图
所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上 用PPT课件进行演示。
六、作业及辅导
完成案例 1.1-1.3
七、课后小结： 本节比较重要，学生掌握情况良好
2014 - 2015 学年第 1 学期第 1 周 星期 4 第 3、4 节 第 1 章 html 基础及实训 1
2014 年 9 月 18 日
教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法；
四，教学过程（也可另用备课纸） ；五，教具，课件及挂图；六，作业及辅导； 七，课后小结。 一、教学目标
1 、了解常见表格、行、表单、特殊元素等 2、通过基础知识的学习完成实训项目 二、内容
1
（1）常见表格元素 table 、tr 、td 、th( 表头) （2）常用行元素 （3）表单元素 （4）一些特殊元素
三、重点，难点及处理方法 重点：表格、行、表单、特殊元素 难点：实训项目 1 四、教学过程
3
1、引入
（1）上节课已经学习了表格的一部分元素，相信同学们都掌握啦，这节课我们 接着学习常见的元素和一些特殊元素。 2、讲授新课 （1）常见表格元素 table 、tr 、td 、th( 表头) （2）常用行元素 ● img（图像）元素 ● a （链接）元素 ● span （通用行）元素 ● sub （下标） ● sup （上标）元素 ● b （粗体） ● i （斜体） br（换行）元素
行元素总是与其前后其他元素保持在同一行中 （3）表单元素
表单控件元素 用于收集用户输入信息 ● input （输入框）元素 ● select （下拉框）元素 ● textarea
（多行文本输入框）元素
label （表单控件名称）元素 fieldset （表单控件组）元素
4