第1章 开发网站，我们需要做些什么 1
1.1网站需要什么 1
1.1.1需要HTML文件 1
1.1.2需要DIV来“圈地” 2
1.1.3需要CSS来定义样式 2
1.1.4需要JavaScript 3
1.1.5需要空间和域名 4
1.2通过Dreamweaver开发DIV+CSS程序 4
1.2.1安装Dreamweaver 5
1.2.2使用Dreamweaver 5
1.2.3 Dreamweaver的三种工作方式 6
1.2.4通过Dreamweaver在HTML页面中开发DIV 7
1.2.5通过Dreamweaver开发CSS程序 9
1.2.6在DIV里引入CSS效果 10
1.3一个简单的网页需要包含什么 11
1.3.1 head部分 11
1.3.2 body部分 11
1.3.3编写注释 12
1.4开发一个网站的总体流程 13
1.4.1美工先用Photoshop给出效果 13
1.4.2通过切图，得到素材 14
1.4.3搭建DIV 14
1.4.4搭建CSS和JS效果 15
1.4.5测试网页 15
1.5网站的建设标准和布局方式 16
1.5.1网站的建设标准 16
1.5.2页面布局 17
1.6上机题 21
第2章 HTML和XHTML 22
2.1 HTML基础 22
2.1.1 HTML概述 22
2.1.2 HTML基础结构 23
2.2 HTML标签 24
2.2.1基本标签 24
2.2.2格式标签 26
2.2.3文本标签 28
2.2.4超链标签 29
2.2.5图像标签 30
2.2.6表格标签 31
2.2.7分区标签 33
2.3 XHTML介绍 35
2.3.1什么是XHTML 35
2.3.2 HTML转换成XHTML的方法 36
2.4实训——综合各种标签的网页 39
2.5上机题 42
第3章 CSS基础知识介绍 44
3.1 CSS的概念 44
3.2 CSS的基本语法 45
3.2.1 CSS选择器 45
3.2.2选择器声明 48
3.2.3 CSS的继承 50
3.3 CSS的四种引入方式 51
3.4 CSS的常见问题 52
3.4.1让CSS适用所有浏览器 53
3.4.2 CSS注释与字符编码控制 54
3.5 CSS里的单位和值 55
3.5.1颜色 55
3.5.2长度单位 57
3.5.3通过URL引入外部资源 59
3.6实训——CSS基本语法的演练 60
3.7上机题 62
第4章 通过CSS控制字体样式 66
4.1通过CSS控制文本样式 66
4.1.1定义文字颜色 66
4.1.2通过CSS设置字体 67
4.1.3字体粗细与斜体 69
4.1.4定义字体大小和行高 71
4.1.5下划线、顶划线、删除线 72
4.2用CSS控制字间距和对齐方式 74
4.2.1设置字间距 74
4.2.2控制对齐方式 75
4.3通过CSS定义样式表 76
4.3.1通过CSS定义无序列表的效果 77
4.3.2通过CSS定义排序列表的样式 77
4.4实训——CSS字体样式综合演练 79
4.4上机题 82
第5章 通过CSS定义链接样式 86
5.1针对链接的CSS基本概念 86
5.1.1 CSS伪类别 86
5.1.2用伪类定义动态超链接 87
5.2定义丰富的超链特效 89
5.2.1给链接添加提示文字 89
5.2.2按钮式超链接 90
5.2.3为超链添加背景图效果 91
5.3用CSS定义针对超链的鼠标特效 93
5.3.1用CSS设计鼠标的箭头 93
5.3.2定义鼠标的变幻效果 95
5.4实训——用CSS美化超链接 96
5.5上机题 101
第6章 通过CSS定义图片样式 104
6.1 CSS定义图片样式 104
6.1.1定义图片边框 104
6.1.2定义图片大小 106
6.1.3通过CSS保证图片不变形 107
6.1.4定义图片的对齐方式 109
6.2通过CSS设置文字和图片交互的效果 112
6.2.1设置文字环绕的效果 112
6.2.2浮动广告 114
6.3实训——用CSS设计图文并茂的效果 115
6.4通过CSS设置背景颜色 118
6.4.1设置页面背景色 118
6.4.2通过背景色给页面分块 119
6.5通过CSS处理背景图像样式 121
6.5.1设置页面背景图样式 121
6.5.2设置背景图重复的效果 121
6.5.3定义背景图片的位置 122
6.5.4固定背景图片 123
6.6实训——实现美食资讯网的菜单部分 124
6.7上机题 126
第7章 通过CSS设置表格的样式 131
7.1表格基础 131
7.2用CSS设置表格的样式 132
7.2.1设置表格的颜色 132
7.2.2设置表格的边框样式 133
7.2.3设置隔行变色的单元格样式 135
7.2.4设置大小和对齐方式 136
7.3实训——用CSS搭建一个综合效果的表格 138
7.4上机题 142
第8章 通过CSS定义表单样式 146
8.1认识表单元素 146
8.1.1输入域标签〈input〉 146
8.1.2文本域标签〈textarea〉 147
8.1.3选择域标签〈select〉和〈option〉 148
8.1.4表单各元素在网页中的用法 148
8.2通过CSS设置各元素的外观 149
8.2.1用css修饰表单元素的背景色 149
8.2.2用CSS改变表单元素的边框样式 152
8.2.3用CSS修改表单文字的样式 153
8.3实训——CSS定义表单样式练习 156
8.4上机题 161
第9章 CSS滤镜的应用 164
9.1滤镜概述 164
9.2通道（Alpha） 165
9.3模糊（Blur） 166
9.4运动模糊（MotionBlur） 167
9.5透明色（Chroma） 169
9.6翻转变换（Flip） 169
9.7光晕（Glow） 170
9.8灰度（Gray） 172
9.9反色（Invert） 173
9.10遮罩（Mask） 173
9.11阴影（Shadow） 175
9.12 X射线（X-ray） 176
9.13浮雕纹理（Emboss和Engrave） 177
9.14波浪（Wave） 179
9.15上机题 180
第10章 CSS定位与DIV布局 184
10.1盒子模型 184
10.1.1盒子模型的概念 184
10.1.2 CONTENT 185
10.1.3 BORDER 185
10.1.4 PADDING 188
10.1.5 MARGIN 190
10.2元素的定位 193
10.2.1定位方式 193
10.2.2 CSS的定位原理 194
10.2.3利用float定位 199
10.2.4利用CSS堆元素定位 201
10.3块元素和行内元素 203
10.3.1块元素 203
10.3.2行内元素 204
10.4实训——用CSS定位页面的布局 205
10.5上机题 210
第11章 用JavaScript搭建动态效果 214
11.1 JavaScript概述 214
11.1.1 JavaScript概述 214
11.1.2 JavaScript嵌入HTML文档 215
11.2用JavaScript设置图片的效果 216
11.2.1实现相册效果 216
11.2.2实现图片滑动切换效果 220
11.3针对菜单的效果 223
11.3.1用JavaScript实现页签效果 223
11.3.2用JavaScript实现下拉式菜单 225
11.3.3用JavaScript实现滑轮式菜单效果 228
11.4针对文字的效果 229
11.4.1文字的打字效果 229
11.4.2带提示文字的JavaScript特效 231
11.5上机题 234
第12章 DIV+CSS布局综述 236
12.1布局方式 236
12.1.1用DIV将页面分块 236
12.1.2设计各块的位置 237
12.1.3用CSS将分布的DIV定位 237
12.2 CSS排版样式 239
12.2.1设计上中下版式的样式 239
12.2.2设计固定宽度且居中的样式 241
12.2.3设计左中右版式的样式 244
12.2.4设计块的背景色及背景图片 247
12.2.5内容分类显示版式 248
12.3实训——构建一个上下结构的页面 251
12.4实训——构建一个左中右结构的页面 255
12.5上机题 258
第13章 CSS、 XML和Ajax综合使用方式 266
13.1 XML基础 266
13.1.1 XML的特点 266
13.1.2 XML的结构和基本语法 267
13.2 XML与CSS的综合应用 269
13.2.1在XML里链接CSS文件 270
13.2.2通过XML和CSS，搭建具有图文并茂效果的案例 271
13.3 Ajax与CSS的综合应用 273
13.3.1 Ajax概述 273
13.3.2 Ajax与CSS的综合应用 274
13.4实训——XML与CSS结合的练习 279
13.5实训——Ajax与CSS结合的练习 283
13.6上机题 285
第14章 解决CSS开发中的常见问题 288
14.1解决浏览器不兼容的问题 288
14.1.1解决字体大小不兼容的问题 288
14.1.2解决DIV里的float悬浮问题 290
14.1.3容器高度的限定问题 292
14.2解决HTML和CSS的中文编码问题 295
14.2.1 CSS与HTML页面的默认编码问题 295
14.2.2 CSS中文注释“标”的问题 297
第15章 娱乐门户网站 299
15.1网站页面效果分析 299
15.1.1首页效果分析 299
15.1.2“店铺”页面的效果分析 301
15.1.3网站文件综述 302
15.2规划首页的布局 302
15.2.1搭建首页页头部分的DIV 302
15.2.2搭建“第一列”部分的DIV 304
15.2.3搭建“标签导航”部分的DIV 305
15.2.4搭建“新进店铺”部分的DIV 306
15.2.5搭建“最新资讯”部分的DIV 307
15.2.6搭建“第三列”部分的DIV 309
15.2.7搭建页脚部分的DIV 310
15.2.8首页CSS效果分析 310
15.3店铺页面 311
15.3.1商铺资料部分的DIV 311
15.3.2商铺推荐部分的DIV 313
第16章 旅游酒店网站 316
16.1网站页面效果分析 316
16.1.1首页效果分析 316
16.1.2“酒店推荐”页面的效果分析 317
16.1.3网站文件综述 318
16.2规划首页的布局 318
16.2.1搭建首页页头部分的DIV 319
16.2.2搭建“推荐景点”部分的DIV 319
16.2.3搭建“最新新闻”部分的DIV 320
16.2.4搭建“游玩指南”部分的DIV 321
16.2.5搭建“在线订票”部分的DIV 322
16.2.6搭建“热门旅游专题”部分的DIV 324
16.2.7搭建页脚部分的DIV 324
16.2.8首页CSS效果分析 326
16.3酒店推荐页面 326
16.3.1酒店推荐列表部分的DIV 326
16.3.2推荐酒店列表部分的DIV 328
第17章 设计公司网站 331
17.1网站页面效果分析 331
17.1.1首页效果分析 331
17.1.2“设计理念”页面的效果分析 333
17.1.3网站文件综述 333
17.2规划首页的布局 334
17.2.1搭建首页页头部分的DIV 334
17.2.2搭建“网站广告”部分的DIV 335
17.2.3搭建“公司介绍”部分的DIV 336
17.2.4搭建“设计服务”部分的DIV 336
17.2.5搭建“预约登记”部分的DIV 338
17.2.6搭建页脚部分的DIV 340
17.2.7首页CSS效果分析 340
17.3设计理念页面 341
17.3.1设计理念介绍的DIV 341
17.3.2业务分类部分的DIV 343
第18章 新闻网站 345
18.1网站页面效果分析 345
18.1.1首页效果分析 345
18.1.2“新闻内容”页面的效果分析 346
18.1.3网站文件综述 347
18.2规划首页的布局 348
18.2.1搭建首页页头部分的DIV 348
18.2.2搭建“深度新闻”部分的DIV 349
18.2.3搭建“会议活动”部分的DIV 350
18.2.4搭建“大图新闻”部分的DIV 351
18.2.5搭建“新闻报道”部分的DIV 351
18.2.6搭建“名人博客”部分的DIV 352
18.2.7搭建页脚部分的DIV 353
18.2.8首页CSS效果分析 354
18.3新闻内容页面 355
18.3.1分类列表部分的DIV 355
18.3.2新闻文章部分的DIV 356