DIV+CSS网站布局实录

第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.3网站整体制作流程

1.3.1前期策划

1.3.2页面细化及实施

1.3.3后期维护

1.4本章小结

第2章使用Web标准设计和制作

2.1表格布局

2.1.1表格布局的特点

2.1.2混乱的逻辑结构和冗余的嵌套表格

2.2了解Web标准

2.2.1什么是Web标准

2.2.2什么是W3C

2.2.3W3C发布的标准

2.2.4什么是Ecma国际

2.2.5Web标准的优势

2.3网站设计的标准时代

2.3.1为什么要建立网站标准

2.3.2遵循标准的网站与传统网站的区别

2.3.3采用网站标准的优点与缺点

2.4Web标准三剑客

2.4.1什么是内容、结构、表现和行为

2.4.2Div与CSS结合的优势

2.4.3如何改善现有网站

2.5关于Web标准的思考与争论

2.5.l关于Web标准的优势

2.5.2关于布局

2.5.3关于浏览器兼容

2.6关于Web标准的误区

2.6.1抛弃表格布局的思维方式

2.6.2正确使用XHTML标签

2.6.3善于利用CSS

2.6.4“通过验证”并不是最终目的

2.7本章小结

第3章HTML、XHTML和XML基础

3.1HTML的基础用法

3.1.1HTML文件的基本结构

3.1.2HTML的主要功能

3.1.3HTML的基本语法

3.1.4常用的HTML标签

3.1.5段落和文字标签

3.1.6超链接标签

3.1.7图像标签

3.2转换到XHTML

3.2.1升级到XHTML的好处

3.2.2XHTML的页面结构

3.2.3xHTML代码规范

3.2.4选择文档类型

3.2.5XHTML和HTML的比较

3.2.4名字空间

3.3XML的概述

3.3.1XML的概念

3.3.2HTML与XML的比较

3.3.3为什么要使用XML

3.3.4什么是“形式良好的”XML文件

3.3.5XML的结构

3.3.6DTD的基本结构

3.3.7定义元素及其后代

3.3.8定义元素属性

3.4本章小结

第4章CSS样式入门

4.1CSS概述

4.2CSS的基本用法

4.2.1在HTML内插入样式表

4.2.2CSS规则

4.3CSS样式分类

4.3.1内联样式

4.3.2内部样式表

4.3.3外部样式表

4.4CSS文档结构

4.4.1结构

4.4.2继承

4.4.3特殊性

4.4.4层叠

4.4.5重要性

4.5单位和值

4.5.1颜色值

4.5.2定义字体

4.5.3群选择器

4.5.4派生选择器

4.5.5id选择器

4.5.6类别选择器

4.5.7定义链接的样式表

4.6属性

4.6.1类型

4.6.2背景

4.6.3区块

4.6.4方框

4.6.5边框

4.6.6列表

4.6.7定位

4.7本章小结

第5章CSS布局入门个性类网站设计

5.1定义Div

5.1.1什么是Div

5.1.2插入Div

5.1.3Div的嵌套和固定格式

5.2可视化模型

5.2.1盒模型

5.2.2视觉可视化模型

5.2.3相对定位

5.2.4绝对定位

5.2.5浮动定位

5.2.6空白边叠加

5.3CSS布局方式

5.3.1居中的布局设计

5.3.2浮动的布局设计

5.3.3高度自适应

5.4实例设计制作个性类网站页面

5.4.1设计分析

5.4.2布局分析

5.4.3制作流程

5.4.4制作步骤

5.4.5案例小结

5.5举一反三

5.6本章小结

第6章设置页面图片企业网站设计

6.1图片样式控制

6.1.1图片边框

6.1.2图片定位

6.1.3图片缩放

6.1.4图片对齐方式

6.2实例设计制作企业网站

6.2.1设计分析

6.2.2布局分析

6.2.3制作流程

6.2.4制作步骤

6.2.5案例总结

6.3举一反三

6.4本章小结

第7章设置页面背景图像儿童类网站设计

7.1背景控制概述

7.1.1背景控制原则

7.1.2背景控制属性

7.2背景颜色控制

7.2.1控制页面背景颜色

7.2.2用背景颜色为页面分块

7.3背景图片控制

7.3.1设置背景图像

7.3.2背景图像的定位

7.3.3背景图像的滚动

7.3.4添加多个背景图像

7.4实OQ设计制作儿童教育类网站

7.4.1设计分析

7.4.2布局分析

7.4.3制作流程

7.4.4制作步骤

7.4.5实例小结

7.5举一反三

7.6本章小结

第8章CSS文本内容排版美容时尚网站设计

8.1文本排版概述

8.1.1文本排版原则

8.1.2文本控制属性

8.2CSS文本样式

8.2.1字体

8.2.2大小

8.2.3粗细

8.2.4样式

8.2.5颜色

8.2.6修饰

8.2.7英文字母大小写

8.3文本排版

8.3.1通栏排版

8.3.2分栏排版

8.3‘3图文混排

8.3.4不规则文本绕图

8.4实例设计制作美容类网站

8.4.1设计分析

8.4.2布局分析

8.4.3制作流程

8.4.4制作步骤

8.4.5案例小结

8.5举一反三

8.6本章小结

第9章控制页面超链接样式医疗保健网站设计

9.1超链接概述

9.1.1超链接样式控制原则

9.1.2超链接控制属性

9.2超链接样式

9.2.1文字链接

9.2.2按钮式链接

9.3实例设计制作医疗保健类网站

9.3.1设计分析

9.3.2布局分析

9.3.3制作流程

9.3.4制作步骤

9.3.5案例总结

9.4举一反三

9.5本章小结

第10章设置页面表单样式生活购物网站设计

10.1表单设计概述

10.1.1网页表单设计原则

10.1.2表单应用分类

10.2表单设计

10.2.1标签的作用

10.2.2文本框样式设计

10.2.3下拉列表样式设计

10.2.4复选框和单选按钮设计

10.3实例设计制作生活购物类网站

10.3.1设计分析

10.3.2布局分析

10.3.3制作流程

10.3.4制作步骤

10.3.5案例小结

10.4举一反三

10.5本章小结

第11章设置页面列表样式影视音乐网站设计

11.1列表控制概述

11.2列表样式控制

11.2.1UL无序列表

11.2.2OL有序列表

11.2.3定义列表

11.2.4更改列表项目样式

11.3实例设计制作影视音乐类网站

11.3.1设计分析

11.3.2布局分析

11.3.3制作流程

11.3.4制作步骤

11.3.5案例总结

11.4举一反三

11.5本章小结

第12章CSS布局高级运用休闲游戏网站设计

12.1关于CSS选择符

12.1.1CSS选择符

12.1.2CSS选择符的命名

12.2id与class

12.2.1id是什么

12.2.2什么情况下使用id

12.2.3class是什么

12.2.4什么情况下使用class

12.3Div与Span对象

12.4实例设计制作休闲游戏网站

12.4.1设计分析

12.4.2布局分析

12.4.3制作流程

12.4.4制作步骤

12.4.5案例小结

12.5举一反三

12.6本章小结

第13章CSS布局技巧

13.1CSS代码优化

13.1.1增加代码重用串

13.1.2使用样式覆盖进行简化

13.2CSS代码的简写

13.2.1font样式简写

13.2.2color样式简写

13.2.3background样式简写

13.2.4margin和padding样式简写

13.2.5border样式简写

13.2.6list样式简写

13.3辅助图片一律用背景处理

13.4常见的浏览器兼容问题

13.5本章小结

　　本书以实用为主，介绍了Web标准以及目前流行的DIV+CSS布局的概念，提供多个实例以及大量的图片来讲解采用DIV+CSS布局制作页面的方法。　　书中系统地介绍了CSS层叠样式表的基础理论和实际运用技术，并结合实例来讲解采用层叠样式表与层布局相结合制作网页的方法。在实例的制作过程中介绍CSS样式设计各方面知识的同时，还结合实际网页制作中可能遇到的问题提供解决问题的思路、方法和技巧，使初学者也可以轻松掌握DIV+CSS布局的方式，制作出精美的网页并搭建功能强大的网站。　　全书力求以最简单的方法探讨Web标准进行网页设计的方方面面，帮助读者了解Web标准、CSS布局以及表现与内容分离的相关知识。　　本书介绍了Web标准以及目前流行的DIV+CSS布局的概念，提供多个实例以及大量的图片来讲解DIV+CSS布局制作页面的方法。　　本书系统地介绍了CSS样式的基础理论和实际运用技术，并结合实例来讲解层叠样式表与层布局相结合制作网页的方法。在实例的制作过程中介绍CSS样式设计各方面知识的同时，还结合实际网页制作中可能遇到的问题提供解决问题的思路、方法和技巧，使初学者也可以轻松掌握DIV+CSS布局的方式，制作出精美的网页并搭建功能强大的网站。　　全书力求以最简单的方法探讨Web标准进行网页设计的方方面面，帮助读者了解Web标准、CSS布局以及表现与内容分离的相关知识。希望通过本书的学习，帮助读者改变传统的网站设计思维，进入基于Web标准的网页设计领域。本书内容丰富、结构清晰，注重思维锻炼与实践应用，适合初、中级网页设计爱好者以及希望学习Web标准对原有网站进行重构的网页设计者。本书配套光盘中还提供了书中部分实例的文件和相关视频教程，供读者学习和参考。