第一部分： 本课程从基本概念讲起，带领大家学习HTML（包括HTML基本标签、 W3C标准及XHTML 1.0基本规范、 表格、表单及框架）和CSS样式基础知识（包括 CSS的用途、基本语法、选择器、字体样式、背景、盒子模型详解、浮动与定位），层层深入，较后通过css hack以及微博实训，带领大家进行综合实践，为后续深入学习打下坚实的基础。

第二部分： 本课程我们从熟悉PhotoShop的基本界面开始讲起，通过设计简单网页来练习基本工具的使用，先带领大家揭开PhotoShop的神秘面纱，让大家掌握PhotoShop的基本用法，然后将设计图进行切片；这里又给大家讲解切片工具的建立、使用和保存，较终用前面章节学习到的知识，将我们的设计图转化为静态网页，通过一个整体的流程不仅让大家熟悉工具的使用，还可以复习巩固前面所学知识，温故而知新。

第三部分： 学会使用CSS进行网页布局，是前端工程师较基本的技能。在编写网页的过程中难免会出现一些浏览器的兼容性问题和页面、代码优化的问题，本课程带领我们一起学习倒三角滑动门及IE6的那些常见bug问题和css sprite制作和使用，还有一些项目实训，让我们更加熟练编写网页，让网页更美观、更友好。

第四部分： 微场景应用是通过html5技术制作的适宜端浏览的交互页面，微场景应用主要是通过翻页、动态、3D、简单交互等效果形成炫酷页面，迎合人们碎片化时间浏览需求。本课程我们将通过实例带领大家一起编写常用的微场景应用页面，从而实现各种炫酷效果。本课程还涉及开发和游戏开发，通过公账号开发，个人和企业都可以打造一个的，并实现和特定群体的文字、图片、语音的全方位沟通、互动；通过H5的小游戏开发，让大家更加熟练的应用html5知识，开启html5深入探索之旅。