前言

网页设计及制作技术是高职高专计算机专业的一门专业必修课。通过对该课程的学习，学生能够熟练掌握HTML、CSS和JavaScript的基本知识；灵活运用DIV+CSS布局方式搭建网页布局；熟练使用网页制作开发工具；掌握网站建设的基本方法和技巧，为后续的动态网站开发课程打下良好的基础。

在“互联网+”时代，新技术和各个行业不断融合，教育业领域也进行着深刻的变革。我们的教材遵循Web标准的网页制作方法，力求将新的技术和应用融入到项目中，深入浅出地传递给学生。本书采用真实的项目化教学案例，将网页设计和制作的理念、知识、技能融入项目中，注重理论和实践相结合，让学生从项目中汲取知识。

本书有以下几大特点。

（1）采用两大真实项目贯穿始终，一主一辅，侧重于综合职业能力与职业素养的培养，将设计理念、创作理念与知识进行整合，融“教、学、做”为一体，摒弃了传统的HTML占据静态网页核心部分的设计思想，以CSS+DIV主导项目内容，融合HTML知识实施项目。

（2）本书在知识编排上进行了创新，按照网站设计制作的主要流程（网站需求分析及策划、网站设计与制作、测试发布）来编排知识点，提高学生的职业岗位能力。

（3）本书在每个章节都提供课堂练习和独立实践任务，让读者通过课堂练习加深对知识点的理解，通过独立实践任务提高动手能力。

（4）本书项目涉及门户网站、电商网站、企业网站和移动端网站，涵盖了目前网站应用的各个领域，网站类型丰富且具有代表性。

（5）本书内容与时俱进，结合移动端电子书籍网站的制作引入了HTML 5+CSS 3新技术，介绍了最新的HTML 5的相关知识和应用。

本书共分为8个项目，每个项目包含项目实施环节和学生实践环节。本书由河北工业职业技术学院刘少坤任主审，陈彦、张亚静任主编，于丽娜、张晓玲、韩爱霞任副主编，张国娟参与编写。其中，项目1由韩爱霞编写；项目2由张晓玲编写；项目3和项目5由陈彦编写；项目4和项目6由张亚静编写；项目7由张国娟编写；项目8由于丽娜编写。

为了便于教学，本书提供了与教材配套的电子教案、PPT课件、习题答案、原始素材和最终网站项目效果文件，读者可登录人民邮电出版社教学服务与资源网（www.ptpedu.com.cn）免费下载使用。

由于编者水平有限，书中难免存在许多不足之处，敬请读者批评指正。

编者

2015年11月