CSS+DIV商业网站布局与设计案例实战大全

第1章 CSS设计准备

1.1 Web标准基本概念

1.1.1 网页结构

1.1.2 网页布局

1.1.3 网页行为

1.2 准备学习CSS

1.2.1 彻底掌握CSS的难点

1.2.2 网页制作和CSS布局思路相反

1.2.3 布局找灵感：CSS禅意花园

1.2.4 网页显示不要忘记移动设备

1.3 认识浏览器

1.4 准备好CSS编辑器

1.4.1 认识【CSS样式】面板

1.4.2 定义CSS样式

1.4.3 应用CSS样式

1.4.4 CSS可视化渲染

1.4.5 CSS可视化编辑

1.4.6 CSS辅助工具

第2章 HTML基础

2.1 认识网页结构

2.1.1 XHTML文档

2.1.2 定义文档类型

2.1.3 声明命名空间

2.1.4 XHTML语法

2.1.5 XHTML元素

2.1.6 把握XHTML常用结构元素

2.1.7 把握XHTML结构的语义性

2.1.8 构建语义化页面

2.1.9 案例实战：构建一个符合语义的页面结构

2.2 DIV和Span应用

2.2.1 比较DIV和Span

2.2.2 div和span优势：弱语义元素

2.2.3 div和span优势：无特殊样式元素

2.2.4 div和span优势：浏览器通用元素

2.2.5 案例实战：使用DIV

2.2.6 案例实战：DIV嵌套

2.2.7 案例实战：使用Span

2.3 ID和Class应用

2.3.1 使用ID

2.3.2 比较ID和Name

2.3.3 使用Class

2.3.4 比较ID和Class

第3章 CSS基础

3.1 编写第一个CSS样式

3.1.1 解析CSS样式

3.1.2 定义CSS样式表

3.1.3 CSS注释

3.2 CSS类型

3.2.1 行内样式

3.2.2 内嵌式

3.2.3 链接式

3.2.4 导入样式

3.2.5 各种方式的优先级

3.3 CSS样式结构

3.4 CSS基本选择器

3.4.1 标记选择器

3.4.2 类别选择器

3.4.3 ID选择器

3.5 复合选择器

3.5.1 包含选择器

3.5.2 子选择器

3.5.3 相邻选择器

3.5.4 属性选择器

3.5.5 伪选择器

3.5.6 集体声明

3.6 层叠与继承

3.6.1 CSS的层叠性

3.6.2 CSS层叠实例代码分析

3.6.3 CSS的继承性

3.6.4 CSS继承与层叠的运用

3.6.5 CSS继承与层叠实例代码

分析

第4章 网站布局初步

4.1 盒模型

4.1.1 为什么要提出盒模型

4.1.2 盒模型结构模拟

4.1.3 盒模型的宽和高

4.1.4 盒模型并列间距

4.1.5 盒模型垂直间距

4.1.6 空盒模型

4.2 定义边框样式

4.2.1 定义边框宽度

4.2.2 定义边框颜色

4.2.3 定义边框样式

4.2.4 分析内联元素的边框

4.3 定义边界距离

4.3.1 恰当选择边界值：auto

4.3.2 恰当选择边界值：百分比

4.3.3 恰当选择边界值：负值

4.3.4 警惕元素边界重叠：上边元素不浮动，下边元素浮动

4.3.5 警惕元素边界重叠：上边元素浮动，下边元素不浮动

4.3.6 警惕元素边界重叠：一个元素包含另一个元素

4.3.7 警惕元素边界重叠：单一边界的空元素

4.3.8 警惕元素边界重叠结论

4.3.9 内联元素的边界

4.4 定义补白空间

4.5 IE怪异模式与对策

4.5.1 认识浏览器的解析模式

4.5.2 判断拥有DOCTYPE声明的网页

4.5.3 IE6元素浮动时边界错位

4.5.4 让父元素自适应子元素高度

4.5.5 IE6子元素底边界不被解析

4.5.6 IE6的子元素溢出

第5章 儿童教育类网站布局与设计

5.1 网站展示

5.2 产品策划

……

第6章 孕妇婴儿类网站布局与设计

第7章 政府服务类网站布局与设计

第8章 校园活动类型网站布局与设计

第9章 地区门户类网站布局与设计

第10章 知音女性类网站布局与设计

第11章 建筑房产类型网站布局与设计

第12章 体育运动类网站布局与设计

第13章 健康医疗类网站布局与设计

第14章 交际交友类型网站布局与设计

第15章 微博类网站布局与设计

第16章 团购类型网站布局与设计

第17章 威客类型网站布局与设计

第18章 维科类型网站布局与设计

第19章 博客类型网站布局与设计

第20章 论坛类网站布局与设计

第21章 播客类型网站布局与设计

第22章 分类信息类网站布局与设计

第23章 掘客类型网站布局与设计

第24章 换客类型网站布局与设计

第25章 SNS类网站布局与设计

第26章 手机应用类型网站布局与设计

第27章 点评类网站布局与设计

第28章 黄页类网站布局与设计

附录A 本书案例说明

《CSS+DIV商业网站布局与设计案例实战大全》是一本网站设计案例实战类图书，全书精选了24个商业站点，分门别类地展示国内不同类别、不间风格的网站。通过对这些网站的策划、设计、制图、绘图、切图、结构重构到样式重现，详细讲解了整个设计流程和制作过程，由浅入深地介绍了如何将最初的想法变成精美的网页。即使是初学者也可以通过这种过程训练，轻松掌握CSS4D1V布局方式，制作出精美的网页，搭建出功能强大的网站。
　　《CSS+DIV商业网站布局与设计案例实战大全》包括两大部分。第一部分介绍了CSS+DIV的基础知识和基本概念，介绍如何利用DIV+CSS对网页进行控制。第二部分主要讨论了基于CSS来实现网站设计。包括24个经典网站的介绍。
　　《CSS+DIV商业网站布局与设计案例实战大全》内容翔实、结构清晰、循序渐进，基础知识与案例实战紧密结合，既可作为CSS初学者的入门教材，也可作为中、高级用户进一步学习的参考用书。

·包涵所有主流商业网站布局与设计
　　22种不同类型、不同行业商业网站设计风格和思想传授
　　·精选时下最新最热实战应用案例
　　SNS类、手机应用类、点评类和团购类网站现场指导制作
　　·轻松掌握混合应用技术
　　详细讲解CSS与Java Script、Ajax和XML的混合应用技巧
　　·针对网页设计师真实需求
　　杜绝伪代码和伪案例、强调工作团队各个环节的技术衔接