本书打破传统学科体系构建教材篇章的固有模式，采用以项目为载体、以任务驱动的方式展开叙述，使读者可以在项目实践中学习理论与技术，构建知识体系。本书由6个项目组成，每个项目根据开发的路线分若干工作任务，每个工作任务又划分为技术理论、任务实施和知识拓展等小节，项目工作任务之后还安排了“项目进阶”和“课外实践”，提高读者对项目进行创新改进和自主学习拓展知识的能力。
项目1为概貌体验项目，围绕一个体验网站的配置、调试、部署，介绍了网页设计中的开发环境及工具，网页设计、调试的过程与方法，网站发布的操作步骤等，让读者对网页及设计的相关技术有一个感性认识；项目2到项目6以递增的方式逐任务地介绍网页设计的方法、技术和工具，使读者在做中学、学中做，循序渐进地掌握网页设计的主要技术要点。项目2是一个单页面的个人主页，指导读者学习网页中基本元素的使用方法和CSS格式化网页元素的方法；项目3是一个较为完整的多页面静态网站，使用了Bootstrap进行响应式网页设计，页面采用了目前流行的扁平化风格，简洁大方；项目4通过一个购物车页面的制作，比较全面地讲解了JavaScript的基本语法和应用；项目5则是一个十分有趣的游戏软件开发，学习的重点是jQuery技术；项目6是一个手机网页应用项目，充分体现了HTML5在移动应用开发方面的优势，其中穿插的知识点则是HTML5本地存储和JSON数据格式等新技术。
本书是第二版，在第一版的基础上做了较大的改进，主要内容如下。
（1） 本书为微课版教材，配套了80余个制作精良的微课。微课的内容基本覆盖了教学的重点和难点，特别是代码编写中的困难之处。微课是以比赛要求制作的，保证画面和音质的清晰程度。
（2） 本书中项目式的内容是新增加的，主要覆盖的知识点是JavaScript基础知识和应用。
（3） 加强了基础知识的讲解，除知识准备以外，在部分章节中增加了“关联知识”的小节，以便把涉及的知识点讲解透彻。
（4） 更改了第一版中的错误。
本书的第一版得到了许多同行的认可，被三十几所大专院校选为教材，在此，我们对这些同人深表感谢，这也鞭策我们更加尽心尽力地做好改编工作。现在我们希望第二版能够继续得到广大同人和读者的认可。
学习本书建议安排的总学时数为90学时，编者根据自己教学的经验安排了一个大概的学时分配，供广大教师或学员参考，同时附上学时分配与微课数量表，目前各章节配套的微课数量如下表所示。学时分配与微课数量表
项目学 时 分 配微 课 数 量项目186项目21225项目32017项目41611项目5127项目61815实训4合计9081本书微课观看方法： 先扫描书后刮刮卡的二维码，再扫描正文中对应的微课二维码。
本书由李琳、冯益斌主编，由教材团队完成编写工作。在编写过程中得到许多专家、同事和企业同人的帮助，在此要特别感谢车金庆、严正宇、邵姣及企业专家李军等人。
在本书编写过程中，我们力求科学、严谨，但由于精力、人力有限，疏漏之外在所难免，敬请广大读者批评、指正。

编者2020年4月