前言

FOREWORD

随着Web 2.0技术的广泛应用，标准化的设计方式正逐渐取代传统的布局方式，Web标准的最大特点是采用HTML+CSS+JavaScript的技术将网页内容、外观样式及动态效果彻底分离，从而减少页面代码、提高网速，便于分工设计和代码重用。在标准化的网页设计方式中，HTML是基础架构，CSS是样式表现，而JavaScript是实现网页的动态交互效果的行为准则。本书站在初学者的角度，以实用的案例、通俗易懂的语言详细介绍了使用 HTML、CSS 及 JavaScript进行网页制作的各方面内容和技巧。

为什么要学习本书

作为一门技术的入门教程最重要、最难的地方就是将一些非常复杂、难以理解的思想和问题简单化，让读者能够轻松理解并快速掌握。本书以项目为导向，采用情境教学模式，通过项目将章节知识点串联起来，学完一章内容就能制作一个完整的网站页面，极大地激发了学生的学习兴趣和学习热情。同时本书项目丰富，全书包含7个完整的网站项目，涉及“旅游专题页”“网上花店”“儿童摄影”“网络交友”等多个方向，有助于学生掌握不同网站的设计风格和制作技巧。

为确保本书通俗易懂，在编写的过程中，我们让600多名初学者参与到了教材试读中，对初学者反馈上来的难懂地方均做了修改。

如何使用本书

本书针对网页设计与制作的初学者，以项目+任务式的编写体例规划全书内容，并用实际的操作展示学习过程，让学生掌握项目中的技能点。全书贯彻“理论→实例→实验实训→综合评价”4阶段教学模式，在内容选择、结构安排上更加符合读者的认知习惯。

全书分为8个项目，结合HTML、CSS和JavaScript的基础知识及应用，提供了7种不同类型的网页设计案例，具体介绍如下：

• 项目1介绍了HTML、CSS以及JavaScript的基础知识，包括Web基本概念、Dreamweaver工具的使用等；

• 项目2“说旅游”专题页制作，要求读者掌握HTML基础知识，学会制作图文混排页面；

• 项目3“网上花店”专题页制作，要求读者掌握CSS基础知识，能够运用CSS控制页面中的文本外观样式；

• 项目4“青春树儿童摄影网”首页制作，要求读者掌握盒子模型相关知识，能够使用DIV标记与浮动样式对页面进行布局；

• 项目5“穿搭速递”首页制作，要求读者掌握列表和超链接相关知识，能够使用链接伪类控制页面中超链接的样式；

• 项目6“千年之恋”注册页面制作，要求读者掌握表格和表单的相关知识，能够通过控制表单样式美化表单界面；

• 项目7“赶快回家网”首页制作，要求读者掌握JavaScript基本知识，能够使用流程控制语句编写JavaScript程序；

• 项目8“学好英语网”首页制作，要求读者掌握数组的属性和方法，以及JavaScript的常用事件，能够通过触发事件完成JavaScript与对象之间的交互。

在上面所提到的8个项目中，项目2至项目8为7个完整的网页设计案例，按照网页结构细化知识点，用案例带动知识点的学习。在学习这些章节时，读者需要多上机实践，以加深对项目涉及知识点的理解。

在使用本教材时，可以结合教学设计，采用情境化的教学模式，寓教于乐，激发读者的学习兴趣。在课时顺序的安排上，读者可以按照本书划分的小节，分阶段完成整个项目的设计和制作。

致谢

本书的编写和整理工作由传智播客教育科技股份有限公司完成，主要参与人员有吕春林、张绍娟、王哲、乔婷婷、连蕊蕊、张鹏、李凤辉、恩意、刘志远等，全体人员在这近一年的编写过程中付出了很多辛勤的汗水，在此一并表示衷心的感谢。

意见反馈

尽管我们尽了最大的努力，但教材中难免会有不妥之处，欢迎各界专家和读者朋友们来信来函给予宝贵意见，我们将不胜感激。您在阅读本书时，如发现任何问题或有不认同之处可以通过电子邮件与我们取得联系。

请发送电子邮件至itcast_book@vip.sina.com。

黑马程序员

2016-9-8于北京