
课 程
| 名 称 | 《网页美工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 标记与标记 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 | 讲授 练习 | 是 | 有 | |||
| 15 | 15 | 十四、CSS与XML的综合运用 简单介绍 | 2 | 讲授 练习 | 是 | 无 | |
| 十五、CSS与Ajax的综合运用 简单介绍 | 2 | 讲授 练习 | 是 | 有 | |||
| 16 | 16 | 十六、企业网站 | 2 | 讲授 练习 | 是 | 无 | |
| 十六、企业网站 | 2 | 讲授 练习 | 是 | 无 | |||
| 17 | 17 | 十七、网上购物网站 | 2 | 讲授 练习 | 是 | 无 | |
| 十七、网上购物网站 | 2 | 讲授 练习 | 是 | 无 | |||
| 18 | 18 | 期末作品 | 2 | 讲授 练习 | 是 | 无 | |
| 期末作品 | 2 | 讲授 练习 | 是 | 无 | |||
