前言

本书是一本详细讲解如何运用DIV+CSS进行网站制作的技术书，是最全的网站重构案例书，由天涯社区前端工程师李海燕结合多年工作经验和项目开发经验所编写。

学习DIV+CSS有用吗

Web前端开发技术包括三个核心要素：XHTML、CSS和JavaScript，本书的DIV+CSS技术充分运用了其中的两个：XHTML和CSS。企业在招聘前端开发或网站制作的人员时，能熟练运用DIV+CSS技术进行网站制作成为筛选人才的必选项。同时运用DIV+CSS技术制作的网站与传统TABLE布局相比，无论在SEO还是在性能上都远远胜出。可以说如果从事与网站相关的工作，那么不懂DIV+CSS将寸步难行。

精心梳理知识要点

本书第1章梳理了作者多年在网站制作中积累的知识要点和技巧，包括公司网站制作流程、CSS模块化、XHTML代码语义、CSS Sprites、CSS重置代码等，使读者少走弯路，快速积累经验。

细致介绍制作过程

本书第2章~第15章详细讲解如何运用DIV+CSS制作14个类型和风格各不相同的大型网站案例。这些案例都是实际项目或目前互联网上正在使用的页面，取材新颖，内容实用。每个案例都分别进行了细致分析，包括网站效果图、布局规划、切图、搭建网站框架、XHTML编写和CSS编写。

系统讲解在企业的实际项目中涉及的问题和解决办法

本书第16章~第18章分别介绍网页在各种浏览器中的兼容问题及解决办法，如何使用Firebug、IE Developer Toolbar和Chrome开发者工具进行网页调试，网页发布前如何进行网站测试，大型项目中的代码压缩和版本控制以及上传网站方法，加深读者对网站制作的认识，提高读者实战能力。

本书涉及的技术或知识点

◎ 网站开发流程
◎ XHTML代码语义
◎ Firebug
◎ 浏览器兼容
◎ 网站上传
◎ 如何切图
◎ CSS Sprites
◎ class组合与继承
◎ IE Developer Toolbar
◎ 代码测试
◎ 清除浮动
◎ CSS样式重置
◎ CSS模块化
◎ CSS Hack
◎ Chrome开发者工具
◎ 版本控制
◎ 浏览器内核

本书的案例

◎ 企业网站：Communications通讯
◎ 产品展示网站：CLOTHES公司服装展示
◎ 电子商务网站：唯品会
◎ 搜索资讯网站：Google
◎ 游戏网站：游戏部落
◎ 论坛类网站：天涯来吧
◎ 汽车网站：一汽奔腾
◎ 个人网站：博客
◎ 教育科研机构网站：北京理工大学
◎ 电子政务网站：山西省人民政府驻北京办事处
◎ 电影网站：豆瓣电影
◎ 婚庆网站：婚礼花艺
◎ 餐饮网站：美味比萨餐厅
◎ 在线阅读网站：唐茶——阅读新境界

本书特点

1. 讲解细致，分析透彻，本书无论是理论知识的介绍，还是实例的开发，都从实际应用角度出发，精心选择开发中的典型例子。

2. 深入浅出、轻松易学，以实例为主线，激发读者的阅读兴趣，让读者能够真正学习到DIV+CSS技术最实用、最前沿的技术。

3. 图文并茂，步骤详细，对每段代码中的重点都进行了讲解，使读者易于理解和消化，帮助读者快速掌握。

4. 贴近读者、贴近实际，汇总讲解了在网页制作中遇到的兼容问题，并详细介绍各种常用网页调试工具的使用和说明，帮助读者快速找到浏览器各种兼容问题的最优解决方案，书中很多实例来自作者工作的实际案例和现在流行的网站。

5. 贴心提醒，醒目易记，本书根据需要在各章使用了很多“注意”形式，对每个实例制作时遇到的问题进行了总结，让读者可以在学习过程中更轻松地理解相关知识点及概念。

本书读者

XHTML和CSS开发初学者和前端开发爱好者
前端开发工程师
网站重构工程师
从事后端开发但对前端开发感兴趣的人员
网页设计人员、站长、网站编辑或网站运营
喜欢网页设计的大中专院校的学生
可作为各种培训学校的入门+实践教程

本书作者

除本书封面署名作者外，参与本书编写的人员还有宋楠、李春城、李柯泉、陈超、杜礼、孔峰、孙泽军、王刚、杨超、张光泽、赵东、李玉莉、刘岩、潘玉亮、林龙，在此表示感谢。

配套源代码下载

本书配套源代码下载地址（注意字母大小写）为http://pan.baidu.com/s/1qWNlNli。

编者
2014年6月