第1章 网页制作基础 10
1.1 认识网页 10
1.1.1 网页和网站 10
1.1.2 网页的类型 11
1.1.3 动态网页与静态网页 11
1.1.4 网页的基本构成元素 12
1.2 如何设计网页 12
1.2.1 网页设计的基本原则 13
1.2.2 网页设计的成功要素 13
1.2.3 网页的设计风格和色彩搭配 14
1.3 网站设计要点 14
1.3.1 为用户考虑 14
1.3.2 主题突出 15
1.3.3 整体原则 16
1.3.4 内容与形式相统一 16
1.3.5 更新和维护 17
1.4 网站设计流程 17
1.4.1 网站项目的定义 17
1.4.2 网站策划方案 17
1.4.3 网站内容规划 17
1.4.4 获得网站资源 18
1.5 常用网页编辑软件简介 18
1.5.1 Dreamweaver 18
1.5.2 FrontPage 21
1.5.3 HomeSite 21
1.6 本章小结 21
1.7 课后习题 21
1.7.1 课后习题1-新建Dreamweaver文档 22
1.7.2 课后习题2-新建Dreamweaver工作区 22
第二章 HTML和XHTML 24
2.1 了解浏览器和网页文档的关系 24
2.2 初识HTML和XHTML 24
2.3 HTML 24
2.3.1 HTML概述 25
2.3.2 HTML的基本结构 25
2.3.3 HTML的基本语法 26
2.3.4 HTML的主要功能 26
2.3.5 HTML标签 26
2.4 XHTML语法 32
2.5 初识CSS 33
2.6 本章小结 35
2.7 课后习题 35
2.7.1 课后习题1-创建一个简单的html网页 36
2.7.2 课后习题2-使用Dreamweaver创建页面 36
第3章 CSS初体验 38
3.1 编写XHTML文档 38
3.1.1 使用Dreamweaver新建XHTML框架文档 38
3.1.2 手工编写XHTML文档 39
3.2 使CSS在XHTML文档中生效 39
3.2.1 在标签中加入CSS样式 39
3.2.2 在〈style〉〈／style〉标签中加入样式 41
3.2.3 链入外部CSS样式表 42
3.2.4 优先级问题 44
3.3 CSS样式表的规则 46
3.4 CSS的注释 47
3.4.1 单行注释 47
3.4.2 整段注释 47
3.5 本章小结 47
3.6 课后习题 47
3.6.1 课后习题1-创建CSS结构的网站页面 47
3.6.2 课后习题2-创建外部CSS文件 48
第4章 掌握CSS基本语法 50
4.1 选择器 50
4.1.1 标签选择器 50
4.1.2 类选择器 52
4.1.3 ID选择器 53
4.1.4 全局选择器 55
4.1.5 组合选择器 56
4.1.6 继承选择器 57
4.1.7 伪类选择器 57
4.2 声明 58
4.2.1 多重声明 58
4.2.2 集体声明 58
4.3 CSS的层叠原理 59
4.3.1 CSS样式来源 59
4.3.2 CSS的继承 59
4.3.3 选择器的优先级 61
4.3.4 important语句 64
4.4 CSS的单位 65
4.4.1 颜色单位 65
4.4.2 长度单位 68
4.5 本章小结 70
4.6 课后习题 70
4.6.1 课后习题1-实现水平菜单条 70
4.6.2 课后习题2-通过CSS控制整个页面 71
第5章 Div+CSS布局页面 72
5.1 初识Div+CSS 72
5.1.1 布局的流程 72
5.1.2 Div+CSS布局的优势 73
5.2 了解盒模型 74
5.2.1 基本盒模型 74
5.2.2 边距 74
5.2.3 填充 76
5.2.4 边框 77
5.2.5 内容 79
5.3 页面元素的布局 79
5.3.1 块级元素 80
5.3.2 行内元素 80
5.4 CSS布局方式——浮动 81
5.4.1 两个元素的浮动应用 82
5.4.2 多个元素的浮动应用 83
5.4.3 清除浮动 85
5.5 CSS布局定位 87
5.5.1 CSS的定位属性 87
5.5.2 相对定位 88
5.5.3 绝对定位 89
5.5.4 固定定位 91
5.6 控制溢出元素 92
5.6.1 overfiow 93
5.6.2 overflow-x 95
5.6.3 overflow-y 96
5.7 本章小结 97
5.8 课后习题 97
5.8.1 课后习题1-制作歌曲专辑列表 98
5.8.2 课后习题2-给图片加入信息 98
第6章 CSS排版页面 100
6.1 固定宽度布局 100
6.1.1 一列居中布局 100
6.1.2 两列居中布局 103
6.2 自适应宽度布局 105
6.2.1 一列宽度自适应布局 105
6.2.2 两列布局——左侧固定右侧自适应 106
6.2.3 两列布局——两列均自适应布局 107
6.2.4 三列布局——两侧固定中间自适应 108
6.3 复杂的页面排版 109
6.3.1 复杂的页面排版——垂直布局 109
6.3.2 复杂的页面排版——水平布局 112
6.4 本章小结 114
6.5 课后习题 114
6.5.1 课后习题1-创建复杂的页面 114
6.5.2 课后习题2-布局图像展示页面 115
第7章 CSS控制页面中的文本 116
7.1 字体 116
7.2 文字大小概述 118
7.2.1 设置文字大小 118
7.2.2 定义文字的相对大小 119
7.2.3 定义文字的绝对大小 120
7.3 字体颜色 121
7.4 字体粗细 122
7.5 斜体 123
7.6 下划线、顶划线和删除线 123
7.7 属性的缩写法 123
7.8 段落属性 125
7.8.1 段落的水平对齐方式 125
7.8.2 段落的垂直对齐方式 126
7.8.3 首行缩进 127
7.8.4 行间距与字间距 128
7.8.5 文本转换 129
7.8.6 处理空白符 129
7.9 文本的高级样式 131
7.9.1 阴影文本 132
7.9.2 溢出文本 132
7.9.3 控制文本换行 133
7.10 本章小结 135
7.11 课后习题 135
7.11.1 课后习题1-制作文章页面 135
7.11.2 课后习题2-制作多种文本版面 136
第8章 CSS控制页面背景 138
8.1 背景控制概述 138
8.1.1 背景控制原则 138
8.1.2 背景控制属性 138
8.2 背景颜色控制 139
8.2.1 控制页面背景颜色 139
8.2.2 设置区块背景颜色 140
8.3 背景图像控制 141
8.3.1 控制页面背景图片 142
8.3.2 背景图的重复 143
8.3.3 背景图的位置 144
8.3.4 背景图像的滚动 146
8.4 CSS 3.0新增背景属性 148
8.4.1 background-origin 148
8.4.2 background-clip 151
8.4.3 background-size 153
8.4.4 multiple background 156
8.4.5 实现动态背景 158
8.5 本章小结 160
8.6 课后习题 160
8.6.1 课后习题1-图片评论页面 160
8.6.2 课后习题2-创建外部CSS文件 161
第9章 CSS控制页面中的图片 162
9.1 使用CSS控制图片的样式 162
9.1.1 在网页中插入图片 162
9.1.2 控制图片的大小 164
9.1.3 为图像添加边框 165
9.1.4 为图像增加超链接 167
9.2 图片对齐 168
9.2.1 水平对齐 168
9.2.2 垂直对齐 168
9.3 图文混排 169
9.3.1 文本混排 169
9.3.2 设置混排间距 170
9.4 图片特殊效果 171
9.4.1 圆角图片 171
9.4.2 多色边框效果 173
9.5 本章小结 173
9.6 课后习题 173
9.6.1 课后习题1-个人信息页头部 174
9.6.2 课后习题2-个人页面图册 174
第10章 CSS控制列表 176
10.1 列表控制概述 176
10.2 列表的类型 177
10.2.1 无序列表 177
10.2.2 有序列表 179
10.2.3 定义列表 180
10.3 改变列表符的样式 181
10.3.1 使用自带的列表符 181
10.3.2 用背景图片改变列表符 184
10.3.3 改变列表符的位置 185
10.3.4 列表属性的速写法 187
10.4 使用列表制作实用菜单 189
10.4.1 无需表格的菜单 189
10.4.2 菜单的横竖转换 191
10.5 本章小结 193
10.6 课后习题 193
10.6.1 课后习题1-制作滑过菜单 193
10.6.2 课后习题2-制作下拉菜单 194
第11章 CSS控制页面中的表格 196
11.1 关于表格 196
11.1.1 表格的整体结构 196
11.1.2 表格的边框 198
11.1.3 表格的标题 199
11.1.4 设置表格列样式 200
11.2 单元格对齐 201
11.2.1 水平对齐 201
11.2.2 垂直对齐 202
11.3 表格特效 202
11.3.1 隔行变色单元格 202
11.3.2 鼠标经过变色表格 204
11.4 本章小结 205
11.5 课后习题 205
11.5.1 课后习题1-制作家居查询表格 205
11.5.2 课后习题2-新闻表格效果 206
第12章 CSS控制表单 208
12.1 表单设计概述 208
12.1.1 表单的设计原则 208
12.1.2 表单的分类 209
12.2 表单的设计 210
12.2.1 表单 210
12.2.2 表单元素 210
12.3 表单输入〈input〉 211
12.3.1 文本域和密码域 211
12.3.2 文件域 213
12.3.3 单选钮和复选框 213
12.3.4 按钮和图像域 215
12.3.5 隐藏域 217
12.3.6 菜单列表 217
12.3.7 多行文本域 219
12.4 掌握〈label〉标签 220
12.5 文本框样式设计 221
12.6 下拉列表样式设计 223
12.7 复选框和单选钮样式设计 224
12.8 本章小结 228
12.9 课后习题 228
12.9.1 课后习题1-制作会员登录页面 229
12.9.2 课后习题2-制作会员注册页面 229
第13章 控制页面超链接 230
13.1 关于超链接 230
13.1.1 什么是超链接 230
13.1.2 合理安排超链接 231
13.1.3 链接路径 232
13.1.4 超链接样式控制原则 233
13.1.5 伪类对超链接样式的控制 233
13.1.6 链接的打开方式 238
13.2 图片映射 239
13.3 常见超链接特效 240
13.3.1 按钮式超链接 240
13.3.2 浮雕式超链接 241
13.4 CSS实现鼠标特效 242
13.4.1 CSS控制鼠标箭头 242
13.4.2 鼠标变化的超链接 243
13.4.3 设置页面滚动条 244
13.4.4 设置链接定位 245
13.5 本章小结 246
13.6 课后习题 246
13.6.1 课后习题1-使用CSS制作图片链接 246
13.6.2 课后习题2-制作导航菜单 247
13.6.3 课后习题3-制作列表链接 248
第14章 CSS滤镜效果 250
14.1 了解CSS滤镜 250
14.1.1 滤镜的作用 250
14.1.2 滤镜格式和常用滤镜 250
14.2 CSS滤镜详解 251
14.2.1 Alpha 251
14.2.2 BlendTrans 253
14.2.3 Blur 255
14.2.4 Chroma 256
14.2.5 Dropshadow滤镜 257
14.2.6 FlipH 258
14.2.7 FlipV滤镜 259
14.2.8 Glow 260
14.2.9 Gray 262
14.2.10 Invert 263
14.2.11 Light 264
14.2.12 Mask 265
14.2.13 RevealTrans 266
14.2.14 Shadow 268
14.2.15 Wave 270
14.2.16 Xray 272
14.3 本章小结 273
14.4 课后习题 273
14.4.1 课后习题1-休闲食品页面 273
14.4.2 课后习题2-游戏网站页面 274
第15章 CSS与JavaScript 276
15.1 什么是JavaScript 276
15.1.1 了解JavaScript 276
15.1.2 JavaScript的特点 278
15.1.3 JavaScript的应用范围 278
15.1.4 CSS与JavaScript 280
15.2 JavaScript的语法基础 280
15.2.1 JavaScript的基本架构 280
15.2.2 JavaScript的基本语法 281
15.3 使用Spry构件 282
15.3.1 关于Spry构件 282
15.3.2 Spry菜单 283
15.3.3 Spry选项卡式面板 285
15.3.4 Spry折叠式面板 288
15.3.5 Spry可折叠面板 288
15.3.6 Spry工具提示 288
15.4 本章小结 290
15.5 课后习题 290
15.5.1 课后习题1-制作网站产品介绍栏 290
15.5.2 课后习题2-制作游戏活动大厅 291
第16章 制作餐饮类网站 292
16.1 网站页面效果分析 292
16.2 制作步骤 293
16.2.1 制作top部分 293
16.2.2 制作main部分 296
16.2.3 制作bottom部分 305
16.3 本章小结 306
16.4 课后习题-制作美容类网站 306
第17章 制作娱乐资讯页面 308
17.1 网站页面效果分析 308
17.2 制作步骤 309
17.2.1 制作页面头部内容 309
17.2.2 制作页面横幅部分 312
17.2.3 制作页面主体部分 313
17.2.4 制作页面脚注部分 320
17.3 本章小结 321
17.4 课后习题-制作个人主页 321
第18章 制作游戏门户类网站 324
18.1 网站页面效果分析 324
18.2 制作步骤 325
18.2.1 制作top部分 325
18.2.2 制作main部分 327
18.2.3 制作bottom部分 339
18.3 本章小结 341
18.4 课后习题-制作休闲类网站 341
第19章 制作儿童教育网页 344
19.1 网站页面效果分析 344
19.2 制作步骤 344
19.2.1 制作页面头部内容 345
19.2.2 制作页面主体部分 349
19.2.3 制作页面页脚部分 356
19.3 本章小结 357
19.4 课后习题-制作游戏网站页面 357
第20章 制作游戏官方主页 360
20.1 网站页面效果分析 360
20.2 制作步骤 361
20.2.1 制作top部分 361
20.2.2 制作main部分 364
20.2.3 制作bottom部分 380
20.3 本章小结 381
20.4 课后习题-制作音乐网站 381
第21章 制作游戏下载页面 384
21.1 网站页面效果分析 384
21.2 制作步骤 385
21.2.1 制作top部分 385
21.2.2 制作main部分 389
21.2.3 制作bottom部分 396
21.3 本章小结 397
21.4 课后习题-制作音乐网站 397