本书基于Dreamweaver CS3等常用网页设计制作软件，按照从简单到复杂、从入门到精通的写作思路，结合了多个典型的网站实例，使读者不但可以学会使用多种网页制作工具制作出精美的网页，还进一步告诉大家如何设计符合Web标准的CSS布局。该书的编写重点将通过实例讲解如何运用Div+CSS对页面进行布局制作。可供各大专院校作为教材使用，也可供从事相关工作的人员作为参考用书使用。

本书系统地讲解了CSS层叠样式表的基础理论和实际运用技术，通过大量实例对CSS进行深入浅出的分析，主要包括CSS的基本语法和概念，设置文字、图片、背景、表格、表单和菜单等网页元素的方法，以及CSS滤镜的使用。本书着重讲解如何用CSS+DIV进行网页布局，注重实际操作，使读者在学习CSS应用技术的同时，掌握CSS+DIV的精髓。

本书内容翔实，结构清晰，循序渐进，并注意各个章节与实例之间的呼应和对照，既可作为CSS初学者的入门教材，也适合中高级用户进一步学习和参考。

第1章 Dreamweaver+CSS入门/1

 1.1 HTML文件的基本结构/2

1.1.1 HTML文件结构/2

1.1.2 使用记事本手工编写HTML页面/2

1.1.3 使用Dreamweaver编写HTML页面/3

 1.2 XHTML入门/8

 1.3 网站与Web标准/10

1.3.1 什么是Web标准/10

1.3.2 为什么要建立Web标准/10

1.3.3 怎样改善现有网站/11

 1.4 为什么要在网页中加入CSS/13

1.4.1 什么是CSS/13

1.4.2 如何编写CSS/14

第2章 CSS基础知识/15

 2.1 CSS基础/16

2.1.1 CSS基本概念/16

2.1.2 CSS的优点/16

 2.2 使用CSS/17

2.2.1 外联样式表/17

2.2.2 内嵌样式表/17

2.2.3 导入样式表/17

2.2.4 内联样式表/18

 2.3 选择器类型/18

2.3.1 标签选择器/19

2.3.2 类选择器/21

2.3.3 ID选择器/22

 2.4 使用Dreamweaver编辑CSS/24

2.4.1 CSS面板/24

2.4.2 链接外部样式表/25

 2.5 设置CSS属性/27

2.5.1 设置CSS样式类型/27

2.5.2 设置CSS样式背景/28

2.5.3 设置CSS样式区块/29

2.5.4 设置CSS样式方框/30

2.5.5 设置CSS样式边框/31

2.5.6 设置CSS样式列表/32

2.5.7 设置CSS样式定位/33

2.5.8 设置CSS样式扩展/34

 2.6 实战演练——对网页添加CSS样式/35

第3章 设计丰富的文字效果/39

 3.1 设计网页中的文字样式/40

3.1.1 字体/40

3.1.2 字号/43

3.1.3 加粗/45

3.1.4 样式/46

3.1.5 变体属性/47

3.1.6 文字修饰/49

 3.2 设计文本的段落样式/50

3.2.1 行高/50

3.2.2 对齐/52

3.2.3 缩进/53

3.2.4 单词间距/54

3.2.5 首字下沉/54

3.2.6 大小写转换/55

 3.3 CSS滤镜设计特效文字/56

3.3.1 滤镜概述/57

3.3.2 光晕(Glow)/58

3.3.3 模糊(Blur)/59

3.3.4 遮罩(Mask)/60

3.3.5 透明色(Chroma)/60

3.3.6 阴影(DropShadow)/61

3.3.7 波浪(Wave)/62

3.3.8 X射线(Xray)/62

 3.4 实战演练/64

3.4.1 用CSS排版网页文字/64

3.4.2 创建动感文字/66

第4章 用CSS设计图像和背景/69

 4.1 设置网页的背景/70

4.1.1 背景颜色/70

4.1.2 背景图像/70

 4.2 设置背景图像的属性/71

4.2.1 设置背景重复/71

4.2.2 设置固定背景/72

4.2.3 设置背景定位/73

 4.3 设置网页图像的样式/76

4.3.1 设置图像边框/76

4.3.2 图文混合排版/78

 4.4 应用CSS滤镜设计图像特效/80

4.4.1 控制图像和背景的透明度(Alpha)/80

4.4.2 灰度(Gray)/81

4.4.3 反色(Invert)/81

 4.5 实战演练/82

4.5.1 给图片添加边框/82

4.5.2 图文绕排效果/84

4.5.3 鼠标指针移到图片时产生渐变效果/86

第5章 设计更富灵活性的表格/89

 5.1 网页中的表格/90

5.1.1 表格对象标记/90

5.1.2 在Dreamweaver中插入表格/91

5.1.3 设置表格的颜色/93

5.1.4 设置表格的边框样式/94

5.1.5 设置表格的阴影/98

5.1.6 设置表格的渐变背景/99

 5.2 实战演练/100

5.2.1 制作变换背景色的表格/101

5.2.2 用CSS制作漂亮的彩色背景表格/102

5.2.3 制作阴影表格/104

5.2.4 制作圆角表格/105

5.2.5 制作半透明的表格/108

第6章 设计更酷更炫的表单/110

 6.1 网页中的表单/111

6.1.1 表单对象/111

6.1.2 表单标记/112

6.1.3 表单的布局设计/112

6.1.4 设置边框样式/115

6.1.5 设置背景样式/117

6.1.6 设置输入文本的样式/119

6.1.7 用CSS+DIV设计表单/120

 6.2 实战演练/123

6.2.1 改变按钮的背景颜色和文字颜色/124

6.2.2 设计文本框的样式/127

6.2.3 设计文本框中的文字样式/128

6.2.4 制作透明的表单背景/129

6.2.5 为下拉菜单变换颜色/130

6.2.6 设置Form表单内textarea背景图片/132

第7章 制作实用的菜单和网站导航/134

 7.1 项目列表/135

7.1.1 有序列表/135

7.1.2 无序列表/139

 7.2 横排导航/144

7.2.1 文本导航/144

7.2.2 标签式导航/146

 7.3 竖排导航/148

 7.4 实战演练/150

7.4.1 实现背景变换的导航菜单/150

7.4.2 利用CSS制作横向导航/152

7.4.3 制作网页下拉菜单/154

第8章 设计具有特色的超链接效果/157

 8.1 超链接基础/158

8.1.1 超链接的基本概念/158

8.1.2 使用“页面属性”设置超链接/158

 8.2 链接标记/159

8.2.1 a:link/160

8.2.2 a:visited/161

8.2.3 a:active/162

8.2.4 a:hover/163

 8.3 各种形式的超链接/164

8.3.1 背景色变换链接/164

8.3.2 多姿多彩的下划线链接/166

8.3.3 图像翻转链接/167

8.3.4 边框变换链接/170

 8.4 实战演练/172

8.4.1 使用CSS实现鼠标指针形状改变/172

8.4.2 为超链接文字加上质感边框/173

8.4.3 鼠标指针移到链接文字上时改变文字大小或颜色/177

8.4.4 给超链接添加提示文字/179

8.4.5 文本超链接模拟按钮效果/183

第9章 CSS+DIV布局定位基础/188

 9.1 Div标记与Span标记/189

9.1.1 Div概述/189

9.1.2 Div与Span的区别/190

 9.2 在Dreamweaver中使用Div/191

 9.3 盒子模型/192

9.3.1 盒子模型的概念/192

9.3.2 border/193

9.3.3 padding/198

9.3.4 margin/200

 9.4 元素的定位方式/203

9.4.1 float定位/203

9.4.2 position定位/206

9.4.3 z-index空间位置/211

第10章 CSS+DIV布局方法/214

 10.1 CSS布局理念/215

10.1.1 将页面用Div分块/215

10.1.2 设计各块的位置/216

10.1.3 用CSS定位/216

 10.2 常见的布局类型/218

10.2.1 一列固定宽度/218

10.2.2 一列自适应/219

10.2.3 两列固定宽度/220

10.2.4 两列宽度自适应/222

10.2.5 两列右列宽度自适应/224

10.2.6 三列浮动中间宽度自适应/224

10.2.7 三行二列居中高度自适应布局/226

 10.3 CSS布局与传统的表格方式布局分析/229

 10.4 使用CSS布局模板/232

第11章 CSS与JavaScript的综合应用/235

 11.1 JavaScript简介/236

11.1.1 什么是JavaScript/236

11.1.2 JavaScript特点/236

 11.2 JavaScript的基本语法/237

11.2.1 常量和变量/237

11.2.2 表达式和运算符/238

11.2.3 基本语句/239

11.2.4 函数/244

 11.3 JavaScript事件/244

 11.4 JavaScript内部对象/246

11.4.1 navigator对象/246

11.4.2 document对象/247

11.4.3 Windows对象/249

11.4.4 location对象/252

11.4.5 history对象/252

 11.5 实战演练/253

11.5.1 随鼠标移动的图像/253

11.5.2 制作图片循环隐现效果/255

11.5.3 制作幻灯片效果/257

11.5.4 制作灯光效果/259

11.5.5 任意选择网页中内容的文字颜色、背景颜色、字号/261

第12章 设计布局富有个性的个人网站/267

 12.1 个人网站设计概述/268

 12.2 个人网站色彩搭配和结构设计/269

 12.3 网站前期策划/269

12.3.1 确定网站主题/269

12.3.2 确定目录结构/269

12.3.3 网站蓝图的规划/270

 12.4 制作网站主页/271

12.4.1 导入外部CSS/271

12.4.2 制作顶部文件/274

12.4.3 制作个人简介/277

12.4.4 制作个人相册/278

12.4.5 制作最新动态/281

12.4.6 制作底部文件/283

第13章 公司宣传网站的布局/284

 13.1 企业网站设计概述/285

 13.2 分析架构/286

13.2.1 设计分析/286

13.2.2 排版构架/287

 13.3 各模块设计/288

13.3.1 布局设计/288

13.3.2 页面的通用规则/289

13.3.3 制作#header对象部分/292

13.3.4 制作导航#nav对象部分/294

13.3.5 公司介绍和图片展示部分/297

13.3.6 制作我们的服务部分/301

13.3.7 制作#aside对象部分/304

13.3.8 制作底部版权信息部分/308

第14章 购物网站布局/310

 14.1 购物网站设计概述/311

14.1.1 购物网站分析/311

14.1.2 排版构架/311

 14.2 各部分设计/312

14.2.1 导入外部CSS/312

14.2.2 制作头部文件/314

14.2.3 设计新品上架区/317

14.2.4 设计热门商品区/321

14.2.5 设计会员登录区/323

14.2.6 设计商品分类区/327

14.2.7 设计新品排行区/329

14.2.8 插入底部文件/332

第15章 留学网站的布局/333

 15.1 分析架构/334

15.1.1 设计分析/334

15.1.2 排版构架/335

 15.2 各模块设计/337

15.2.1 页面的通用规则/337

15.2.2 顶部logo、banner部分/338

15.2.3 制作导航菜单部分/343

15.2.4 制作xinyi_content1部分/347

15.2.5 制作xinyi_bigad部分/352

15.2.6 制作xinyi_content2部分/352

15.2.7 制作xinyi_content3部分/356

15.2.8 制作xinyi_bigad2部分/359

15.2.9 制作xinyi_content4部分/360

15.2.10 友情链接xinyi_link部分/362

15.2.11 版权xinyi_copyright部分/363

附录A CSS属性一览表/365

附录B 216种网页安全颜色/369

附录C RGB网页配色表/373

附录D HTML常用标签/396