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

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