随着信息技术向纵深发展，作为依托互联网发展起来的网站制作面临新的挑战。一方面，用户更加注重站点信息丰富、功能齐备、页面精美、操作流畅；另一方面，要满足用户不受系统平台和软件插件的限制，可以通过移动设备访问网站。Web新技术HTML5和CSS3能够实现这些新要求，使其迅速成为网页设计的热点。
网页设计与制作课程是B/S架构软件项目开发的Web前端技术课程，而HTML与CSS是网页制作技术的核心和基础，也是每个网页制作者必须掌握的基本知识，两者在网页设计中不可或缺。
网页设计本身是一个复杂的系统过程，需要了解问题，对问题进行分析，用逻辑的方法确定最佳的优化方案，最后通过相关技术来实现。初学者如何掌握网页设计的方法尤为重要。本书以HTML5与CSS3技术为工具，以响应式布局Web页面设计为载体，强调问题的分析、技术的掌握、能力的拓展，所有知识点都紧跟HTML5与CSS3的发展动态，以创新的模式、结构化的设计、实用的案例、简明的语言详细介绍了使用HTML5与CSS3进行网页设计与制作的相关内容和技巧。
本书针对职业教育人才培养规格的需要，突出职业素质教育和技术应用能力，运用创新思维模式理实一体系统化教学方法。各项目首先确定学习目标，通过项目实施掌握相关的基本知识，然后通过拓展练习强调基本技能的训练，最后辅以习题。本书每个项目都提供英语角，形成专业词汇提示，帮助读者对国际化专业术语的认识，提升学习效果。
本书编写有以下特色：
（1）全书结构广度层面体现了职业教育特点，以应用为主，适度够用为量，内容以HTML5与CSS3技术的技能训练为主线，突出能力的培养，内容完整、由浅入深、循序渐进，层次清楚。
（2）各项目结构深度层面运用了思维导图形式，提供一个以职业技能发展为主轴的结构化学习方案，直观体现学习路径，提升学习效率。
 
（3）内容采用任务驱动、项目导入、教学做一体化模式编排而成，通过任务驱动将项目载体融入教学，高强度培养学生工程实践能力，要求在教学过程中达到项目实践实训的目的，实现技术培养与行业企业人才需求接轨。
（4）项目设计实用性强，选取当今互联网热点网站设计作为素材，将8个仿真项目融入教材，提高了学习者的学习热情；同时，添加了企业站点开发的管理规范元素，突出项目管理理念。
（5）突出“做中学、做中教、做中练”，与项目剖析相结合，在体系结构安排上，尽可能将HTML5+CSS3的重要特性与项目相结合。通过项目的分析、设计、总结，将所学的知识与技能点融会贯通，易于理解，能够帮助读者提升实际应用技能。
（6）注重“以能力培养为核心，强化实际操作的训练”，每个项目都精心设计了拓展练习，目的明确，突出实用性、操作性。考虑到初学者经常困惑于如何进行页面程序的设计，拓展项目给出了相关的提示步骤，使学生在学习的过程中不至于“毫无头绪”而产生厌烦，从而提高学习的兴趣和对编程的爱好程度。
（7）配有针对性的习题，强调每个项目的学习重点，巩固对知识的掌握。同时，每个项目的英语角提供了相应的专业词汇，利于专业国际化标准的引入和职业素养的培养。
（8）丰富的新形态教学资源。本书除配套提供电子教学课件、案例库、习题库之外，还提供了大量的关于网页设计、HTML5和CSS3技术的数字资源库，读者可以通过扫描二维码获取相关资料，实现课程全方位的资源共享。
本书由长期工作在职业教育教学一线，同时具有企业实践开发经验的教师编写而成。其中，项目1～项目4主要由王庆桦老师编写，项目5～项目8和附录主要由王新强老师编写，王玥老师编写了本书部分内容。全书由王庆桦老师统稿。
虽然编者力求准确无误、尽善尽美，但由于时间仓促，书中的内容仍难免出现错误或不足之处，恳请专家、教师和读者批评指正。

编  者