课程介绍Course Introduction

Web前端学习班

HTML5是什么

万维网的核心语言、超文本标记语言（HTML）的第五次重大修改。HTML5已经于2014年10月正式定稿。然而，大部分现代浏览器已经具备了某些HTML5支持。HTML5是web时代*前沿的技术，它特有canvas标签和多种选择的游戏开发引擎，让游戏开发更便捷。如果说苹果重新发明了手机，那么HTML5则重新定义了网络。它是链接手机、平板电脑、PC以及其他移动终端的桥梁，可以更丰富地展现，让视频、音频、游戏以及其他元素构成一场华丽的代码盛宴。

简介：本课程学习，让你从小白到主管、经理或创业者转变。根据企业人才需求，定制研发，三分理论 七分实战课程体系，超长标准课时，与多元化知识体系、思维模式及实战类型，更亲近 名企高薪。

适合人群：在校学生、企业白领、网站美工、其他职业

学三月=80%的人2年才能成为WEB工程师的梦想！

**阶段：PS/DW

第二阶段：页面架构布局：HTML、DIV CSS

第三阶段：页面交互及特效：JavaScript、jQuery

第四阶段：移动端页面布局：HTML5 CSS3

课程模块 课程内容 培养目标 HTML/CSS 1、认识WEB前端 达到初、中级前端开发工程师的要求，能够完成网站页面的开发及常用的JS交互效果的编写 WEB前端开发语言介绍、开发工具介绍、HTML的构成、CSS样式表、元素和属性、样式出现的位置、样式写法、ID选择器、常见样式—文本设置、盒模型概念、结构性样式 2、常见标签及用途 常见标签、标签的样式初始化、块元素和内嵌元素、特殊的inline-block属性 3、选择器及分类 A的四个伪类、A伪类的应用和兼容、选择器分类、优先级 4、浮动 如何让元素水平排列、float浮动/ 文档流、清除浮动的方法、浮动兼容性问题、vertival-align / img问题 5、定位 position定位、定位元素位置控制、z-index:[number]定位层级、定位的兼容性 6、表格和表单 表格的用途、表格的相关标签、合并单元格、表格样式重置、表单用途、表单元素、鼠标聚焦清除、表单兼容性问题 7、HTML/CSS进阶 CSS命名规则、HTML条件注释语句、常见网站兼容性问题、CSS hack、PNG24兼容性问题、CSS技术大杂烩 8、项目实战 CSS精灵（css雪碧/css sprites）、CSS精灵的优缺点、网站圆角结构、圣杯布局（双飞翼布局）、等高布局、CSS模块化开发 JavaScript 1、JS入门基础 网页特效原理分析、编写JS的流程、编程思路、获取元素、添加事件、属性操作和注意事项、if判断、for循环、关键字：this、自定义属性 2、数据类型、运算符 数据类型、数据类型转换、检测数字的方法、运算符分类、运算符优先级 3、函数传参、作用域、流程控制 函数括号的作用、函数传参实例、作用域概念、JS解析器执行方式、作用域应用场景、程序流程控制 4、函数详解、定时器、倒计时 函数返回值、函数可变参、封装函数、定时器基础、两种定时器的区别、定时器深入应用、事件对象实例研究、倒计时 5、字符串方法、JSON、数组方法 获取类、查找类、JSON与数组、数组详解、数组方法 6、数组排序、Math对象、字符串与数组方法深入应用 数组排序方法、数组排序规则、Math对象的随机函数、Math对象的常见方法、concat、reverse 7、DOM/BOM DOM基础、节点类型、DOM节点-子节点、创建和插入元素、用className选择元素、表格应用、DOM常用属性、打开/关闭窗口、窗口尺寸、window对象常用事件 8、事件基础 焦点事件、This关键字、Event对象、事件流、键盘事件详解、事件默认行为 9、事件应用及cookie 简易拖拽、碰撞检测、自定义滚动条、鼠标滚轮事件、cookie 10、JS中的运动 运动框架实例、缓冲运动、多物体运动、任意运动、运动框架、图片预加载、延迟加载 11、面向对象 什么是对象、什么是面向对象、对象的组成、面向对象编程(OOP)的特点、原型：prototype、流行的面向对象编写方式、面向对象选项卡 HTML5 1、初识HTML5 达到中高级前端开发工程师的要求，能够独立完成PC、移动端顶目开发 什么是HTML5、HTML5的文档结构及基础语法、新的结构化元素、语义化标签、兼容性问题 2、表单和文件 表单新的输入型控件、新的表单特性和函数、表单验证、HTML5的文件处理、拖放事件操作、传递拖拽数据 3、播放多媒体 HTML5音频概述、HTML5视频概述、HTML5支持的音频和视频格式、HTML5音频视频API 4、使用canvas标签画图 Canvas元素的定义语法、坐标与颜色、绘制图形、描边、绘制图像与文字 5、绘制可伸缩矢量图形（svg） svg概述、svg形状、线条和填充、svg文本与图片、svg滤镜、变换坐标系 6、地理信息、本地存储、离线存储 什么是浏览器地理位置、获取地理位置信息、数据保护、本地存储概述、访问localstorage对象、访问sessionstorage对象、websql database api 、HTML5离线web应用程序概述、开发HTML5离线web应用程序 7、支持多线程编程的web workers 什么是线程、什么是html5 web workers、web workers编程 CSS3 1、CSS3简介 简介、浏览器前缀、兼容情况处理 2、选择器介绍 常见选择器、新增的选择器（属性选择器，伪类选择器） 3、字体与文本相关属性 文字阴影、CSS3颜色表示方法、文字描边、新增的服务器字体（自定义字体）、定义省略文本的处理方式 4、背景及边框相关属性 背景图片固定、新增背景相关属性及多背景设置、圆角边框设置、图片边框设置、渐变边框 5、大小，布局及盒模型相关属性 大小相关属性（新增box-sizing，resize属性、布局相关属性（浮动布局，定位布局、盒模型和display属性、对盒设置阴影、CSS3多栏布局、响应式布局 6、变形与动画相关属性 CSS3基本变形支持、CSS3 Transition属性（多个属性同时渐变）、CSS3 Animation属性（多个属性的动画） jquery 1、jQuery基础知识 应对各类前端顶目，为你开启前端技术总监之路 认识jQuery、搭建jQuery运行环境、jQuery基础语法 2、jQuery选择器 jQuery选择器的优势、jQuery选择器分类、jQuery选择器中的一些注意事项 3、jQuery操作DOM DOM树状模型、元素属性操作、获取和设置元素、元素样式操作、页面元素操作 4、jQuery中的事件和应用 事件机制、页面载入事件、绑定事件、切换事件、移除事件、其他事件 5、jQuery中的动画与特效 显示与隐藏、滑动、淡入淡出、自定义动画、动画效果综述 Bootstrap 1、bootstrap基础知识 Bootstrap是什么、bootstrap的文件结构、基本的HTML模板、默认网格系统 2、bootstrap预定义的CSS样式 排版、代码、表格、表单、按钮、图片、图标 3、Bootstrap内置的布局组件 下拉菜单、按钮组、按钮下拉菜单、导航元素、导航条、面包屑式导航、分页导航、标签、圆标签、排版相关元素、缩略图、警示框、进度条、媒体对象、其他组件 4、Bootstrap支持的JavaScript插件 概述、过渡、模态框、下拉菜单、滚动监控器、可切换的标签页、提示条、弹出层、警示框、按钮、折叠框、传送带、预选输入、粘条 5、实际使用bootstrap GitHub项目、定制bootstrap 项目实战 门户类、电商类、企业类、移动端/响应式网站开发，作品整理

陈益材 优就业教学研发研究院院长

主讲： HTML5、CSS、web前端、电商、php

中公教育优就业教学研发研究院院长，中国互联网信用中心技术总监

工作经验：

互联网产品开发、品牌运营畅销书作家，出版过超100部IT技术及网络营销相关书籍。

10年以上互联网技术开发实战专家，精通网站前端布局设计、HTML5、CSS、PHP、Mysql等多项开发技术。

10年以上品牌运营实战专家，网站策划、运营、网站建设、电商运营、网站设计与应用等推广经验丰富。

创办环博文化IT出版品牌，策划并辅助过近百家企业网站的建立与营销推广。

授课风格：作为国内知名IT实战技术及出版过多部书籍的全能型专家，其授课风格独特、形式灵活、内容实用，能结合教材从日常工作的小案例中，教给学员*实用的处理方法。10多年来，教授的学员及出版的书籍遍布互联网行业各个领域，人脉资源遍布全国各地。

畅销书籍：《PHP MySQL Dreamweaver动态网站建设从入门到精通》、《PHP MySQL Dreamweaver动态网站开发从入门到精通 第2版》、《Dreamweaver CC ASP动态网站开发从入门到精通》、《网页DIV CSS布局和动画美化全程实例》、《网页DIV CSS布局和动画美化全程实例(第2版)》、《Dreamweaver CS4中文版从入门到精通》、《Dreamweaver CS3 ASP动态网站开发从基础到实践》、《中学信息技术课本》、《北京市民信息化网络实用手册》、《企业网站完美设计与应用》、《赢在电子商务：网络营销创意与实战》、《微店运营实用手册》、《网站建设从入门到精通》等

如需了解更多课程详情，欢迎我们： ： ：xxt

课程热线

客服时间：早上9点~下午6点，其他时间请在线报名或留言，谢谢！

申请免费试听

学校介绍University Profile

优就业是中公教育IT培训品牌，致力于培养面向电商及互联网领域的高端人才，以学员就业为目的，优质就业为宗旨，是一家集互联网营销师、SEO优化师、SEM竞价师、社会化媒体运营师、电商运营师、互联网产品经理、网页设计师、Web前端工程师、PHP工程师、Android工程师、iOS工程师、Java工程师、C/C++工程师、软件测试工程师等课程为一体的IT培训机构。

优就业为每一位学员定制个性化求职方案及职业规划，提供一对一修改简历、培训面试技巧、模拟真实面试场景、推荐合作企业就业等服务。与众多高校和知名企业建立了战略合作伙伴关系，为百度、搜狐、腾讯、新浪、阿里巴巴、凤凰网、360、人民网、中国教育在线、中青在线、网易、苏宁、滴滴出行、京东、去哪儿、当当网等知名IT企业培养输送了大量的互联网人才。

优就业总部位于北京，直营分部覆盖国内众多城市，在全国31个省市自治区，近350个地市，拥有470家直营分部和旗舰学习中心，全国专用教学场地超过30万平米。是当前国内直营分部覆盖城市广泛、专职教师数量众多的现代化职业教育机构。

优就业业务类型主要包括面授培训、网络远程教学培训、网络直播课程培训、IT类图书出版等。优就业为广大学员提供更加人性化的选课服务，包括封闭班集训营、周末精讲班、在线网课等系列产品。更联合高校开设学历班，学成后将获得国家承认的大专、本科学历，满足广大学员对更多技能、更高学历的追求。

优就业拥有一支业内人数众多、阵容强大的培训团队，强大的师资队伍现已拥有逾200名专职培训教师，已率先实现了IT行业师资团队的精细化、科学化分工。创立O2O教学体系，针对全国IT行业需求、发展及就业趋势，打造从线上到线下的全方位、一体化教学体系，目前该体系已帮助众多IT行业学子实现高薪就业梦想。

优就业·教学理念

面授：优就业依托遍布全国的400多家直营分部，在各地市开设有不同形式、不同层次的辅导课程，满足学生的差异化、个性化需求。优就业不断提高教学水准，以研发为核心竞争力，为学生提供科学有效的教学服务。拥有行业雄厚师资，打造实力专家团队，以**教学效果为导向，设置特色化辅导内容和教学方式。

无论你在哪个城市，都能方便就近入学，参与面授培训。与远程在线教学相比，面授课程能够让学员真切感受班集体的学习氛围，更有老师面对面的讲授，手把手的教学，保时保量。

实战：优就业与多家企业实体达成亲密合作关系，创造“实训教学”模式，学员在实训课程中，可以直接进入合作企业研发团队，亲自参与项目的运作，真正做到学以致用、学有所成，避免了培训带来的理论与实践脱节的弊端。目前优就业为百度、新浪、搜狐、联想、阿里巴巴、中软、华为、摩托罗拉、IBM等多家知名企业培养输送IT人才。

优就业·培养目标

优就业作为IT职业教育培训机构，始终坚持“学员的事是重要的事”这一办学理念，不断升级软件、硬件实力，对教学质量负责，对培训效果负责，真正地对学员负责。

优就业贴合学生的亲身利益需求，以理念的不断升级为导向，为学员提供舒适的学习环境。同时优就业在全国各分部均设置了学习体验中心，并且拥有自己的培训教学基地。多媒体教学设施先进，有着丰富的硬件资源。每一位老师、每一位员工都始终坚持企业的核心教学理念，在各个岗位上为每一个学员提供真诚的服务。

优就业·企业责任

优就业作为一家专注于IT职业教育培训企业，坚持以“纯善”作为企业发展的价值观基石，在创造商业价值的同时，更加注重对员工、对学员、对社会的回馈。

自成立以来，不断**慈善捐款、建立社会企业、资助贫困大学生、组织公益活动等多种形式履行企业的社会责任。优就业始终重视**员工基本权益，为员工提供业务水平、管理能力等多层次教育培训，真正践行企业对员工的关爱;同时，优就业始终坚持“学员的事是重要的事”这一服务理念，不断提升教学能力和服务水准，为学员提供更完善、更贴心的职业培训。先后**成立社会工作服务中心;“阳光伴你行”公益项目;西华大学助学金项目;汶川、玉树地震救助及捐款计划等多种形式履行企业的社会责任，成为国内较早的救灾型公益企业。

优就业·获得荣誉

优就业的教育成果，以及经营模式得到了社会各界的广泛赞誉，在中国IT教育培训和职业教育领域有较强的影响力，近年来荣获各界机构的认可：

2016年1月28日荣获：大众点评2015“十佳职业技术培训品牌奖”

2016年1月26日荣获：新京报2015“年度我信赖的培训品牌奖”

2015年12月12日荣获：中国网2015“广受学员好评职业教育机构奖”

2015年12月1日荣获：腾讯2015“年度实力教育品牌奖”

2015年11月26日荣获：新浪2015“中国品牌价值在线教育机构奖”

2015年11月19日荣获：百度2015“品牌数字资产榜职业教育**”

2015年1月14日荣获：百度2014“职业教育行业品牌数字资产卓越奖”

2014年12月22日荣获：央广网2014教育盛典“中国教育领军品牌”

2014年12月3日荣获：腾讯2014教育盛典“*具竞争力职业教育品牌”

2014年11月27日荣获：新浪2014教育盛典“*具社会影响力教育集团”

2014年1月10日荣获：新京报2013教育行业金粉笔“我*信赖的培训品牌”、“年度爱心公益奖项”

2013年11月28日荣获：新浪2013教育盛典“*具品牌价值教育连锁机构”、“*具品牌影响力网络教育机构”、“*具品牌知名度职业培训机构”、“*具品牌影响力教育机构”、“*具综合实力教育机构”

2013年12月5日荣获：腾讯2013教育“腾讯网十年*具价值职业教育品牌”

优就业·总部大厦

员工生活

教学环境 上课环境 实训环境 休息区域