HTML CSS DIV网页设计与布局从入门到精通

第1篇 网页结构与Web标准

第1章 网页的构成与Web标准

1.1 什么是网页

1.2 网页的构成

1.2.1 页面显示的信息

1.2.2 构成页面的结构HTML

1.2.3 显示效果的控制

1.3 Web标准的概念

1.3.1 什么是Web标准

1.3.2 页面的内容

1.3.3 页面的结构

1.3.4 页面的表现

1.3.5 Web标准的优势

1.4 Web标准网站欣赏

1.5 小结

1.6 习题

第2章 使用CSS构建页面的原理

2.1 什么是CSS

2.2 CSS应该定义在哪里

2.3 CSS的优先等级

2.3.1 元素内部的CSS

2.3.2 页面头部的CSS

2.3.3 外部的CSS

2.4 调用CSS样式的优先级

2.5 使用CSS控制表现效果带来的好处

2.6 实例演练--一个简单的登录页面

2.6.1 效果图的分析

2.6.2 页面结构部分的制作

2.6.3 CSS部分的编写

2.7 小结

2.8 习题

第3章 CSS布局的一般步骤

3.1 分析和切割效果图

3.1.1 分析效果图

3.1.2 切分效果图

3.1.3 整理切分图像

3.2 制作页面的结构和内容

3.2.1 确定页面的内容

3.2.2 制作页面的结构

3.3 添加表现部分

3.4 完成简单的交互行为

3.5 整站布局的步骤

3.6 小结

3.7 习题

第2篇 结构语言HTML

第4章 HTML基础

4.1 HTML页面结构

4.2 元素的书写格式和属性

4.2.1 元素的书写格式

4.2.2 元素的属性

4.3 HTML语法规范

4.4 选择文档类型

4.4.1 什么是文档类型

4.4.2 选择什么样的DOCTYPE

4.5 名字空间

4.6 小结

4.7 习题

第5章 定义页面头部信息

5.1 页面基础元素--

5.1.1 控制文本的显示方向

5.1.2 指定页面的语言

5.2 页面头部元素--

5.3 显示页面标题--

5.4 基本设置元素--

5.5 定义页面的信息--

5.6 创建页面的样式--

5.7 链接元素--

5.7.1 指定链接路径

5.7.2 链接样式文件

5.7.3 制作收藏夹图标

5.8 脚本元素--

5.9 小结

5.10 习题

第6章 页面主体元素的设置

6.1 页面主体元素--

6.2 定义主体元素的背景和文本属性

6.3 定义页面主体元素的边界

6.3.1 定义左边界

6.3.2 定义上边界

6.4 定义页面主体元素的链接属性

6.4.1 定义未访问过的链接属性

6.4.2 定义已访问过的链接属性

6.4.3 定义激活的链接属性

6.5 设置页面主体元素的样式

6.5.1 在主体元素中使用样式

6.5.2 在主体元素中调用样式

6.6 使用背景音乐

6.7 小结

6.8 习题

第7章 使用文本元素

7.1 文本元素简介

7.2 使用区域元素--

7.2.1 区域元素的对齐

7.2.2 使用样式

7.2.3 定义唯一标记

7.2.4 取消自动换行

7.3 使用段落元素--

7.4 使用标题元素

7.5 使用基于内容的文本元素

7.6 使用基于物理样式的文本元素

7.7 使用文本的间隔和布局元素

7.8 使用水平分隔线元素--

7.9 小结

7.10 习题

第8章 使用图像元素

8.1 图像的格式

8.1.1 JPEG格式

8.1.2 GIF格式

8.2 图像元素--

8.2.1 定义图像元素的显示大小

8.2.2 定义代替图片的文本

8.2.3 定义图像元素的边框

8.2.4 定义图像元素的对齐

8.2.5 定义图像元素的边距

8.3 小结

8.4 习题

第9章 使用表格元素

9.1 表格元素的基本构成

9.2 表格元素的显示效果

9.2.1 定义边框

9.2.2 定义表格的大小

9.2.3 定义内容的对齐

9.2.4 定义背景

9.2.5 定义边框效果

9.2.6 定义单元格间距

9.2.7 定义单元格补白

9.2.8 制作边框为1像素的表格

9.3 定义行元素的显示效果

9.4 定义单元格的显示效果

9.4.1 定义对齐

9.4.2 定义单元格的背景

9.4.3 定义单元格的大小

9.4.4 定义单元格的边框

9.4.5 行和列的合并

9.5 表格中使用的其他元素

9.6 小结

9.7 习题

第10章 使用链接元素

10.1 链接元素简介

10.2 定义链接元素

10.2.1 指定路径

10.2.2 显示链接目标

10.2.3 定义链接的热键

10.2.4 定义当前文档中的链接

10.3 图像中的链接

10.3.1 创建链接区域元素--

10.3.2 定义图像内链接的示例

10.4 小结

10.5 习题

第11章 使用列表和表单元素

11.1 列表元素的分类

11.1.1 无序列表元素--

11.1.2 有序列表元素--

11.1.3 列表条目元素--

11.1.4 定义列表元素--

11.2 表单元素概述

11.3 表单元素--

11.4 表单控件元素--

11.4.1 文本域

11.4.2 密码区域

11.4.3 提交按钮

11.4.4 复位按钮

11.4.5 图像按钮

11.4.6 单击按钮

11.4.7 复选框

11.4.8 单选按钮

11.4.9 隐藏区域

11.5 定义表单控件的效果

11.5.1 设置只读属性

11.5.2 设置不可用属性

11.6 选择列表元素--

11.7 按钮元素--

11.8 文本区域元素--

11.9 表单标记元素--

11.10 小结

11.11 习题

第3篇 表现语言CSS

第12章 CSS的语法基础

12.1 CSS的基本写法

12.2 选择符

12.2.1 id选择符

12.2.2 类选择符

12.2.3 类型选择符

12.2.4 伪类

12.2.5 子选择符

12.2.6 群组选择符

12.2.7 选择符的优先级

12.3 属性

12.4 属性值

12.4.1 长度值

12.4.2 百分比值

12.4.3 颜色值

12.4.4 URL值

12.5 默认值

12.6 继承

12.7 小结

12.8 习题

第13章 控制元素的显示效果

13.1 盒子模型的概念

13.1.1 块元素和内联元素

13.1.2 元素宽度的计算

13.2 元素内容的大小

13.2.1 定义宽度

13.2.2 定义高度

13.2.3 内容与宽度、高度属性的关系

13.2.4 定义最大和最小宽度

13.2.5 定义最大和最小高度

13.3 元素的背景

13.3.1 定义背景颜色

13.3.2 定义背景图片

13.3.3 定义背景图片的重复

13.3.4 定义背景图片位置

13.3.5 定义背景图片滚动

13.3.6 定义背景的综合效果

13.3.7 背景颜色和背景图片的优先级

13.4 元素的补白

13.4.1 定义顶部补白

13.4.2 定义右侧补白

13.4.3 定义底部补白

13.4.4 定义左侧补白

13.4.5 定义综合补白

13.4.6 补白与背景的关系

13.5 元素的边框

13.5.1 定义单侧边框样式

13.5.2 定义单侧边框颜色

13.5.3 定义单侧边框宽度

13.5.4 统一定义边框样式

13.5.5 统一定义边框颜色

13.5.6 统一定义边框宽度

13.5.7 单侧边框综合设置

13.5.8 定义边框综合效果

13.6 元素的边界

13.6.1 定义单侧边界

13.6.2 定义边界综合效果

13.6.3 边界与背景的关系

13.7 小结

13.8 习题

第14章 控制元素的位置

14.1 元素的定位

14.1.1 元素的定位属性

14.1.2 边偏移属性

14.2 绝对定位

14.2.1 绝对定位与父元素

14.2.2 绝对定位与相邻元素

14.3 相对定位

14.3.1 相对定位元素位置的确定

14.3.2 相对定位与相邻元素

14.4 定位元素的层叠

14.4.1 层叠定位属性

14.4.2 简单嵌套元素中的层叠定位

14.4.3 包含子元素的复杂层叠定位

14.5 定位属性的优势和问题

14.5.1 定位属性的优势

14.5.2 绝对定位的问题

14.5.3 相对定位的问题

14.6 小结

14.7 习题

第15章 控制元素的布局

15.1 元素的浮动

15.1.1 定义元素的浮动效果

15.1.2 浮动元素和固定元素的关系

15.1.3 浮动的顺序

15.2 浮动的清除

15.3 内容的剪切

15.4 溢出内容的控制

15.4.1 总体溢出

15.4.2 单向溢出

15.5 元素的显示方式

15.5.1 定义显示方式

15.5.2 元素的隐藏

15.6 元素的可视性

15.6.1 定义可视性

15.6.2 可视性属性与显示方式属性的关系

15.7 小结

15.8 习题

第16章 控制文本的显示

16.1 控制字体的显示

16.1.1 选择字体

16.1.2 设置字体颜色

16.1.3 定义字体大小

16.1.4 定义字体样式

16.1.5 加粗显示

16.1.6 修饰字体

16.1.7 使用小型大写字母

16.1.8 转换大小写

16.1.9 设置字母间隔

16.1.10 定义单词间隔

16.1.11 定义行高

16.1.12 定义字体综合显示效果

16.2 控制文本的显示

16.2.1 控制文本缩进

16.2.2 控制文本空白

16.2.3 控制文本溢出

16.2.4 设置水平对齐

16.2.5 设置垂直对齐

16.2.6 定义文本流向

16.2.7 定义文本方向

16.2.8 对文本排序

16.2.9 设置单词换行

16.2.10 设置文本断开换行

16.3 小结

16.4 习题

第17章 控制列表和表格元素的显示

17.1 控制列表元素的显示

17.1.1 定义列表符号

17.1.2 使用列表图片

17.1.3 定义标记位置

17.1.4 标记位置属性与列表高度

17.1.5 综合定义列表的显示效果

17.2 列表元素的补白和边界

17.3 控制表格元素的显示

17.3.1 合并边框

17.3.2 定义表格边框间距

17.3.3 定义表格标题位置

17.3.4 设置表格的布局

17.4 小结

17.5 习题

第18章 控制其他元素的显示

18.1 控制滚动条的显示

18.1.1 定义滚动条三角箭头的颜色

18.1.2 定义滑块颜色

18.1.3 定义滚动条亮边框颜色

18.1.4 定义滚动条的高亮颜色

18.1.5 定义滚动条阴影颜色

18.1.6 定义滚动条暗部阴影颜色

18.1.7 定义滚动条背景颜色

18.1.8 定义滚动条基准色

18.1.9 定义滚动条的颜色

18.2 控制光标的显示

18.3 控制打印的显示

18.3.1 对象后插入分页符号属性

18.3.2 对象前插入分页符号属性

18.4 控制元素的缩放

18.5 控制链接的显示

18.5.1 定义链接未访问的显示效果

18.5.2 定义链接鼠标悬停的显示效果

18.5.3 定义链接激活的显示效果

18.5.4 定义链接访问后的显示效果

18.5.5 定义链接效果的顺序

18.6 小结

18.7 习题

第4篇 CSS布局

第19章 关于整站样式表的分析

19.1 站点页面的分析

19.1.1 规划样式表的原则

19.1.2 规划样式表的方法

19.1.3 实例分析

19.2 站点二级页面的制作

19.2.1 日志内容页面结构的规划

19.2.2 日志内容页面CSS部分的制作

19.2.3 日志列表页的制作

19.3 小结

19.4 习题

第20章 关于标准的校验

20.1 为什么要进行标准的校验

20.2 怎样进行标准的校验

20.2.1 XHTML校验的方法

20.2.2 CSS校验的方法

20.2.3 XHTML校验常见错误

20.2.4 CSS校验常见错误

20.3 实例页面的校验

20.3.1 实例首页的校验

20.3.2 一个二级页面的校验

20.4 小结

20.5 习题

第21章 制作企业宣传类网页

21.1 企业宣传类网页介绍

21.1.1 企业宣传类网页的作用

21.1.2 企业宣传类网页的构成及特点

21.2 效果图的分析

21.2.1 界面设计分析

21.2.2 规划页面布局

21.3 切图与划分页面内容

21.3.1 隐藏页面中的文本内容

21.3.2 切取页面中的背景

21.3.3 切取页面中的内容

21.3.4 保存各种图片

21.4 页面头部及导航栏的布局

21.4.1 制作头部的结构代码

21.4.2 定义页面的相关信息

21.4.3 导入样式表文件

21.4.4 头部内容结构分析

21.4.5 对头部文件整体添加样式

21.4.6 制作页面logo和菜单部分

21.4.7 制作页面的导航栏

21.4.8 制作页面的Banner

21.5 制作新闻列表部分

21.5.1 制作新闻列表的结构代码

21.5.2 新闻列表的修饰

21.5.3 制作侧栏栏目

21.6 页面底部的布局设计

21.6.1 制作底部的结构代码

21.6.2 制作底部信息的显示效果

21.7 制作二级页面（公司新闻）

21.7.1 二级页面效果图的分析

21.7.2 切图并制作素材图片

21.7.3 分析二级页面结构和样式

21.7.4 制作侧栏栏目

21.7.5 制作新闻列表

21.8 小结

21.9 习题

随着Web 2.0的盛行，一切都开始基于Web标准，许多网站设计师开始学习并应用Web标准，CSS的应用也越来越广泛。本书正是一本在这种流行趋势下应运而生的介绍使用XHTML和CSS进行网页标准化布局的书籍。

　　《炫动网页设计丛书：HTML+CSS+DIV网页设计与布局从入门到精通（附光盘）》一共分为4篇，循序渐进地讲述了网页、XHTML基础知识和CSS布局的实战技术，从基本概念到具体实践、从对网页的认识到制作网页、从认识XHTML到使用不同的XHTML标签定义不同的内容，从使用CSS进行网页局部的设计到进行整个网站的布局制作都进行了详细的阐述，并以实例的形式对具体知识点进行了详细的讲解。

　　本书的特点在于引导读者转变思路和进行实际操作，以最简单的方法与读者探讨使用CSS进行符合Web标准的网页设计的方方面面的知识。全书以XHTML和CSS基础为主体内容，讲解CSS布局的入门知识与网站布局实战技巧、版式布局细节、浏览器兼容性等。本书旨在帮助读者改变传统的网站设计思维，进入基于Web标准的网页设计领域。书中含有大量的实例，详细描述CSS的各个属性，以及代码编写技巧，方便读者模拟实践。

　　本书附带1张光盘，内容为本书重点内容的教学视频、本书涉及的源代码以及PPT等。

　　《炫动网页设计丛书：HTML+CSS+DIV网页设计与布局从入门到精通（附光盘）》适合广大Web网站设计人员、网站设计的初学者、网站管理维护人员、大专院校师生和参加培训的学员阅读，并可作为Web前端代码架构从业人员的参考手册。