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.3 W3C发布的标准
2.2.4 什么是Ecma国际
2.2.5 Web标准的优势
2.3 网站设计的标准时代
2.3.1 为什么要建立网站标准
2.3.2 遵循标准的网站与传统网站的区别
2.3.3 采用网站标准的优点与缺点
2.4 Web标准三剑客
2.4.1 什么是内容、结构、表现和行为
2.4.2 Div与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.1 HTML的基础用法
3.1.1 HTML文件的基本结构
3.1.2 HTML的主要功能
3.1.3 HTML的基本语法
3.1.4 常用的HTML标签
3.1.5 段落和文字标签
3.1.6 超链接标签
3.1.7 图像标签
3.2 转换到XHTML
3.2.1 升级到XHTML的好处
3.2.2 XHTML的页面结构
3.2.3 xHTML代码规范
3.2.4 选择文档类型
3.2.5 XHTML和HTML的比较
3.2.4 名字空间
3.3 XML的概述
3.3.1 XML的概念
3.3.2 HTML与XML的比较
3.3.3 为什么要使用XML
3.3.4 什么是“形式良好的”XML文件
3.3.5 XML的结构
3.3.6 DTD的基本结构
3.3.7 定义元素及其后代
3.3.8 定义元素属性
3.4 本章小结
第4章 CSS样式入门
4.1 CSS概述
4.2 CSS的基本用法
4.2.1 在HTML内插入样式表
4.2.2 CSS规则
4.3 CSS样式分类
4.3.1 内联样式
4.3.2 内部样式表
4.3.3 外部样式表
4.4 CSS文档结构
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.5 id选择器
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.3 Div的嵌套和固定格式
5.2 可视化模型
5.2.1 盒模型
5.2.2 视觉可视化模型
5.2.3 相对定位
5.2.4 绝对定位
5.2.5 浮动定位
5.2.6 空白边叠加
5.3 CSS布局方式
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.2 CSS文本样式
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.1 UL无序列表
11.2.2 OL有序列表
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.1 CSS选择符
12.1.2 CSS选择符的命名
12.2 id与class
12.2.1 id是什么
12.2.2 什么情况下使用id
12.2.3 class是什么
12.2.4 什么情况下使用class
12.3 Div与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.1 CSS代码优化
13.1.1 增加代码重用串
13.1.2 使用样式覆盖进行简化
13.2 CSS代码的简写
13.2.1 font样式简写
13.2.2 color样式简写
13.2.3 background样式简写
13.2.4 margin和padding样式简写
13.2.5 border样式简写
13.2.6 list样式简写
13.3 辅助图片一律用背景处理
13.4 常见的浏览器兼容问题
13.5 本章小结