div+css教案研讨.doc

合肥经济技术职业学院课程教案 PAGE  课程名称CSS+DIV网页样式与布局从入门到精通课程编号英文课程名称CSS+DIV Webpage style and layout from entry to the master先修课程编排设计、网页设计欣赏、网页三剑客授课班级14电艺课程类别职业技能课开课学期2015—2016第二期学 分3考试类型考查总 学 时48讲授学时实验学时授课教师孙燕职 称教研室教 材CSS+DIV网页样式与布局从入门到精通出 版 社清华大学出版社参 考 书出 版 社课程说明CSS+DIV网页样式与布局从入门到精通为高职高专一门重要的技能课，是从初学者的角度出发，遵照“操作”“理论”“操作”的原则，通过设计案例的精心策划，建立科学而系统的学习和训练体系。内容简介本书系统地讲解了CSS基础理论和实际运用技术，通过大量实例对CSS应用进行深入浅出的分析。全书主要内容包括CSS的基本语法和概念，设置文字、图片、背景、表格、表单和菜单等网页元素的方法，以及CSS滤镜的使用和CSS如何控制XML文档样式。着重讲解如何利用CSS+DIV进行网页布局，注重实际操作，使读者在学习CSS应用技术的同时掌握CSS+DIV的精髓。本书还详细讲解了其他书中较少涉及的技术细节，包括扩展CSS与JavaScript和XML等综合应用等内容，以帮助读者设计符合Web标准的网页，提升技术水平和竞争能力。 备 注  周 次讲课内容（附章节）学 时实验实习 （讨论大作业）内容学时1第1章 CSS样式设计基础　42第2章 使用CSS设置字体和文本样式　43第3章 使用CSS设置图片样式4图文混排24第4章 使用CSS控制背景图像4设置网页背景页面25第5章 使用CSS控制列表样式?　46第6章 使用CSS设计表格样式47第7章 使用CSS设计表单样式　48第8章 使用CSS定义链接样式　49第9章 网页排版和DIV+CSS布局?410第10章 用CSS定位控制网页布局411第11章 解决CSS设计中的常见问题　　412第12章 旅游酒店网站44 教学课题第1章 CSS样式设计基础?　□标准班 □合班教学目的认识选用符合语义的标签重点难点熟悉并掌握CSS选择器概述教学方法机房演示教学，上机实践操作主要教学过程机房演示教学，上机实践操作教学手段教学过程 设 计 （4学时）1.1.1 选用符合语义的标签 21.1.2 文档类型和浏览器模式 71.2 初识CSS 81.2.1 为什么学习CSS 91.2.2 CSS基本语法 91.2.3 设计第一个实例 101.3 CSS选择器 121.3.1 CSS选择器概述 121.3.2 标签选择器 131.3.3 ID选择器 141.3.4 类选择器 161.3.5 伪类和伪对象选择器 171.3.6 子选择器 191.3.7 相邻选择器 201.3.8 属性选择器 211.3.9 通用选择器 231.3.10 包含选择器 231.3.11 分组选择器 251.3.12 指定选择器 261.4 CSS基本特性 261.4.1 层叠和特殊性 261.4.2 继承 311.5 样式表规划、组织和维护 32 机 房 操 作 课堂小结 （3分钟）通过本章学习什么是标签选择器 思考题、作业及其预习要求（2分钟）伪类和伪对象选择器有哪些？教学课题第2章 使用CSS设置字体和文本样式□标准班 □合班教学目的了解定义字体类型、大小、颜色、粗细、字体重点难点掌握定义文本对齐、定义垂直对齐、定义字间距和行间距 、定义行间距 、定义缩进 教学方法机房演示教学，上机实践操作主要教学过程机房演示教学，上机实践操作教学手段教学过程 设 计 （4学时）2.1.1 定义字体类型 492.1.2 定义字体大小 512.1.3 定义字体颜色 532.1.4 定义字体粗细 542.1.5 定义斜体字体 552.1.6 定义下划线、删除线和顶划线 562.1.7 定义字体大小写 572.1.8 定义文本对齐 582.1.9 定义垂直对齐 602.1.10 定义字间距和行间距 632.1.11 定义行间距 642.1.12 定义缩进 67 机