WEB前端开发课程提纲-New(28课时-2016版)

课程提纲 51RGB

一、HTML+CSS基础必备（8课时）

1.了解HTML，熟悉开发环境

认识HTML，熟悉开发环境、了解html的组织结构，网页制作热身学习。

2.HTML标签、表格、iframe框架

学习常用的HTML标签，了解表格布局及iframe框架。

3.盒子模型详解

盒子模型概念，盒子模型之margin、border、padding详解，margin重叠现象研究。

4.行内元素与块状元素

认识行内元素与块状元素，灵活运用行内元素和块状元素的转化。

5.CSS选择器及优先级

学习css初始化、选择器、优先级等知识并熟练运用

6.浮动布局与清除浮动

熟悉网页浮动布局，掌握清除浮动的运用。

7.CSS文本、背景

熟悉css对文本控制的文字大小、行高等排版属性、了解css背景的拓展运用。

8.CSS定位以及CSS二级菜单

学会运用CSS相对定位与绝对定位，并运用所学知识制作纯CSS二级菜单。

二、大型综合网站实例演练（4课时）

1.综合网站首页实例

根据设计图，分析网站的基本结构，打造基本布局。

2.综合网站深入布局详解

针对已搭建完的静态页面基本结构布局进行深入、细致的布局完善。

3.综合网站独特性页面页布局

讲解网站的活动单页面实例制作，全方位胜任不同场景页面布局。

4.综合网站经典页面控件开发

讲解网站特殊难点的组件布局，掌握更多布局技巧，更熟练的胜任各类布局。
（讲解一个后台管理界面Demo，重点在于固定定位、局部滚动，数据图表）

三、JavaScript入门到进阶（8课时）

1.JavaScript基础入门

认识JavaScript，了解基本语法、变量的编写。

2.JavaScript的数组

学习JavaScript的数组，打造JS程序设计基础。

3.JavaScript流程控制

认识三大控制结构，学习JavaScript的流程控制。

4.JavaScript函数

认识JavaScript的函数，学习函数的用法与函数的声明。

5.JavaScript网页交互(事件)

讲解常用的JavaScript事件，通过常用实例掌握JS事件驱动核心知识。

6.JavaScript内置对象

掌握JavaScript主要的String，Array，Object等内置对象。

7.JavaScript浏览器对象(BOM)

学习JavaScript与浏览器交互的常用方法。

8.JavaScriptDOM对象

学习JavaScript三个主要部分之一DOM对象，更自如的使用JS操控你的网页。

四、jQuery常用知识以及Ajax、Json(2课时)

1.jQuery常用知识学习

了解jQuery与JavaScript的区别，学习jQuery框架常用函数。

2.Ajax与Json

学习JQuery中常用的Ajax操作，掌握json数据格式操作。

五、HTML5与CSS3（2课时）

1.HTML5新特性

了解最新HTML5一些常用新标签,为移动WEB开发奠定基础！

2.CSS3新增属性

讲解CSS3最新样式属性，全面掌握最新技术。

六、手机网站的实例制作（2课时）

1.移动端网站初步入门

未来移动互联网发展潜力巨大，运用最新HTML5和CSS3知识实战演练移动端手机网站的制作，初步学习移动端网页的制作原理。

2.深入学习开发移动端常用组件

更深层次掌握移动端网站的开发技巧，胜任多终端网站开发，打造全面前端开发技能。

七、静态页面常用模块化及拓展知识（1课时）

1.静态页面模块拓展

进行静态页面常用模块的示例，如表单验证、弹出框、滑动门；介绍bootstrap等相关前端框架以及一些目前应用比较有价值的知识。

八、前端开发的优化（1课时）

1.优秀的网站是怎样炼成的

分享优秀网站的设计制作要点和精髓，让技术更好的结合实际运用到恰到好处！老师干货分享，技术交流，面试技巧等，上交整站作业，老师点评修改（用于自己工作面试）。