13软件3,13软件外服班web前端页面设计课使用教材《精通_精品.doc

13软件3，13软件外服班 WEB前端页面设计课 使用教材 《精通CSS+DIV网页样式与布局》 2013 – 2014学年 第　二学期第 一周 第 1 章 第 1-2 节课题 CSS的概念及使用CSS控制页面 教案内容：一、本次课的教学目标；二、内容及课时分配；三、重点、难点及处理方法； 四、教学过程（也可另用备课纸写）；五、教具、课件及挂图；六、作业及辅导； 七、课后小结。写时只写序号后即写该项内容。 一、1．介绍本课程的学习目的，对本课程有一个大致了解。 2．了解CSS的概念及作用。 3．掌握CSS的几种引入方式：行内样式，内嵌式，链接式，导入样式。 二、本课程介绍及CSS的概念、作用 一节课 使用CSS控制页面：行内样式、内嵌式、链接式、导入样式 一节课 三、重点： 如何使用CSS控制页面，其中行内样式、内嵌式、链接式、导入样式的使用方法 难点： 如何使用CSS控制页面及其中的链接式、导入式方法的使用 四、课件讲解。 五、多媒体电脑。 六、作业： 七、本次课的目的在于了解掌握 13软件3，13软件外服班 WEB前端页面设计课 使用教材 《精通CSS+DIV网页样式与布局》 2013 – 2014学年 第　二学期第 一周 第 1 章 第 3 节课题 实验一 体验CSS 教案内容：一、本次课的教学目标；二、内容及课时分配；三、重点、难点及处理方法； 四、教学过程（也可另用备课纸写）；五、教具、课件及挂图；六、作业及辅导； 七、课后小结。写时只写序号后即写该项内容。 一、通过一个实例练习，掌握CSS是如何控制页面的。 二、CSS实例练习 两节课 三、重点： 理解CSS代码及代码所产生的效果 难点： 理解CSS代码及代码所产生的效果 四、实例操作。 1、用css的四种引入方式操作忆江南,效果如图所示。 忆江南 唐· 白居易 江南好，风景旧曾谙。 日出江花红胜火，春来江水绿如蓝。 能不忆江南？ 作者介绍：白居易（772年～846年）,汉族，字乐天，晚年又号香山居士，河南新郑（今郑州新郑）人，我国唐代伟大的现实主义诗人，中国文学史上负有盛名且影响深远的诗人和文学家，他的诗歌题材广泛，形式多样，语言平易通俗，有“诗魔”和“诗王”之称。官至翰林学士、左赞善大夫。有《白氏长庆集》传世，代表诗作有《长恨歌》、《卖炭翁》、《琵琶行》等。白居易故居纪念馆座落于洛阳市郊。白园（白居易墓）坐落在洛阳城南琵琶峰。 2、练习书上实例 p19 五、多媒体电脑。 六、作业： 七、本节通过一个实例，初步体验CSS是如何控制页面的，对页面从无到有，并使用CSS实现一些效果有一个初步的了解。 13软件3，13软件外服班 WEB前端页面设计课 使用教材 《精通CSS+DIV网页样式与布局》 2013 – 2014学年 第　二学期第 二周 第2 章 第 2 节课题 CSS选择器 教案内容：一、本次课的教学目标；二、内容及课时分配；三、重点、难点及处理方法； 四、教学过程（也可另用备课纸写）；五、教具、课件及挂图；六、作业及辅导； 七、课后小结。写时只写序号后即写该项内容。 一、1．了解选择器的概念 2．理解并掌握各种选择器的格式及应用 二、标记选择器 类别选择器 一节课 ID选择器 一节课 三、重点： 标记选择器、类别选择器、ID选择器的格式及使用 难点： 标记选择器、类别选择器、ID选择器的格式及使用 四、课件讲解。 五、多媒体电脑。 六、作业： 七、通过本次课的学习，掌握标记选择器、类别选择器、ID选择器的格式及使用。 13软件3，13软件外服班 WEB前端页面设计课 使用教材 《精通CSS+DIV网页样式与布局》 2013 – 2014学年 第　二 学期第三周 第2 章 第 2-3 节课题 选择器声明及CSS的继承 教案内容：一、本次课的教学目标；二、内容及课时分配；三、重点、难点及处理方法； 四、教学过程（也可另用备课纸写）；五、教具、课件及挂图；六、作业及辅导； 七、课后小结。写时只写序号后即写该项内容。 一、1．理解选择器的集体声明和选择器的嵌套 2．理解CSS的继承及应用 二、选择器声明 一节课 CSS的继承 一节课 三、重点： 1）选择器的集体声明和选择器的嵌套 2）CSS的继承及应用 难点： CSS的继承及应用 四、课件讲解。 五、多媒体电脑。 六、作业： 七、通过本次课的学习，理解选择器的集体声明和选择器的嵌套以及CSS的继承。 13软件3，13软件外服班 WEB前端页面设计课 使用教材 《精通CSS+DIV网页样式与布局》 2013 – 2014学年 第　二 学期第三周 第 3章 第1-3 节课题 CSS文字样式及实例 教案内容：一