通过学习，了解网页布局的方法，制作出不同类型（个人，公司，企业，商业，旅游）网站设计方式即格局的表现；实现网站重构,制作出符合行业网站规范的网页。学完后能从事网站的美术设计、页面开发制作、界面设计、流媒体设计等工作。

课程介绍：

一、网页样式与布局课

Web样式与布局：网页结构进行认知，了解切片与网页结构间的逻辑关系，学习符合W3C标准的HTML网页框架制作技术，包括结构标签，学习网页样式表现方法，使用CSS对网页进行细节美化

1）HTML简介、基本结构、编辑工具、常用标签、W3C标准；

2）CSS结构、语法、样式表分类、优先级、块元素、选择器；

3）图形、图像软件的使用（PS）；

二、网页样式与布局课

Web样式与布局：了解特殊布局的实现技巧，了解浏览器基本发展情况，浏览器的兼容，SEO基本常识

1）各种浏览器兼容性以及处理方式；

2）垂直居中，水平居中的处理方式；

3）雪碧图处理，滑动门处理及高宽自适应等高级应用技术；

4）CSS预处理器LESS框架的使用；

5）CSS组件框架编写。

三、HTML5与CSS3基础应用课

了解HTML的发展历史，熟悉HTML5的文档结构，熟悉HTML5特性与CSS3新特性，媒体查询实现简单的响应式布局.

1 中文非主流字体--外部资源(有字库)

2 增加伪类选择器: nth-of-type

3 codepen页面结构搭建精简;

4 增加响应式理论知识：优缺点，设计原则, 视口, 断点选择

5 做一个移动端的简易网页；

1）HTML5核心元素及布局应用；

2）CSS3 复杂选择器（包括兄弟选择器、属性选择器、伪类和伪元素选择器等）

四、Web界面多平台项目实训课

完成PC端整站与移动端项目的开发，包括浏览器兼容性等知识点的补充。

1 增加3d景深案例 :transform-style, perspective,perspective-origin；

2 京东页面，只带练有特色的部分, 对于重复性的结构，作为练习晚间独立完成；

3 一个移动端的页面(响应式： em rem )，表格；

1）2D/3D 转换（包括移动、旋转、倾斜和缩放、视点的定义和使用）、过渡、动画；

2）CSS Hack、CSS 优化、浏览器兼容性。

五、Javascript语言基础语法课

计算机程序基础，认识网页交互原理，深入讲解Javascript基本语法，了解DOM事件、属性、样式，学习js变量、函数（参数、返回值）、判断语句、运算符、表达式等。

1）了解什么是JavaScript；

2）了解JavaScript如何使用及运作原理；

3）掌握JavaScript的理论体系结构；

4）掌握JavaScript基本语法；

六、Javascript交互原理与应用课

鼠标、键盘事件，事件对象，默认事件，事件冒泡，元素的移动拖拽操作，模块封装及前端工程化开发1）掌握事件，事件原理；

2）掌握JavaScript基本的制作方法；

Javascript内置对象应用课BOM基础，取模运算，DOM元素的创建、删除、插入等，节点操作，事件，事件委派，

深入讲解javascript内置对象（字符串对象、数组对象、日期对象、数学对象等）1）掌握BOM的用法；

2）掌握原生DOM操作的用法；

3）掌握JavaScript内置对象（如Array、String、Date、JSON、Math、RegExp）；

七、JavaScript运动框架应用课回调函数，自运行函数，正则表达式、面向对象基本知识，详细讲解javascript运动框架及实例、javascript运动框架及实例。

我校在该区域有多个校点，可先预约免费试听课，满意再考虑是否学习：（发送姓名+课程+所在地区到老师手机，即可获得离您较近校区的免费试听信息）

◆24小时咨询热线：183-2170-6027 QQ：106-4557-212 ◆赶紧预约免费享受体验课程！