CSS+DIV授课计划
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
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
讲授
练习
本课程以实际动手为主，所以，本课程所教学内容安排在机房中讲授，授课分工及指导采用直接在学生机房完成教学任务，并辅以网上交互、电子邮件等方式进行课后交流。
授课计划表
顺序
周次
授课章节与内容摘要
授课时数
授课方式
是否使用多媒体
作业
安排
备注
1
1
一、CSS的初步体验
1.1 CSS的概念
2
讲授
练习
是
无
一、CSS的初步体验
是
无
6
6
六、用CSS设置表格与表单的样式
6.2 CSS与表单
2
讲授
练习
是
无
六、用CSS设置表格与表单的样式
综合实例
2
讲授
练习
是
有
7
7
七、用CSS设置页面和浏览器元素
7.1丰富的超链接特效
2
讲授
练习
是
无
七、用CSS设置页面和浏览器元素
7.2鼠标特效
7.3页面滚动条
2
讲授
练习
是
无
8
8
八、用CSS制作实用的菜单
2
讲授
练习
是
有
十三、CSS与JavaScript的综合应用
13.3实例五
13.4实例六
13.5实例七
13.6实例八
2
讲授
练习
是
有
15
15
十四、CSS与XML的综合运用
简单介绍
2
讲授
练习
是
无
十五、CSS与Ajax的综合运用
简单介绍
2
讲授
练习
是
有
16
16
十六、企业网站
2
讲授
练习
是
无
十六、企业网站
2
讲授
练习
对教材的处理与教学措施：
教材主要面向初、中级用户，由浅入深、全面系统地介绍了使用CSS+DIV设计网页的基础知识、基本方法和具体应用，基本能符合教学大纲的要求，也适应计算机应用专业学生学习。本书案例相对较多，在具体教学过程中，将适当运用案例开发，采用“项目驱动”来完成教学任务。
教学手段的准备或实操能力的培养：
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段落文字
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.1CSS排版观念
11.2固定宽度和居中的版式
2
讲授
练习
是
无
十一、CSS+DIV布局方法剖析
11.3左中右版式
11.4块的背景颜色问题
2
讲授
练习
是
无
12
12
十一、CSS+DIV布局方法剖析
综合实例
2
讲授
练习
是
有
十二、CSS+DIV美化与布局实战
标记与标记102盒子模型讲授练习十理解css定位与div布局103元素的定位讲授练习1111十一cssdiv布局方法剖析111css排版观念112固定宽度和居中的版式讲授练习十一cssdiv布局方法剖析113左中右版式114块的背景颜色问题讲授练习1212十一cssdiv布局方法剖析综合实例讲授练习讲授练习1313十二cssdiv美化与布局实战讲授练习十三css与javascript的综合应用131javascript概述132javascript语法基础讲授练习1414十三css与javascript的综合应用133实例一134实例二135实例三136实例四讲授练习十三css与javascript的综合应用133实例五134实例六135实例七136实例八讲授练习1515十四css与xml的综合运用简单介绍讲授练习十五css与ajax的综合运用简单介绍练习1616十六企业网站讲授练习讲授练习1717十七网上购物网站讲授练习讲授练习1818期末作品讲授练习讲授练习
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实例四
是
无
17
17
十七、网上购物网站
2
讲授
练习
是
无
十七、网上购物网站
2
讲授
练习
是
无
18
18
期末作品
2
讲授
练习
是
无
期末作品
2
讲授
练习
是
无
学期授课计划编写说明
课程
名称
《网页美工CSS+DIV》
总课时
72
理论
课时
24
实训
课时
48
教学大纲名称、版本
《网页美工CSS+DIV》教学大纲
采用教材名称、出版社、版本
《精通CSS+DIV》人民邮电出版社2007年第一版
本学期要达到的教学目的和要求：
通过本课程的学习，使学生掌握CSS层叠样式的基础理论知识和实际运用技术，熟练掌握使用CSS+DIV进行网页布局，注重实际操作，使学生在学习CSS技术的同时，掌握CSS+DIV的精髓。学生在学习本课程时首先要掌握CSS的各个理论细节，然后重点结合各章节的实例，进行认真的学习与反复实践。最终能够灵活运用CSS+DIV创造性地制作出更多更好的页面。
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
讲授
练习
本课程以实际动手为主，所以，本课程所教学内容安排在机房中讲授，授课分工及指导采用直接在学生机房完成教学任务，并辅以网上交互、电子邮件等方式进行课后交流。
授课计划表
顺序
周次
授课章节与内容摘要
授课时数
授课方式
是否使用多媒体
作业
安排
备注
1
1
一、CSS的初步体验
1.1 CSS的概念
2
讲授
练习
是
无
一、CSS的初步体验
是
无
6
6
六、用CSS设置表格与表单的样式
6.2 CSS与表单
2
讲授
练习
是
无
六、用CSS设置表格与表单的样式
综合实例
2
讲授
练习
是
有
7
7
七、用CSS设置页面和浏览器元素
7.1丰富的超链接特效
2
讲授
练习
是
无
七、用CSS设置页面和浏览器元素
7.2鼠标特效
7.3页面滚动条
2
讲授
练习
是
无
8
8
八、用CSS制作实用的菜单
2
讲授
练习
是
有
十三、CSS与JavaScript的综合应用
13.3实例五
13.4实例六
13.5实例七
13.6实例八
2
讲授
练习
是
有
15
15
十四、CSS与XML的综合运用
简单介绍
2
讲授
练习
是
无
十五、CSS与Ajax的综合运用
简单介绍
2
讲授
练习
是
有
16
16
十六、企业网站
2
讲授
练习
是
无
十六、企业网站
2
讲授
练习
对教材的处理与教学措施：
教材主要面向初、中级用户，由浅入深、全面系统地介绍了使用CSS+DIV设计网页的基础知识、基本方法和具体应用，基本能符合教学大纲的要求，也适应计算机应用专业学生学习。本书案例相对较多，在具体教学过程中，将适当运用案例开发，采用“项目驱动”来完成教学任务。
教学手段的准备或实操能力的培养：
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段落文字
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.1CSS排版观念
11.2固定宽度和居中的版式
2
讲授
练习
是
无
十一、CSS+DIV布局方法剖析
11.3左中右版式
11.4块的背景颜色问题
2
讲授
练习
是
无
12
12
十一、CSS+DIV布局方法剖析
综合实例
2
讲授
练习
是
有
十二、CSS+DIV美化与布局实战
标记与标记102盒子模型讲授练习十理解css定位与div布局103元素的定位讲授练习1111十一cssdiv布局方法剖析111css排版观念112固定宽度和居中的版式讲授练习十一cssdiv布局方法剖析113左中右版式114块的背景颜色问题讲授练习1212十一cssdiv布局方法剖析综合实例讲授练习讲授练习1313十二cssdiv美化与布局实战讲授练习十三css与javascript的综合应用131javascript概述132javascript语法基础讲授练习1414十三css与javascript的综合应用133实例一134实例二135实例三136实例四讲授练习十三css与javascript的综合应用133实例五134实例六135实例七136实例八讲授练习1515十四css与xml的综合运用简单介绍讲授练习十五css与ajax的综合运用简单介绍练习1616十六企业网站讲授练习讲授练习1717十七网上购物网站讲授练习讲授练习1818期末作品讲授练习讲授练习
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实例四
是
无
17
17
十七、网上购物网站
2
讲授
练习
是
无
十七、网上购物网站
2
讲授
练习
是
无
18
18
期末作品
2
讲授
练习
是
无
期末作品
2
讲授
练习
是
无
学期授课计划编写说明
课程
名称
《网页美工CSS+DIV》
总课时
72
理论
课时
24
实训
课时
48
教学大纲名称、版本
《网页美工CSS+DIV》教学大纲
采用教材名称、出版社、版本
《精通CSS+DIV》人民邮电出版社2007年第一版
本学期要达到的教学目的和要求：
通过本课程的学习，使学生掌握CSS层叠样式的基础理论知识和实际运用技术，熟练掌握使用CSS+DIV进行网页布局，注重实际操作，使学生在学习CSS技术的同时，掌握CSS+DIV的精髓。学生在学习本课程时首先要掌握CSS的各个理论细节，然后重点结合各章节的实例，进行认真的学习与反复实践。最终能够灵活运用CSS+DIV创造性地制作出更多更好的页面。