WEB前端开发课程提纲(24课时)

HTML CSS JS 课程提纲 51RGB

一、HTML+CSS基础知识（8课时）

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

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

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

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

3.盒子模型详解

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

4.CSS选择器及优先级

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

5.浮动布局与清除浮动

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

6.行内元素与块状元素

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

7.CSS文本、背景

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

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

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

二、企业实例网站（3课时）

1.企业网站首页实例

将已经设计好的企业网站UI设计图进行分析，完成首页布局。

2.企业网站二级页面

根据已做好的企业网站首页，继续完成企业网站二级页面的结构布局。

3.企业网站详情页面

针对企业网站的详情页面进行静态页面制作，最终完成企业网站整站制作。

三、HTML5与CSS3（2课时）

1.HTML5新特性

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

2.CSS3新增属性

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

四、手机网站的实例制作（1课时）

1.移动端网站制作

未来移动互联网发展潜力巨大，运用最新HTML5和CSS3知识实战演练移动端手机网站的制作，胜任多终端网站开发，打造全面前端开发技能。

五、JavaScript基础（5课时）

1.JS介绍及基本语法

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

2.JS基本类型

认识JavaScript的变量及基本类型，打造JS程序设计基础。

3.JS运算及控制结构

学会利用JavaScript进行运算，学习JavaScript控制结构。

4.JS对象及HTML DOM

了解JavaScript对象及学会利用JavaScript操作HTML DOM。

5.JavaScript事件及常用实例

讲解常用的JavaScript事件，通过常用实例掌握JS基本知识。

六、大型综合网站制作（3课时）

1.综合网站首页实例

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

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

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

3.综合网站单页宣传页布局

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

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

1.静态页面模块拓展

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

八、网页的优化（1课时）

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

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