《Web前端开发基础案例教程》全面、系统地介绍了Web前端开发的基础知识，主要内容包括：HTML5、CSS3、JavaScript和jQuery；为了呈现效果将HTML5与CSS3合并讲授；每章都配备大量的案例，分散在课堂任务、拓展任务和课后的实践题中；附录中提供了Hbuilder快捷操作，HTML5标签，CSS3属性，JavaScript和jQuery的属性、方法和事件等大量内容共读者查阅。
《Web前端开发基础案例教程》共7章。第1章主要介绍的是Web前端的发展过程以及主要涉及技术和知识等内容；第2、3章详细介绍了HTML5文档结构、表单等各种常用的HTML5标签的用法，CSS基础知识、CSS的定义、CSS常用属性、盒子模型以及使用CSS+DIV布局网页等内容；第4、5章详细介绍了JavaScript基础知识、BOM和DOM对象、脚本函数等内容；第6、7章详细介绍了jQuery选择器、对象的操作方法、jQuery事件处理、jQuery常见效果和动画技术。
《Web前开发基础案例教程》提供的资源中包括29个课堂任务、29个拓展任务和13个实践题共71个案例代码，50个任务文本，237张按钮、背景以及图片素材，45个Gif动态案例效果。任务制作由浅入深，层次清晰，实用性强，可以作为大中专院校及培训学校计算机及相关专业的专业基础课程教材，也可供从事网页设计与制作、网站开发及网页编程等行业人员参考。

项目一Web前端开发概述
任务一园现代诗欣赏页面效果浏览
任务二获奖摄影作品展页面效果浏览
项目二上HTML5标签与CSS3样式
任务一古诗词欣赏页面制作
任务二HTML5简介页面制作
任务三优秀毕业设计作品展示页面制作
任务四白新闻板块首页制
任务五个人信息登记表网页制作
任务六美食街页面制作
项目三HTML5表单与CSS3盒模型
任务一住房公积金查询登录页面制作
任务二优秀教师申报表页面制作
任务三试题发放页面制作
任务四求职意向登记页面制作
项目四JavaSeript语法基础
任务一计时器制作
任务二开关切换效果制作
任务三背景切换效果制作
……