CSS+DIV授课计划.docVIP

学期授课计划编写说明 课 程 名 称 《网页美工CSS+DIV》 总课时 72 理 论 课 时 24 实 训 课 时 48 教学大纲名称、版本 《网页美工CSS+DIV》教学大纲 采用教材名称、出版社、版本 《精通CSS+DIV》人民邮电出版社2007年第一版 本学期要达到的教学目的和要求： 通过本课程的学习，使学生掌握CSS层叠样式的基础理论知识和实际运用技术，熟练掌握使用CSS+DIV进行网页布局，注重实际操作，使学生在学习CSS技术的同时，掌握CSS+DIV的精髓。学生在学习本课程时首先要掌握CSS的各个理论细节，然后重点结合各章节的实例，进行认真的学习与反复实践。最终能够灵活运用CSS+DIV创造性地制作出更多更好的页面。 对教材的处理与教学措施： 教材主要面向初、中级用户，由浅入深、全面系统地介绍了使用CSS+DIV设计网页的基础知识、基本方法和具体应用，基本能符合教学大纲的要求，也适应计算机应用专业学生学习。本书案例相对较多，在具体教学过程中，将适当运用案例开发，采用“项目驱动”来完成教学任务。 教学手段的准备或实操能力的培养： 本课程以实际动手为主，所以，本课程所教学内容安排在机房中讲授，授课分工及指导采用直接在学生机房完成教学任务，并辅以网上交互、电子邮件等方式进行课后交流。 授 课 计 划 表 顺序 周次 授课章节与内容摘要 授课时数 授课方式 是否使用多媒体 作业 安排 备注 1 1 CSS的初步体验 1.1 CSS的概念 2 讲授 练习 是 无 一、CSS的初步体验 1.2 使用CSS控制页面 2 讲授练习 是 无 2 2 二、CSS的基本语法 2.1 CSS选择器 2.2选择器声明 2 讲授 练习 是 无 二、CSS的基本语法 2.3 CSS的继承 2 讲授 练习 是 无 3 3 三、用CSS设置丰富的文字效果 3.1 CSS文字样式 3.2文字实例一 2 讲授 练习 是 有 三、用CSS设置丰富的文字效果 3.4 CSS段落文字 3.5 段落实例 2 讲授 练习 是 有 4 4 四、CSS设置图片效果 4.1图片样式 4.2 图片的对齐 2 讲授 练习 是 无 四、CSS设置图片效果 4.3图文混排 4.4图文实例：八仙过海 2 讲授 练习 是 有 5 5 五、CSS设置网页中的背景 5.1 背景颜色 5.2 背景图片 2 讲授 练习 是 无 六、用CSS设置表格与表单的样式 6.1控制表格 2 讲授 练习 是 无 6 6 六、用CSS设置表格与表单的样式 6.2 CSS与表单 2 讲授 练习 是 无 六、用CSS设置表格与表单的样式 综合实例 2 讲授 练习 是 有 7 7 七、用CSS设置页面和浏览器元素 7.1 丰富的超链接特效 2 讲授 练习 是 无 七、用CSS设置页面和浏览器元素 7.2 鼠标特效 7.3 页面滚动条 2 讲授 练习 是 无 8 8 八、用CSS制作实用的菜单 8.1 项目列表 8.2 无需表的菜单 2 讲授 练习 是 无 八、用CSS制作实用的菜单 8.3 菜单的横竖转换 2 讲授 练习 是 有 9 9 九、CSS滤镜的应用 2 讲授 练习 是 无 九、CSS滤镜的应用 2 讲授 练习 是 有 10 10 十、理解CSS定位与DIV布局 10.1 div标记与span标记 10.2 盒子模型 2 讲授 练习 是 无 十、理解CSS定位与DIV布局 10.3 元素的定位 2 讲授 练习 是 有 11 11 十一、CSS+DIV布局方法剖析 11.1 CSS排版观念 11.2 固定宽度和居中的版式 2 讲授 练习 是 无 十一、CSS+DIV布局方法剖析 11.3 左中右版式 11.4 块的背景颜色问题 2 讲授 练习 是 无 12 12 十一、CSS+DIV布局方法剖析 综合实例 2 讲授 练习 是 有 十二、CSS+DIV美化与布局实战 2 讲授 练习 是 无 13 13 十二、CSS+DIV美化与布局实战 2 讲授 练习 是 有 十三、CSS与JavaScript的综合应用 13.1 JavaScript概述 13.2 JavaScript语法基础 2 讲授 练习 是 无 14 14 十三、CSS与JavaScript的综合应用 13.3 实例一 13.4 实例二 13.5 实例三 13.6 实例四 2 讲授 练习 是 有 十三、CSS与JavaScript的综合应用 13.3 实例五 13.4 实例六 13.5 实例七 13.6 实例八 2 讲授