动态网页制作教案.doc

 PAGE \* MERGEFORMAT 44 动态网页制作 教 师 授 课 教 案 12多媒体1 班 动态网页制作课程 使用教材：动态网页设计与制作-HTML+CSS+JavaScript2014 - 2015 学年第 1 学期第 1 周 星期3第 3、4节 2014年9 月17日第 1章 html基础教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法； 四，教学过程（也可另用备课纸）；五，教具，课件及挂图；六，作业及辅导； 七，课后小结。一、教学目标 1 、了解HTML常见元素包含哪些 2、HTML简介，区分网页与HTML，标签元素和属性二、内容1、HTML简介2、HTML常见元素三、重点，难点及处理方法重点：运用HTML常见元素 难点：一些特殊元素的运用教学过程 1、引入 打开网页设计作品，让学生们欣赏评价 同学们，大家觉得刚刚展示的网页设计作品怎么样呢？运用了什么软件制作的呢？采用了哪些技巧呢？可以从哪些方面做得更好呢？（学生们随机回答） 2、讲授新课 （1）HTML基础 a．网页与HTML HTML 是Hyper Text Markup Language的缩写， 中文翻译为“超文本标记语言”， 是制作网页的最基本语言。 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 3、巩固练习 操练课本1.1-1.3案例五、教具，课件及挂图 所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上用PPT课件进行演示。六、作业及辅导完成案例1.1-1.3七、课后小结：本节比较重要，学生掌握情况良好2014 - 2015 学年第 1 学期第 1 周 星期4第 3、4节 2014年9 月18日第1章 html基础及实训1教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法； 四，教学过程（也可另用备课纸）；五，教具，课件及挂图；六，作业及辅导； 七，课后小结。一、教学目标 1 、了解常见表格、行、表单、特殊元素等 2、通过基础知识的学习完成实训项目1二、内容（1）常见表格元素 table、tr、td、th(表头) （2）常用行元素 （3）表单元素 （4）一些特殊元素三、重点，难点及处理方法重点：表格、行、表单、特殊元素 难点：实训项目1四、教学过程1、引入 （1）上节课已经学习了表格的一部分元素，相信同学们都掌握啦，这节课我们接着学习常见的元素和一些特殊元素。 2、讲授新课 （1）常见表格元素 table、tr、td、th(表头) （2）常用行元素 ● img（图像）元素 ● a（链接）元素 ● span（通用行）元素 ● sub（下标） ● sup（上标）元素 ● b（粗体） ● i（斜体） br（换行）元素 行元素总是与其前后其他元素保持在同一行中 （3）表单元素 表单控件元素 用于收集用户输入信息 ● input（输入框）元素 ● select（下拉框）元素 ● textarea（多行文本输入框）元素 label（表单控件名称）元素 fieldset（表单控件组）元素 （4）一些特殊元素 注释元素 meta（描述网页信息）元素 doctype（文档类型的定义）与HTML文档的检验 特殊字符 3、巩固练习 完成实训1五、教具，课件及挂图 所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上用PPT课件进行演示。六、作业及辅导根据实训1的完成情况，课上辅导项目七、