CSS+DIV网页样式与布局案例指导

第1章 网站制作流程与布局概念

1.1 网站和网页

1.1.1 网站与网页的关系

1.1.2 域名

1.2 网站的制作流程

1.2.1 前期策划

1.2.2 页面实施

1.2.3 后期维护

1.3 布局方式

1.3.1 网站建设标准

1.3.2 页面布局

1.3.3 标准与表格布局

第2章 HTML与XHTML

2.1 HTML基础

2.1.1 HTML概述

2.1.2 HTML基本结构

2.2 HTML基本标签

2.2.1 基本标签

2.2.2 格式标签

2.2.3 文本标签

2.2.4 超链接标签

2.2.5 图像标签

2.2.6 表格标签

2.2.7 框架标签

2.2.8 表单标签

2.2.9 分区标签

2.3 XHTML

2.3.1 XHTML概述

2.3.2 HTML转换为XHTML

第3章 JavaScript脚本语言概述

3.1 JavaScript概述

3.1.1 JavaScript发展

3.1.2 编写JavaScript脚本代码

3.1.3 JavaScript程序结构

3.1.4 JavaScript代码嵌入HTML文档

3.2 JavaScript效果的实现

3.2.1 事件处理器

3.2.2 表单验证

3.2.3 JavaScript窗口

3.3 JavaScript与CSS

3.3.1 在CSS中使用JavaScript

3.3.2 JavaScript控制CSS样式切换

3.3.2 JavaScript与CSS实现雕刻菜单效果

第4章 CSS概述

4.1 CSS的基本概念

4.2 CSS的页面设置

4.2.1 内联样式表

4.2.2 嵌入样式表

4.2.3 外部样式表

4.2.4 输入样式表

4.3 CSS与HTML

4.4 CSS的选择器和继承

4.4.1 CSS选择器

4.4.2 CSS的继承

4.5 编辑CSS

4.6 浏览器与CSS

第5章 CSS语法介绍

5.1 CSS选择器

5.1.1 标记选择器

5.1.2 类选择器

5.1.3 ID选择器

5.1.4 选择器的声明

5.2 CSS的继承

5.2.1 父子关系

5.2.2 CSS继承的运用

5.3 单位和值

5.3.1 颜色

5.3.2 长度单位

5.3.3 URL

第6章 CSS文本编辑效果

6.1 文字样式

6.1.1 字体的样式

6.1.2 文字的大小

6.1.3 文字的颜色

6.1.4 字体的粗细与斜体

6.1.5 下画线、顶画线和删除线

6.2 段落设置

6.2.1 对齐方式

6.2.2 行间距

6.2.3 字间距

6.2.4 首字放大效果

第7章 CSS表格和表单效果

7.1 表格样式

7.1.1 表格属性

7.1.2 表格的边框样式

7.1.3 表格的文本样式

7.1.4 表格嵌套

7.1.5 表格背景变色

7.2 表单样式

7.2.1 表单属性

7.2.2 表单边框闪烁

第8章 CSS与页面结构

8.1 边框

8.1.1 边界

8.1.2 边框

8.1.3 补白

8.1.4 浮动与清除

8.2 分块格式编排

8.2.1 块元素

8.2.2 内联元素

8.2.3 可变元素

第9章 用CSS设置网页效果

9.1 用CSS设置图片样式

9.1.1 图片边框的设置

9.1.2 图片大小的设置

9.1.3 图片自动等比例缩小

9.1.4 图片阴影的设置

9.1.5 图片透明的设置

9.1.6 图片的对齐方式的设置

9.1.7 文字环绕的效果

9.1.8 浮动广告的制作

9.2 用CSS设置网页中的背景

9.2.1 页面的背景色

9.2.2 页面的背景图的设置

9.2.3 背景图片的位置

9.2.4 固定背景图片

9.2.5 添加多个背景图片

第10章 用CSS设置页面

10.1 设置页面格式

10.1.1 设置超链接

10.1.2 设置导航栏

10.1.3 设置鼠标特效

10.1.4 设置滚动条

10.1.5 设置选项卡

10.2 特殊效果

10.2.1 鼠标提示

10.2.2 导航栏的隐藏和展开

10.2.3 设置滑动文本选项卡

第11章 CSS滤镜的应用

11.1 滤镜介绍

11.2 通道（alpha）

11.3 模糊（blur）

11.4 透明色（chroma）

11.5 阴影（shadow）

11.6 光晕（glow）

11.7 波浪（wave）

11.8 X射线（x-ray）

11.9 灰度（gray）

11.1 0反色（invert）

11.1 1遮罩（mask）

11.1 2翻转（FlipH&FlipV）

第12章 理解CSS定位与div布局

12.1 div标签与span标签

12.1.1 概述

12.1.2 元素的分类和标识（class和id）

12.1.3 组织元素（div和span）

12.2 盒子模型

12.2.1 盒子模型的概念

12.2.2 border属性

12.2.3 padding属性

12.2.4 margin属性

12.2.5 宽度和高度

12.3 元素的定位

12.3.1 CSS的定位原理

12.3.2 定位方式

12.3.3 float定位

12.3.4 z-index定位

第13章 CSS+DIV布局

13.1 CSS+DIV布局方法

13.1.1 网站的制作规范

13.1.2 将页面用div分块

13.1.3 对分布的块进行定位

13.2 CSS排版观念

13.2.1 对段落进行排版

13.2.2 对图片进行排版

13.2.3 对表格进行排版

13.2.4 “固定宽度且居中”的版式

13.2.5 “左中右”版式

第14章 调用样式表

14.1 关于CSS

14.1.1 CSS样式表的功能

14.1.2 CSS样式表的分类

14.2 调用样式表的方法

14.2.1 外部调用CSS样式表

14.2.2 双表法调用样式表

14.2.3 样式表的切换

14.2.4 样式表的优先级

14.2.5 根据时段改变网站风格

第15章 小型企业网站

15.1 设计分析

15.2 布局分析

15.3 模块分析与设计实现

15.3.1 Logo与菜单效果

15.3.2 导航与搜索功能的设计

15.3.3 公司咨询

15.3.4 主体实现

15.3.5 业内新闻

15.4 CSS整理与调整

第16章 购物网站

16.1 设计分析

16.2 布局分析

16.3 模块分析与设计实现

16.3.1 Logo与菜单效果

16.3.2 分类搜索功能设计

16.3.3 商品导购功能设计

16.3.4 交易功能设计

16.4 CSS整理与调整

第17章 观光旅游导航网站

17.1 设计分析

17.2 布局分析

17.3 模块分析与设计实现

17.3.1 CSS基本设置

17.3.2 标题栏与banner图片的实现

17.3.3 左侧分栏与导航菜单实现

17.3.4 主体实现

17.3.5 脚注（footer）

17.4 CSS整理与调整

网页设计的一大改革。DIV分块实现了HTML文档内部结构的划分，CSS层叠样式表则为网页提供了丰富的设计样式，并控制HTML文档的外在表现。两者各尽其职，实现了样式与内容的分离，从而大大简化了HTML代码。CSS+DIV网页布局技术可以保证网页风格的一致性，对网页的样式进行统一的管理，给网页的开发与维护带来了极大的方便。当我们想要修改网页的风格设置时，只需要修改CSS样式表就能使所有的网页样式随之发生变动，而不必一页一页地修改网页。《CSS+DIV网页样式与布局案例指导》以实用为前提，提供了大量网页设计与制作的范例，并辅以细致的讲解与图示，对网页制作的步骤与方法都有具体的示例，是一本简单易学的CSS+DIV布局技术的参考手册。