前言

随着Web标准在国内的逐渐普及以及业内人士的大力推行，很多网站已经开始重构。Web标准的重要性越来越受到网页设计人员重视。

DIV+CSS是一种网页的布局方法，而这种网页布局方法有别于传统的表格（table）布局，真正做到了W3C内容与表现相分离，使站点的访问及维护更加容易。所以DIV+CSS成了专业设计人员的必修课。

本书从基础开始介绍使用CSS布局所需要的XHTML与CSS的基础知识。虽然许多设计人员对HTML和CSS都有一定的了解，但是在Web标准时代，他们需要更全面地去了解XHTML和CSS的更多信息。希望本书的内容能够帮助大家改变传统的网站设计思维，进入基于Web标准的网页设计领域。

本书的特点与内容安排

本书讲解由浅入深，全面展现了运用DIV+CSS进行网页设计布局的方法，详细的讲解步骤配合图示使得每个步骤清晰易懂，操作步骤一目了然。书中应用了大量案例，对重点难点进行了详细讲解，并且结合了作者长期的网页设计与教学经验，使读者真正做到学以致用。

本书共包括16章，每章的主要内容如下。

第1章“网页和网站的基础知识”，介绍了网页的基本类型、网页的基本构成元素、网页设计的基本要求及网站整体的制作流程。

第2章“使用Web标准设计和制作网页”，介绍了Web标准以及Web标准的优势、为什么要建立网站标准、运用网站标准的优缺点、理解Web标准及Web标准的误区。

第3章“HTML和XHTML基础”，介绍了HTML、XHTML的基础用法，为什么要转换到XHTML以及和 HTML的比较。

第4章“CSS样式基础”，介绍了CSS的特点、类型、基本语法，以及CSS的样式分类和文档结构、单位和值。

第5章“DIV+CSS布局入门”，介绍了什么是DIV以及DIV的应用、可视化模型、相对定位、绝对定位及浮动定位的使用、CSS 布局方式、居中的布局设计和浮动的布局设计，并通过实例对所有知识点进行巩固。

第6章“设置页面背景图像”，介绍了背景控制原则、背景控制属性、背景颜色的控制和背景图片的控制，又增加了CSS 3.0中背景的新增属性的讲解。

第7章“设置页面中的图像”，介绍了图像样式控制中的边框、定位、缩放对齐方式以及图文混排和CSS 3.0中有关边框的新增属性。

第8章“CSS文本内容排版”，介绍了使用DIV+CSS对页面中的内容进行排版的制作方法，以及文字排版实现方法，并通过实例对所有知识点进行巩固。

第9章“设置表单样式”，介绍了表单的分类及表单的设计原则，并通过实例对所有知识点进行巩固。

第10章“设置列表样式”，介绍了列表标签的使用和控制原则，并通过实例对所有知识点进行巩固。

第11章“设置页面超链接样式”，介绍了如何使用CSS样式对文字链接进行控制，如何使用CSS样式实现按钮式超链接，以及一些基本的链接方式，并通过实例巩固所有知识点。

第 12 章“使用 Java Script 搭建动态效果”，介绍了 Java Script 的概念以及如何使用Java Script实现动态效果。

第13章“CSS与XML和Ajax的综合使用”，介绍了XML和Ajax的基础知识，以及CSS与XML的应用。

第14章“HTML 5.0与CSS高级运用”，介绍了HTML 5.0的基础知识，然后向读者讲解了id与class、DIV与span的概念与使用。

第15章“制作野生动物园网站页面”，以制作实例的形式向读者讲述了一个完整网站页面的制作过程。

第16章“制作餐饮类网站页面”，与第15章结构相似，同样以实际操作制作网站页面的形式向读者讲述了一个完整网站页面的制作流程。

本书作者有着多年的网页教学以及网页设计制作工作经验，先后在多家网络公司从事网页设计制作工作，积累了大量网页设计制作方面的经验，精通网页布局和美化等多种技巧。本书基于Dreamweaver CC等常用网页设计制作软件，按照从简单到复杂、从入门到精通的写作思路，结合了由简单到复杂的多个典型的网站案例，便于读者快速掌握目前流行的DIV+CSS网页布局与美化技能。

如何阅读本书

本书采用了全新的图文结合的方式，全面展现了网页设计与制作过程中的细节，尤其是通过大量的提示和小技巧为读者化解阅读和学习上的障碍，使得读者可以快速和高效地提升自己的网页制作技能。

本书配套光盘中提供了书中所有案例的素材，以及实例相关的视频教程，方便读者制作出与案例同样精美的效果。为方便教学，读者可登录人民邮电出版社教学服务与资源网（www.ptpedu.com.cn），免费下载相关教学资源。

本书由张晓景、胡克任主编，另外，王延楠、于海波、肖阂、郑竣天、唐彬彬、孔祥玲、孔祥华、张智英、范明、王明、刘钊、魏华、孟权国、张国勇、贾勇、梁革、邹志连、贺春香、周宝平等也参与了部分编写工作。由于时间仓促，书中难免有不妥和疏漏之处，希望广大读者朋友批评指正。

编者