《Div+CSS》大纲及进程表(48+24课时).doc

Div+CSS课程进程表总计学习课时为 72 课时，其中理论课时为 48 课时，实验课时为 24 课时，适用专业：软件开发专业，各章节课时分配如下： 章节号章节名称理论课时分配实验课时分配说明第一章初识Web标准网页开发33第二章盒式模型63第三章浮动布局63第四章CSS图文混排126第五章CSS导航的制作93第六章CSS网页布局实战126课时小计4824课时总计72教务处复审： 学科负责人初审：安士美 编制人：李瑞芳 日期： 日 期：2012-1-8 日 期：2012-1-8Div+CSS课程教学大纲适用专业：软件开发专业PHP方向 教 材：非标教学环境：理实一体化考核方法：考试一、 课程的性质与任务该课程采用教师课堂讲授，配合多媒体教学（投影、电子分屏）同时借助实验课以增加学生对每一个知识点了解、掌握和应用。要注重每一个教学内容在课程中的重要性及其与相关内容之间的有机联系，教学时注意课程的系统性，突出重点，讲清难点。通过本课程的学习，学生不仅可以掌握计算机硬件系统的相关知识，而且对软件系统的管理、维护和故障排除都得心应手。二、 教学内容第1章 初识Web标准网页开发学习课时本章理论实验课3课时，辅导3课时目的要求l 了解Web标准网页开发的含义l 掌握XHTML的书写标准l 初步掌握Div+CSS网页排版流程教学内容 1. Web标准的概念2. XHTML的书写标准3. 第一个XHTML的实战思考与练习 1. Web标准是什么？2. 为什么要使用Web标准开发网页？3. 简述XHTML的书写标准。第2章 盒式模型学习课时本章理论实验课6课时，辅导3课时目的要求l 了解盒式模型的概念l 掌握块级标记与行间标记的区别l 掌握盒式模型中的五大属性l 掌握盒式模型中的叠放特性教学内容 1. 盒式模型的概念2. 块级标记与行间标记的区别3. 盒子的五大属性4. 盒子的叠放 思考与练习 1. 盒式模型是什么？2. 块标记与行标记的区别是什么？3. 制作两个220像素宽的无序列表，段落之间有15像素的间距。4. 输入一个标题文字，设其为h2，然后，需要在这个标题的右上方出现new字样。第3章 浮动布局学习课时本章理论实验课6课时，辅导3课时目的要求l 了解浮动布局的概念l 掌握两列布局的方法l 掌握多列布局的方法教学内容 1. 浮动布局的概念2. 制作简单的两列布局3. 制作复杂的多列布局 思考与练习 1. 请简述浮动布局的原理。2. 一般来说，制作网站后台页面时，会采取什么样的布局？3. 请归纳一下在使用浮动布局时，我们需要注意的几点。第4章 CSS图文排版学习课时本章理论实验课12课时，辅导6课时目的要求l 掌握定义列表的灵活使用l 掌握盒式模型与浮动布局的使用教学内容 1. 纯文字排版2. 图文混排3. 制作新闻类网站的新闻内容页面4. 制作产品展示页面5. 制作商品展示页面 思考与练习 1. 制作当当网的书籍列表。2. 制作淘宝网的商品列表。第5章 CSS导航栏制作学习课时本章理论实验课9课时，辅导3课时目的要求l 掌握浮动布局的灵活使用l 掌握导航栏的制作教学内容 1. 纯文字导航条2. 纯图形导航条3. 使用相对定位与绝对定位制作的特殊导航效果思考与练习 1. 制作一个纯文字导航条2. 制作一个纯图形导航条第6章 CSS网页布局实战学习课时本章理论实验课12课时，辅导6课时目的要求l 掌握CSS布局网页的基本CSS设置l 掌握网页制作的基本步骤教学内容 1. 建立站点并初始化首页2. 分析网页页面布局结构3. 分步完成页面制作 思考与练习 1. 请总结要进行页面代码还原时，其基本步骤是什么？2. 要求学员上机时，将本案中的网页制作完成，并控制制作时间在1.5小时内。三、大纲说明1.本课程建议采用教师课堂讲授，也可以配合多媒体教学。2.上机实践要紧密结合课堂教学，以实践为主3.课堂教学可采用多种形式，以提高学员学习兴趣和课堂讲授效果四、参考书目1.CSS网站布局实录， ，科学出版