珠峰培训CSS网页前端开发课程（2.0 版）大纲
比原来的课程有那些改进和提高，这些改进的依据主要来自毕业学员在实际工作中的反馈，另外一方面是教学过程的完善和提高。
1、加强了技术原理性的讲解，更突出了应用，把面向用户体验的网页设计引入到课程中。
2、加强了对课程的组织体系，在学习过程方面做了大量的改进。引入了志愿者模式和团队学习方式，使学习过程更人性化，更生动，提高了互动性。
3、加强了对学生进行考试化评估。在四周的学习中有不少于四次的考核作业。
课前准备：
统计报班学员人数，学员分组，组织志愿者，准备教材和奖品
课程知识分为三类：一为原理性知识，二为应用性知识，三为扩展性知识技能。其中扩展性知识技能不要求一定掌握，但仍旧是讲课的重点和难点
第一周第一天（第一周两天的课程为原理性知识）
先导：
HTML血统论
- 真正理解HTML的血统，才能正确使用HTML标签，用好HTML标签是做好网页的基础。
- 万物皆盒子。能做布局的不只是DIV，所有的标签都可以做布局。用DIV，是因为它一穷二白，没什么默认值。
一、盒子原理：
边距，填充，边框，默认宽度，填充对背景的影响
二、标准流，浮动(float)和定位(position)
浮动的开始位置、浮动元素对兄弟元素的影响，清除浮动。
浮动会对弟弟产生影响，弟弟元素会视此元素为不见，但弟弟元素内的内容不会与浮动元素内的内容
重叠。
三、行内元素和块级元素。
块级元素和行内元素 了解那些是块级元素，那些是行内元素。两种元素的转化方法（display)
四、初步了解background的复杂用法
五、了解溢出（overflow)，理解clear和overflow的重要性
六、布置作业，分析作业
今天的实践练习作业：用CSS+DIV的方式完成复杂的表格效果，目地在于强化盒子原理和用CSS+DIV做网页的整体布局。
第一周第二天的知识点
一、定位position的全面了解
例子：不用图片的三角菜单，带说明信息的菜单。
二、应用背景属性的复杂用法：
九宫格 CSS SPRITE
三、Z-index原理
四、深入理解ID选择器、类选择器其不同的样式的作用强度
实例：三角菜单，圆角菜单，折角菜单，会跳动的多彩菜单等。
五、CSS调试工具，CSS浏览器兼容性测试工具使用。
实践练习：仿做有道桌面词典首页
第二周（第三天）
上午：学员讲练习，讨论课分析课。（准备好奖品）
下午讲滑动门 伪类，CSS发展趋
做出两层滑动门做的玻璃导航菜单
第二周（第四天）:CSS菜单应用
有实际意思的CSS菜单（综述了定位和z-index特性的菜单），在此讲中着重讲解了伪类和在将来的CSS发展趋势中的伪类的重要性
布置作业：通过网络了解面向客户体验的网站设计、栅格化设计、UED、UCD
第三周：课程重点是CSS的综合技能、CSS框架和JS基础知识
第五天上午讲面向用户体验的网页设计、栅格化设计
开放性课程，讨论课
面向用户体验的网页设计、栅格化设计原理及应用
第五天下午讲SPRY框架，tab面板和折叠面板（其中tab面板是重点）
在讲解SPRY框架时要求学生理解什么是CSS、JS框架，要求了解SPRY所能实现的网页特效。
对SPRY框架的JS部分不做讲解，对SPRY的CSS要求学生熟练掌握如何做出自定义的几种特效。
对学生说明为什么要选择SPRY来讲解：SPRY和DW无缝集成，不需要写任何的JS代码就可以图形化的设计特效，这是其它框架所不具备的。
在更高级的课程中（javascript网页编程课程中），我们会讲解功能更强大，更通用列流行的JQuery框架。
练习，有tab面板的综合网页练习
布置作业：用spry完成综合的网站首页功能
第六天：
JS入门，JS语法，方法定义，基本的语句：条件，循环，用JS控制CSS
用JS做的下拉菜单
第四周：以综合练习和扩展技能为主，重点是CSS的高级应用和JS
第七天，变宽布局 和圆角（上午）
下午：JS
第八天，JS进阶
注意：SPRY框架和JS是扩展知识，尤其是JS。最后一个作业只要求做出CSS效果来，满分七十分，如果把JS效果能独立做出来，是140分
最后评出本期优秀学员，合影留念。