本书采用基于任务的方式编写，内容可以划分为4个部分，共6章。第一部分包括第1章，主要介绍Web前端开发相关技术，包括HTML、CSS、JavaScript和jQuery等；第二部分包括第2~4章，由浅入深地介绍3个项目（博客类网站、企业类网站、电子商务类网站）的具体实现过程；第三部分包括第5章，介绍一个综合网站开发；第四部分包括第6章，介绍HTML5基本概念及语法。

第1章Web前端开发技术概述1
知识点一：Web概述2
知识点二：Web国际标准概述4
知识点三：HTML基础8
知识点四：CSS基础11
知识点五：JavaScript基础12
知识点六：开源类库jQuery简介16
知识点七：Web标准常见问题25
第2章博客类网站28
任务2-1网站整体布局分析设计28
任务2-2导航与Banner的实现37
任务2-3左侧列表的实现47
任务2-4主体内容与脚注的实现65
任务2-5页面调整与测试73
第3章企业类网站90
任务3-1网站整体布局分析设计90
任务3-2企业网站顶部实现103
任务3-3企业网站主体左侧导航与搜索栏实现124
任务3-4企业网站主体右侧新闻栏和网站底部实现135
任务3-5企业网站页面调整与测试149
第4章电子商务类网站161
任务4-1网站整体布局分析设计161
任务4-2页面头部具体实现167
任务4-3导航实现171
任务4-4滚动图片广告栏实现186
任务4-5女装、男装产品展示196
任务4-6品牌、实体店及页脚展示204
任务4-7页面调整与测试216
第5章综合信息类网站221
任务5-1网站首页整体布局分析设计221
任务5-2页面头部、Banner及导航具体实现226
任务5-3图片浏览及新闻栏实现231
任务5-4房产、教育等信息栏具体实现242
任务5-5实现页脚及W3C验证249
任务5-6列表页具体实现256
任务5-7网站详情页具体实现261
任务5-8用户注册页具体实现265
第6章利用HTML5技术制作移动端页面279