中编辑页面内容,这样就实现了表现与内容分离,在后期维护CSS十分容易,那么如何使用CSS定位网页元素呢? 这就是本章重点要讲解的内容——浮动,使用浮动定位网页元素,并且根据网页布局需要对浮动进行清除或处理溢出内容,因此本章主要学习的内容有3点。
(1)使用float属性定位网页元素。 (2)使用clear属性清除浮动。 (3)使用overflow属性进行溢出处理。
8.定位网页元素
在前面的章节中讲解了浮动的概念,以及使用浮动布局网页、定位网页元素,本章将要讲解网页制作中另一个重要属性position,介绍使用position定位网页元素,以及设置元素堆叠顺序的z-index属性。 通过本章的学习,将能够完成网页中更为
复杂的布局和元素定位。本章主要学习的内容有以下两点。
(1) 使用position属性定位网页元素。 (2) 使用z-index属性设置元素的堆叠顺序。
9.指导学习:课程总复习
本章将进行复习总结,把前面章节中学习过的知识进行综合运用,通过制作开心网游戏页面,使大家在巩固HTML标签、CSS知识的同时,对CSS综合运用的能力也有一个大幅度的提高。
10.项目案例:制作V+网站
到本章为止,这门课程已接近尾声。通过前面章节的学习和上机训练,相信大家已经可以游刃有余地使用DIV+CSS布局并制作较为复杂的网页了。 为了使大家能够更好地练习使用CSS布局、美化网页,熟练、快速地制作网页,本次课让大家制作凡客诚品旗下“V+”网站,综合运用学习过的知识,巩固使用HTML编辑网页,使用CSS布局并美化网页,牢固掌握学习过的知识和技能点。
(四)教学实施
1.教学时数安排建议 60学时。其中: 序号 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 内容 学时数 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 HTML基础 列表、表格与框架 表单 初识CSS CSS美化网页元素 盒子模式 浮动 定位网页元素 指导学习:课程总复习 指导学习:课程总复习 项目案例:制作V+网站 项目案例:制作V+网站 项目案例:制作V+网站 项目答辩 项目答辩 2.教学建议
(1)在教学方法上,应发挥教师在教学设计、教学组织中的主导作用,结合现有的教学条件,灵活运用各种教学方法开展教学,注重学生实际动手能力的培养,发挥学生在教学中的主体地位。
(2) 在本课程中建议广泛采用现代教育技术的成果丰富课堂内容,激发学生学习兴趣。
(3)在本课程教学中,注重以学生为主,强调学做结合,可采用项目、案例等形式组织教学内容。
3. 教材选用建议(可多个教材) 序号 01 名称、版本号 自主编制教材 主编 出版社 ISBN 单价 出版时间 (五)考核与评价
1.建立过程评价与目标评价并重的评价体系,引导学生具有严谨的学风和认真负责的态度。
2.改变传统的评价方式,根据任务引领型课程的教学要求,将过程评价与目标评价相结合、定性评价与定量评价相结合,充分关注学生的个性差异,发挥评价的激励作用,保护学生的自尊心,激发学生的自信心和学习兴趣。
3.充分肯定学生的多元思维和创造性的实践活动,并进行正确评价和引导。