为就业打好扎实的基础，掌握传统pc端网页布局和制作、掌握现在主流的页面制作技术， 可以完成微网站的制作，并可以做到多设备兼容、js 完成一些常见网页开发、通过实际项目开发，精通前端常用框架的实际应用及问题解决，以及常见开发、前后台交互开发。
针对初、高中毕业学生、在读大专、本科学生、、离职准备转岗人员。
对常用的一些JS框架了解，如jQuery、YUI等。
掌握基本的JavaScript计算方法编写。
对目前互联网流行的网页制作方法（Web2.0）HTML+CSS，以及各大浏览器兼容性有很大的了解。
对前沿技术（HTML5+CSS3）的基本掌握。
还要对IT其他编程语言有所了解如：PHP，Java，.net！有一些公司还要求懂一点SEO优化！
| 课程阶段 | 课程名称 | 课程内容 |
|---|---|---|
| HTML基础 | 了解HTML以及W3C标准 | 什么是HTML？ |
| HTML框架、HTML标签 | HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 <html> | |
| Css基础 | Css基础语法与选择器 | CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 |
| Css盒模型 | CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式 | |
| Css常用属性 | CSS背景 CSS文本 CSS字体 CSS链接 CSS外表 CSS表格 CSS轮廓 | |
| Css定位 | CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务 | |
| HTML5 | HTML5 是下一代的 HTML | HTML5 将成为 HTML、XHTML 以及 HTML D0M 的新标准。 |
| HTML 5 拖放 | 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 | |
| HTML 5 Canvas | HTML5 的 canvas 元素使用 在网页上绘制图像。 画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 | |
| HTML5 支持内联 SVG | SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 SVG 是万维网联盟的标准 | |
| HTML 5 Web 存储 | 在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响性能的情况下存储大量数据成为可能。 | |
| HTML 5 应用程序缓存 | HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势： 离线浏览 - 用户可在应用离线时使用它们 速度 - 已缓存资源加载得更快 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。 | |
| CSS3 | CSS3 边框、背景、文本效果、字体 | 通过 CSS3，您能够创建圆角边框，向矩形添加阴影，使用图片来绘制边框 CSS3 包含多个新的背景属性，它们提供了对背景更强大的控制 CSS3 包含多个新的文本特性 通过 CSS3，web 设计师可以使用他们喜欢的任意字体 |
| CSS3 2D转换 3D转换 | 通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。 CSS3 允许您使用 3D 转换来对元素进行格式化。 | |
| CSS3 过渡 | 通过 CSS3，我们可以在不使用 Flash 动画或 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。 | |
| CSS3 动画 | 通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 。 | |
| CSS3 多列 | 通过 CSS3，您能够创建多个列来对文本进行布局 - 就像报纸那样！ | |
| Photoshop软件使用 | 软件的基本操作 | 软件基本工具的使用基础快捷键的应用 |
| 设计标准 | 基于WEB用图片的尺寸图片格式的大小图片储存方法讲解 | |
| 设计原理 | 提高学员原创设计能力 | |
| 切图 | 将PSD文件制作成网页源代码 | |
| Js基础 | Js变量和数据类型 | 变量是存储信息的容器、数据类型包括字符串、数字、布尔、数组、对象、Null、Undefined |
| Js函数及流程控制 | 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块 | |
| Js常用对象 | 中的所有事物都是对象：字符串、数字、数组、日期，等等。 在 中，对象是拥有属性和方法的数据。 | |
| JQUERY使用 | jQuery使用 | jQuery 是一个 库。 jQuery 极大地简化了 编程。 jQuery 很容易学习。 |
| jQuery选择器 | 选择器允许您对元素组或单个元素进行操作。 | |
| jQuery操作D0M | jQuery操作D0M方法 | |
| jQuery效果、动画插件 | jQuery插件和各种jQuery的详细使用方法 | |
| Bootstrap框架 | Bootstrap CSS | Bootstrap 底层结构的关键部分，包括我们让 web 开发变得更好、更快、更强壮的佳实践。 |
| Bootstrap 布局组件 | 除了在原生的HTML基础上进行了外观和类别上的改进，BS还包装了很多组件进库中，设计网页时我们可以方便地调用这些组件，简略地介绍一下各种各样的组件。 | |
| Bootstrap 插件 | Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动。即使您不是一名的 开发人员，您也可以着手学习 Bootstrap 的 插件。利用 Bootstrap 数据 API（Bootstrap Data API），大部分的插件可以在不编写任何代码的情况被触发。 | |
| Bootstrap 其他 | Bootstrap UI 编辑器、Bootstrap v2 教程、Bootstrap HTML编码规范、Bootstrap CSS编码规范、Bootstrap 可视化布局、Less 教程 | |
| 需求编写 | 项目需求编写 | 了解项目需求分析、编写标准 |
| 就业面试技巧 | 面试技巧 | 面试模拟及技巧 |
以上就是web前端培训课程的全部内容介绍，如需了解更多的web前端培训班、课程、价格、试听等信息，也可以点击进入 web前端 相关频道，定制专属课程，开始您的学习之旅。
温馨提示
