本教程共分为14章，其中第1章至第3章讲解了网页制作的基础知识，包括网页基本概念、HTML基础、CSS基础；第4章至第13章为CSS基础和案例部分，在这部分的每章前半部分中重点讲解CSS基础知识，后半部分讲解如何使用CSS实现商业网站的布局，以综合案例快速帮助读者掌握CSS布局技法；第14章通过讲解HTML+CSS在实践开发中应该注意的核心技术问题，力图帮助读者更加高效地运用CSS，减少日常开发量，加快日常页面开发。

本教程介绍了商业类型的网页设计，以及目前流行的DIV+CSS标准布局方法和实战技法。通过对十个经典案例进行分析，分别从不同类型网站的布局风格以及实现方法来讲解DIV+CSS网页布局和制作方法。本教程系统地讲解了CSS样式的基础理论和实际运用技术，并结合实例来讲解层叠样式表与层布局相结合制作网页的方法。在实例制作过程中除了介绍CSS样式设计各方面的知识外，还结合实际网页制作中可能遇到的问题提供解决问题的思路、方法和技巧，使初学者也可以轻松掌握DIV+CSS的布局方式，以制作出精美的网页并搭建出功能强大的网站。

本教程力求模拟真实开发场景，用简单的方法帮助读者掌握使用Web标准进行网页设计的方方面面，以及CSS布局中表现与内容分离的相关知识。通过对本教程的学习，希望读者能够以符合标准的设计思维，采用实战操作步骤完成网页设计，进而融入到Web标准设计领域。

本教程光盘中收录了配套手册中的全部视频教学演示，以便更直观地辅助读者学习，达到事半功倍的效果。另外，光盘中还赠送了2套Dreamweav。和jQuery的PDF电子教程和7套实用技术参考手册，以及作者多年积累和收集的各类网页设计素材和辅助工具，以确保读者能够快速精通CSS的布局之道。

本教程结构清晰，讲解到位，内容实用，知识点覆盖面广，适合初、中级网页设计爱好者以及希望学习Web标准对原有网站进行重构的网页设计者。

第1章　网面基础和网站开发流程

　1.1 认识网页

1.1.1 网页和网站

　　1.1.2 网页类型

　　1.1.3 静态网页和动态网页

　　1.1.4 网页基本构成元素

　1.2 页面设计概述

　　1.2.1 网页设计的任务

　　1.2.2 网页设计原则

　　1.2.3 网页设计流程

　　1.2.4 网页配色

　　1.2.5 网页优化

　1.3 网站开发流程

　　1.3.1 个人网站制作流程

　　1.3.2 网络项目开发流程

　　1.3.3 承包网站开发流程

第2章　（X）HTML语言基础

第3章　CSS语言详解

第4章　儿童类网站的结构与市局——网页文本样式

第5章　青春校园类网站的结构与布局——超链接和图片样式

第6章　影视音乐类网站的结构与布局——列表结构和样式

第7章　信息分类网站的结构与布局——导航菜单样式

第8章　企业类网站的结构与布局——表格的结构

第9章　个性风格类网站的结构与布局——表单结构和样式

第10章　生活时尚类网站的结构与布局——CSS盒模型

第11章　休闲旅游类网站的结构与布局——CSS定位

第12章　建筑房产类网站的结构与布局——CSS布局模型

第13章　博客类网站的结构现布局——背影图片处理和圆角设计

第14章　从页面小工到产品经理——设计高效、可维护的网页