第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