首页 | 诚聘英才 | 在线报名 | 英雄会 | 联系方式
您当前的位置:珠峰培训 >>特色培训>>CSS+DIV核心课程专业讲座       招生电话:010-62863298 15010063597

珠峰培训CSS网页前端开发课程(3.0 版)大纲

收费标准(全部):1800元。课程发布日期:2011年6月22日。


比原来的课程有那些改进和提高,这些改进的依据主要来自毕业学员在实际工作中的反馈,另外一方面是教学过程的完善和提高。
1、加强了技术原理性的讲解,更突出了应用,把面向用户体验的网页设计引入到课程中。
2、加强了对课程的组织体系,在学习过程方面做了大量的改进。引入了志愿者模式和团队学习方式,使学习过程更人性化,更生动,提高了互动性。
3、加强了对学生进行考试化评估。在四周的学习中有不少于四次的考核作业。
4、增加了CSS3的内容及CSS3在IE6、7、8下的解决方案 。再次突出了CSS的兼容问题的解决。
5、增加了配套视频 ,核心内容都会有相对应的视频,这样既有利于预习,也有得于复习。
6、实行弹性学费制,把JS和CSS3内容设为可选内容,这样学费从1400到1800可选。

课前准备:

统计报班学员人数,学员分组,组织志愿者,准备教材和奖品
课程知识分为三类:一为原理性知识,二为应用性知识,三为扩展性知识技能。其中扩展性知识技能不要求一定掌握,但仍旧是讲课的重点和难点

第一周第一天(第一周两天的课程为原理性知识)

先导: HTML血统论(标签语义的重要性)

  1. 真正理解HTML的血统,才能正确使用HTML标签,用好HTML标签是做好网页的基础。
  2. 万物皆盒子。能做布局的不只是DIV,所有的标签都可以做布局。用DIV,是因为它一穷二白,没什么默认值。
  3. 不同的HTML标签在不同浏览器下的默认值和由此产生的浏览器兼容性问题

一、盒子原理:

边距,填充,边框,默认宽度,填充对背景的影响

二、标准流,浮动(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基础知识(JS和SPRY可选内容,不学可减200元学费)

第五天上午讲面向用户体验的网页设计、栅格化设计(暂时去掉这一内容)

开放性课程,讨论课
面向用户体验的网页设计、栅格化设计原理及应用

浏览器兼容性问题系统讲解与总结(新加内容,比原来课程中内容增加了两倍)

1、IE6中常见的BUG:扩展框问题、浮动边距加倍问题、3px文本偏移问题及由于浮动引起的诸多其它兼容性问题。
2、闭合浮动元素的几种解决方法及IE的layout。
3、常的CSS HACK及应用。

第五天下午讲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分

第五部分:CSS3详解及应用(新加内容:可选。不选可以减少学费200元)

1、CSS3的特点及应用。
2、CSS3伪类的手点及应用。
3、如何让IE支持CSS3中的圆角。
4、实例:珠峰培训首页中的CSS3实现。

最后评出本期优秀学员,合影留念。