课程详情
第一部分 Web前端设计师之十八般武艺
了解 PS Flash（25讲）
Adobe Photoshop，简称"PS"，是由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的 编辑与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。 Flash又被称之为闪客，是由macromedia公司推出的交互式矢量图和 Web 动画的标准，网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。
01、理解像素、分辨率、图层的概念，熟悉ps界面
02、ps工具运用之选择选择修改类工具初篇
03、ps工具运用之选择选择修改类工具后篇
04、ps工具运用之修补修饰工具、矢量工具、辅助工具
05、ps工具运用之矢量工具、辅助工具及PS实训一(前篇)
06、PS实训一：模仿微博注册页设计(后篇)
07、通道与蒙版及滤镜的运用
08、ps制作gif动画及PS实训二(开篇)
09、实训二：仿企业电子商务网站（一）
10、实训二：仿企业电子商务网站（二）
11、实训二：仿企业电子商务网站（三）
12、实训二：仿企业电子商务网站（四）
13、flash新建图像及元件
14、元件及创建动画
15、创建动画及引导层与遮罩层
16、引导层与遮罩层及控制型动画制作
17、控制型动画制作(1)
18、控制型动画制作(2)
19、flash实训：公益flash动画制作（一）
20、flash实训：公益flash动画制作（二）
21、flash实训：公益flash动画制作（三）
22、flash实训：公益flash动画制作（四）
项目演练
1、photoshop操作熟练进阶（第8讲之后演练）
2、flash动画制作进阶（第16讲之后演练）
3、flash动画制作进阶及代码运用（第18讲之后演练）
第二部分 Web前端设计师入门必备
新手学 HTML CSS（17讲）
HTML是目前最流行的网页制作语言。互联网中的网页大多数都是使用HTML格式展示在浏览者面前的。随着Web 2.0概念的提出，要求网页具有更好的扩展性和用户体验，这使得CSS样式表在网页设计中变得越来越重要。本课程主要是讲解HTML的标签用法以及CSS对HTML的控制方法
01、HTML基本标签
02、HTML基本标签及W3C标准
04、表格、表单及框架及CSS基本语法和字体美化样式
05、CSS基本语法和字体美化样式
06、CSS基本语法和字体美化样式(后篇)
07、盒模型的理解与认识
08、盒模型的理解与认识及浮动布局
09、浮动布局与定位布局(一)
10、浮动布局与定位布局(二)
11、浮动布局与定位布局(三)
12、hack及条件注释及实训微博注册页面切片(一)
13、实训微博注册页面切片(二)
14、实训微博注册页面切片(三)
15、实训微博注册页面切片(四)
项目演练
1、HTML代码进阶及样式入门 （第6讲之后演练）
2、CSS代码进阶（第11讲之后演练）
第三部分 Web前端设计师之内功修炼
CSS高级及兼容Hack技术（22讲）
本阶段课程主要是讲解兼容Hack技术，CSS Hack就是指我们为了兼容各浏览器而使用的特别的CSS定义技巧，我们在用DIV CSS制作网页时， 由于不同的浏览器对CSS的支持及解析结果不一样，而导致不同的显示效果。
01、倒三角、滑动门及IE6的那些常见bug(一)
02、倒三角、滑动门及IE6的那些常见bug(二)
03、分页居中制作、九宫格制作及css sprite制作和优缺点
04、实训 文章详细页(一)
05、实训 文章详细页(二)
06、实训 文章详细页(三)
07、实训 文章详细页(四)
08、实训 传统企业站布局(一)
09、实训 传统企业站布局(二)
10、实训 传统企业站布局(三)
11、实训 传统企业站布局(四)
12、实训 传统企业站布局(五)
13、实训 支付宝社区(一)
14、实训 支付宝社区(二)
15、实训 支付宝社区(三)
16、实训 支付宝社区(四)
17、实训 支付宝社区(五)
18、实训 支付宝社区(六)
19、实训 支付宝社区(七)
20、实训 支付宝社区(八)
21、实训 支付宝社区(九)
项目演练
CSS高级及兼容Hack技术代码应用 （第3讲之后演练）
第四部分 Web前端开发高手进阶
js框架 Ajax技术（45讲）
“JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。而Ajax则是一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的部分内容进行更新，从而达到减少网络流量，提高加载速度的目的。”
01、初识javascript及其语言基础(一)
02、初识javascript及其语言基础(二）
03、初识javascript及其语言基础(三)
04、javascript原始数据类型(二)
05、javascript原始数据类型(三)
06、javascript原始数据类型(四)
07、javascript原始数据类型(五)
08、javascript 数组（二）
09、javascript 数组（三）
10、函数、Math、Date、RegExp（一）
11、函数、Math、Date、RegExp（二）
12、函数、Math、Date、RegExp（三）
13、DOM操作(一)
14、DOM操作(二)
15、DOM操作(三)
16、DOM操作(四)
17、鼠标事件(一)
18、鼠标事件(二)
19、鼠标事件(三)
20、鼠标事件(四)
21、鼠标事件(五)
22、递归及setTimeout与setInterval用法(二)
23、递归及setTimeout与setInterval用法(三)
24、递归及setTimeout与setInterval用法(四)
25、递归及setTimeout与setInterval用法(五)
26、递归及setTimeout与setInterval用法(六)
27、键盘事件与焦点事件(一)
28、键盘事件与焦点事件(二)
29、键盘事件与焦点事件(三)
30、键盘事件与焦点事件(四)
31、键盘事件与焦点事件(五)
32、javaScript的事件冒泡与事件捕捉
33、闭包及匿名函数的执行
34、BOM对象(一)
35、BOM对象(二)
36、BOM对象(三)
37、BOM对象(四)
38、BOM对象(五)
39、js cookie编程(二)
40、全局对象及json数据对象(一)
41、json数据对象(二)
42、json数据对象(三)
43、json数据对象(四)
44、js函数封装
45、ajax与xml及后端数据交互(一)
46、ajax与xml及后端数据交互(二)
47、ajax与xml及后端数据交互(三)
48、jqeury框架基础入门(一)
49、jqeury框架基础入门(二)
50、jqeury框架基础入门(三)
第五部分 Web前端综合项目实战
Web前端综合项目实战（37讲）
本阶段将利用已学到的技术构建一个复杂的企业网站。
01、行业网站综合实训(一)
02、行业网站综合实训(二)
03、行业网站综合实训(三)
04、行业网站综合实训(四)
05、行业网站综合实训(五)
06、行业网站综合实训(六)
07、行业网站综合实训(七)
08、行业网站综合实训(八)
09、行业网站综合实训(九)
10、行业网站综合实训(十)
11、行业网站综合实训(十一)
12、行业网站综合实训(十二)
13、行业网站综合实训(十三)
14、行业网站综合实训(十四)
15、行业网站综合实训(十五)
16、行业网站综合实训(十六)
17、复杂企业站jquery综合实训(一)
18、复杂企业站jquery综合实训(二)
19、复杂企业站jquery综合实训(三)
20、复杂企业站jquery综合实训(四)
21、复杂企业站jquery综合实训(五)
22、复杂企业站jquery综合实训(六)
23、复杂企业站jquery综合实训(七)
24、复杂企业站jquery综合实训(八)
25、复杂企业站jquery综合实训(九)
26、轻博客主页实训(一)
27、轻博客主页实训(二)
28、轻博客主页实训(三)
29、轻博客主页实训(四)
30、轻博客主页实训(五)
31、轻博客主页实训(六)
32、轻博客主页实训(七)
33、轻博客主页实训(八)
34、轻博客主页实训(九)
35、轻博客主页实训(十)
项目演练
1、复杂企业站jquery
2、轻博客主页
第六部分 移动开发框架
BootStrap响应式网页开发（40讲）
Bootstrap是目前很受欢迎的一种前端框架。它简洁灵活，使得 Web 开发更加快捷。它在jQuery的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。
01、BootStrap入门准备
02、BootStrap整体架构
03、BootStrap CSS布局
05、掌握栅格布局具体应用
06、掌握BootStrap通用CSS样式
07、（排版、代码、表单、按钮、图片、辅助类、响应式工具）
08、BootStrap CSS组件
09、掌握下拉菜单、按钮组、按钮式下拉菜单的BootStrap组件的用法
10、掌握输入框组件的BootStrap组件用法
11、掌握导航、标签、面包屑导航的BootStrap组件的用法
12、掌握BooStrap导航条组件的用法
13、掌握BooStrap分页、徽章组件的用法
14、掌握大屏幕介绍、页面标题、缩略图、警示框、Well等BootStrap的用法
15、掌握进度条、媒体对象、列表组、面板等BootStrap的用法
16、BootStrap JavaScript组件
17、了解什么是Bootstrap 插件
18、掌握Bootstrap 过渡效果
19、掌握Bootstrap 模态框
20、掌握下拉菜单、滚动监听、标签页等组件用法
21、掌握Bootstrap 工具提示、弹出框、警告框等组件用法
22、掌握Bootstrap 按钮、折叠、轮播、附加导航等组件用法
23、掌握多级子菜单插件的使用
项目演练
经典BootStrap模板解析
第七部分 Web前端开发工程师
MySQL从入门到精通（选修/30讲）
一般在前端开发中，企业均要求前端开发人员了解一些后台语言的原理与实现，能够熟练和后台开发人员合作开发程序。PHP && MySQL是非常流行的开源技术，它们非常适合快速开发数据库驱动的Web应用。PHP是一种功能强大的脚本语言，专门用于快速创建高性能的Web应用，而MySQL则是
一个快速而又可靠的数据库，它能很好地与PHP集成，适用于基于互联网的动态应用。 本课程介绍了如何使用这些工具创建高效和交互式的Web应用。
它清晰地介绍了PHP语言的基础，解释了如何设置和使用MySQL数据，以及如何使用PHP与数据库和服务器进行交互。
01、安装配置MySQL数据库
02、图形化管理工具
03、存储引擎及数据库基本操作
04、字符集及乱码处理
05、MySQL DML特性的高级用法
06、MySQL内置函数
07、MySQL 中的存储过程、触发器高级应用
08、MySQL中视图与事务高级应用
09、MySQL中索引的使用
10、MySQL数据库的安全技术
11、系统管理(1课时)
12、MySQL备份和还原操作
13、性能优化(1课时)
14、集群的配置及应用
项目演练
学生成绩管理系统：涉及知识点训练（ E-R图设计、数据库及表的设计、表中主键及外键设计、复杂查询功能实现，视图及存储
过程、触发器的应用，安全性中用户及权限设置、性能优化、备份及恢复功能实现）
第八部分 Web前端开发工程师
PHP零基础实践(赠送课程)（选修/50讲）
PHP 的特性 1. 开放的源代码：所有的PHP源代码事实上都可以得到。 2.PHP是免费的。 3.PHP的便捷性 : PHP十分便捷 4. 基于服务器端：由于PHP 是运行在服务器端的脚本,可以运行在 UNIX、LINUX、 WINDOWS 下。 5. 嵌入HTML：因为PHP可以嵌入 HTML 语言，所以学习起来并不
困难。 6. 简单的语言：PHP坚持脚本语言为主，与Java 和C 不同。 7. 效率高：PHP消耗相当少的系统资源。 8. 图像处理：用PHP动态创建图
像 9. 面向对象：在php4,php5 中，面向对象（OOP技术）方面都有了很大的改进，现在 php 完全可以用来开发大型商业程序。本课程是由李炎恢老
师和致和合作的一套课程，尤其适合零基础的学员快速上手PHP开发。
01、PHP概述
02、基础语法
03、操作符与控制结构
04、数学运算
05、数组
06、目录和文件
07、自定义函数
08、字符串处理
09、正则表达式
10、日期与时间
11、表单与验证
12、会话控制
13、上传文件
14、处理图像
15、MySQL数据库
16、PHP操作MySQL
17、多用户留言系统总站开发
项目演练
1、复杂企业站jquery
2、轻博客主页
第九部分 Web前端开发工程师
SEO入门必备(赠送课程)（选修/30讲）
本阶段将介绍网络营销的基础知识和基本技巧。
01、介绍网络营销行业的前景和学习方法
02、了解网络营销与市场营销的关系以及网络营销盈利模式
03、了解营销型网站的策划
04、介绍搜索引擎营销SEM与SEO以及两者的关联与区别
05、介绍关键词的概念以及关键词的收集与分类
06、讲解SEO基础原理
07、讲解SEM基础原理
08、整合营销理论，整合营销初级技能