前言

随着网络技术的飞速发展，“互联网+”时代已经悄然到来，从Android到iOS，从PC端到移动端，从休闲到游戏，都离不开网页开发。一个好的网站设计，能够使浏览者快速找到需要的网页内容。因此，如何吸引浏览者眼球，提高用户体验，自然成为网站设计与开发的关键。

本书介绍网页开发的一些必备知识，主要内容分为三个部分，共七章，具体安排如下。

第一部分（第1～3章）：介绍使用HTML编辑网页，讲解常用的HTML标签，通过学习读者能使用不同的标签合理地搭建网页结构；介绍使用CSS语法及属性美化网页中的文本、图片、超链接、列表等元素，制作精美新颖的网页；介绍使用列表、表格及表单制作复杂但结构清晰的网页。

第二部分（第4～6章）：介绍盒子模型、浮动及定位等知识，全方位地讲解每个知识的应用场景、使用方法及注意事项等，以助零基础的读者能独立完成一个布局合理、样式美观的前端页面。

第三部分（第7章）：对前面章节内容进行复习回顾，以1号店网站为基础完成一个综合项目案例，从网站的开发流程到页面的制作步骤，一步步由浅入深地带领读者体验开发网站的过程，积累网站设计和开发的经验。

本书采用边学边练的方式，在学习过程中逐步完成多个商业站点中具有代表性的页面制作，最后在项目实战中综合运用所学技能完成1号店网站的页面制作。

本书重点培养读者编写HTML标签和CSS样式的能力，这些都是以后工作中必备的重要技能。唯一的学习技巧就是多写代码、多练习，才能熟练应用HTML标签和CSS样式中的属性。如果能做到多练、多学、多记，学完本书后，读者将能够自行布局制作复杂的商业门户网站页面。此外，本书还提供了很多企业中的实用经验分享，能够让读者在学会知识点的同时掌握更多的企业需求，不断提升自己的项目经验。

学习方法

初学一门新技术或新课程，要养成好的学习习惯、掌握正确的学习方法，然后持之以恒，定能学有所成。以下是一些学习方法。

课前：

·浏览预习作业，带着问题看书，并记录疑问。

·即使看不懂也要坚持看完。

·提前自己动手做一遍下一章的示例，记下问题。

课上：

·认真听讲，做好笔记。

·完成上机练习或项目案例。

课后：

·及时总结，完成每章的作业。

·多模仿，多练习。

·多浏览技术论坛、博客，获取他人的开发经验。

本书给读者提供了便捷的学习体验，可以通过扫描二维码下载书中所有的上机练习素材及作业素材。为了方便读者验证作业答案，提升专业技能，扫描章后二维码可以获取本章作业答案。

本书由课工场全栈开发教研团队组织编写，参与编写的还有张荣竣、赵欣、王春玲、祁杰、邵全义、陈康等院校老师。尽管编者在写作过程中力求准确、完善，但书中不妥或错误之处仍在所难免，殷切希望广大读者批评指正！