第1部分 HTML网页设计 2
第1章 网页设计基础知识 2
1.1网页的基础概念 2
1.2网页与HTML 3
1.3 Web标准 4
1.3.1标准的重要性 4
1.3.2 “Web标准”概述 5
1.4网页设计与开发过程 6
1.4.1基本任务与角色 6
1.4.2明确网站定位 7
1.4.3收集信息和素材 7
1.4.4策划栏目内容 7
1.4.5设计页面方案 8
1.4.6制作页面 8
1.4.7实现后台功能 8
1.4.8整合与测试网站 8
1.5 HTML基础 9
1.5.1创建第一个HTML文件 9
1.5.2 HTML文件结构 10
1.6简单的HTML案例 11
1.7网页源文件的获取 14
1.7.1直接查看源文件 14
1.7.2保存网页 15
1.8利用Dreamweaver快速建立基本文档 16
1.8.1 Dreamweaver简介 16
1.8.2创建新的空白文档 17
1.8.3案例——创建新文档 19
1.9思考与练习 21
第2章 用HTML设置文本和图像 23
2.1文本排版 23
2.1.1实现段落与段内换行 23
2.1.2设置标题 25
2.1.3使文字水平居中 25
2.1.4设置文字段落的缩进 26
2.2文字列表 26
2.2.1建立无序列表 26
2.2.2建立有序列表 27
2.3 HTML标记与HTML属性 28
2.3.1控制段落的水平位置 28
2.3.2设置背景颜色 28
2.3.3文字的特殊样式 29
2.3.4文字的大小和颜色 30
2.4 HTML标记和属性的局限性 31
2.5特殊文字符号 31
2.6使用图像 33
2.6.1网页中的图像格式 33
2.6.2简单案例 33
2.6.3文件路径 34
2.7设置图片的尺寸 36
2.8设置图像的替换文本 37
2.9利用Dreamweaver设置文本和图像 37
2.10利用Dreamweaver代码视图提高效率 41
2.10.1代码提示 41
2.10.2代码折叠 42
2.10.3拆分视图与代码快速定位 43
2.11思考与练习 43
第3章 超链接 45
3.1设置文字超链接 45
3.1.1 URL的格式 45
3.1.2 URL的类型 46
3.2设置页面内部链接 47
3.3设置图片超链接 48
3.4设置电子邮件链接 48
3.5设置链接页面的目标窗口 49
3.6创建热点区域 49
3.6.1用HTML建立热点区域 50
3.6.2利用Dreamweaver定位热点区域 51
3.7框架之间的链接 53
3.7.1建立框架与框架集 53
3.7.2用cols属性将窗口分为左右部分 54
3.7.3用rows属性将窗口分为上下部分 54
3.7.4框架的嵌套 55
3.7.5在框架中插入网页 55
3.7.6在框架之间进行链接 56
3.7.7嵌入式框架 58
3.8网站的组织结构与维护 59
3.9思考与练习 60
第4章 使用表格与表单 61
4.1使用表格 61
4.1.1表格的基本结构 61
4.1.2合并单元格 62
4.1.3设置对齐方式 63
4.1.4设置表格背景色和边框颜色 65
4.1.5 cellpadding属性和cellspacing属性 66
4.1.6完整的表格标记 66
4.1.7用表格进行页面布局的局限性 68
4.2使用表单 71
4.2.1表单的用途和原理 71
4.2.2表单类型 72
4.3 Dreamweaver中的模板 76
4.3.1认识模板 76
4.3.2制作模板 77
4.3.3使用模板 78
4.3.4将文档和模板分离 80
4.4思考与练习 81
第2部分 美工与动画元素设计 84
第5章 图像处理与设计基础 84
5.1网页美术设计的基础知识 84
5.1.1基本概念 84
5.1.2 Fireworks的基本操作流程 85
5.1.3画布 88
5.2在Fireworks中编辑位图 91
5.2.1创建和取消选区 91
5.2.2编辑选区中的像素区域 94
5.2.3变形和扭曲 96
5.3绘制矢量图形 97
5.3.1创建基本矢量图形 97
5.3.2调整矢量线条 99
5.4美术基础理论 101
5.4.1平面构图 101
5.4.2色彩 103
5.5案例——科技网站页面设计 105
5.5.1绘制背景 106
5.5.2绘制主体区域 106
5.5.3制作Banner 108
5.5.4添加文字和素材 109
5.6思考与练习 110
第6章 图像的优化与导出 111
6.1了解图像文件类型 111
6.2使用“图像预览”命令优化导出图像 112
6.2.1使用“图像预览”命令 112
6.2.2优化JPEG格式的图像 113
6.2.3优化GIF格式的图像 113
6.3使用“切片” 115
6.3.1切片与导出 115
6.3.2用切片实现“分别优化” 119
6.4思考与练习 121
第7章 在网页中使用Flash 122
7.1使用Dreamweaver添加内置的Flash对象 122
7.1.1使用Dreamweaver内置的Flash按钮对象 122
7.1.2使用Dreamweaver内置的Flash文本对象 123
7.2 Flash软件简介 124
7.2.1 Flash的基本功能 124
7.2.2 Flash的工作界面 125
7.2.3 Flash的工作流程 126
7.3在Flash中绘制图形 127
7.4 Flash动画基本原理 128
7.5创建形状补间动画 129
7.6动画补间 131
7.7在网页中发布Flash动画 134
7.7.1插入动画 135
7.7.2设置Flash对象的属性 136
7.8思考与练习 137
第3部分 CSS样式设计 140
第8章 （X）HTML与CSS概述 140
8.1 HTML与XHTML 140
8.1.1追根溯源 140
8.1.2 DOCTYPE的含义与选择 141
8.1.3 XHTML与HTML的重要区别 142
8.2 （X）HTML与CSS 143
8.2.1 CSS标准 143
8.2.2传统HTML的缺点 144
8.2.3 CSS的引入 144
8.2.4如何编辑CSS 146
8.2.5浏览器与CSS 146
8.3构造CSS规则 147
8.4基本CSS选择器 148
8.4.1标记选择器 149
8.4.2类别选择器 149
8.4.3 ID选择器 152
8.5在HTML中使用CSS的方法 153
8.5.1行内式 153
8.5.2内嵌式 154
8.5.3链接式 154
8.5.4导入式 155
8.5.5各种方式的优先级问题 157
8.6思考与练习 159
第9章 CSS样式设置实践 160
9.1手工编写页面 160
9.1.1构造页面框架 160
9.1.2设置标题 161
9.1.3控制图片 162
9.1.4设置正文 162
9.1.5设置整体页面 163
9.1.6对段落分别进行设置 163
9.1.7完整代码 164
9.1.8 CSS的注释 165
9.2使用Dreamweaver进行CSS设置 165
9.2.1创建页面 165
9.2.2新建CSS规则 167
9.2.3编辑CSS规则 169
9.2.4为图像创建CSS规则 170
9.3复合选择器 172
9.3.1“交集”选择器 172
9.3.2“并集”选择器 173
9.3.3后代选择器 175
9.4 CSS的继承特性 176
9.4.1继承关系 177
9.4.2 CSS继承的运用 178
9.5 CSS的层叠特性 179
9.6思考与练习 181
第10章 用CSS设置文本和图像 182
10.1使用CSS设置文本样式 182
10.1.1长度单位 182
10.1.2准备页面 183
10.1.3设置文字的字体 183
10.1.4设置文字的倾斜效果 184
10.1.5设置文字的加粗效果 185
10.1.6英文字母大小写转换 186
10.1.7控制文字的大小 186
10.1.8文字的装饰效果 187
10.1.9设置段落首行缩进 188
10.1.10设置字词间距 189
10.1.11设置段落内部的文字行高 189
10.1.12设置段落之间的距离 190
10.1.13控制文本的水平位置 191
10.1.14设置文字与背景的颜色 192
10.2用CSS设置图像样式 193
10.2.1设置图片边框 193
10.2.2图片缩放 195
10.2.3图文混排 196
10.2.4案例——八大行星科普网页 198
10.2.5设置图片与文字的对齐方式 201
10.3用CSS设置背景样式 205
10.3.1设置背景颜色 205
10.3.2设置背景图像 206
10.3.3设置背景图像平铺 207
10.3.4设置背景图像位置 209
10.3.5固定背景图片位置 211
10.3.6设置标题的图像替换 212
10.4思考与练习 214
第11章 用CSS设置链接与导航菜单 216
11.1丰富的超链接特效 217
11.2控制鼠标指针 219
11.3设置项目列表样式 219
11.3.1列表的符号 220
11.3.2图片符号 221
11.4创建简单的导航菜单 223
11.4.1简单的竖直排列菜单 223
11.4.2横竖自由转换菜单 225
11.5应用滑动门技术的玻璃效果菜单 226
11.5.1基本思路 226
11.5.2设置菜单整体效果 227
11.5.3使用“滑动门”技术设置玻璃材质背景 228
11.5.4进一步解决的问题 229
11.6思考与练习 230
第12章 用CSS设置表格和表单样式 231
12.1控制表格 231
12.1.1设置表格的边框 231
12.1.2确定表格的宽度 234
12.1.3其他与表格相关的标记 234
12.2美化表格 235
12.2.1搭建HTML结构 235
12.2.2整体设置 236
12.2.3设置单元格样式 237
12.2.4斑马纹效果 237
12.3案例——日历 238
12.3.1搭建HTML结构 239
12.3.2设置整体样式和表头样式 240
12.3.3设置日历单元格样式 241
12.4 CSS与表单 243
12.4.1表单中的元素 244
12.4.2多彩的下拉菜单 246
12.5案例——网上调查问卷 247
12.6思考与练习 249
第4部分 CSS页面布局设计 252
第13章 CSS盒子模型 252
13.1“盒子”与“模型”的概念探究 252
13.2边框 253
13.2.1设置边框样式 254
13.2.2属性值的简写形式 255
13.3设置内边距 256
13.4设置外边距 257
13.5盒子之间的关系 258
13.5.1 HTML与DOM 259
13.5.2标准文档流 261
13.5.3 ＜div＞标记与＜span＞标记 262
13.6盒子在标准流中的定位原则 264
13.6.1行内元素之间的水平margin 264
13.6.2块级元素之间的竖直margin 265
13.6.3嵌套盒子之间的margin 266
13.6.4 margin可以设置为负值 268
13.7盒子模型概念的案例 269
13.8思考与练习 272
第14章 盒子的浮动与定位 273
14.1盒子的浮动 273
14.1.1准备代码 273
14.1.2实验1-——设置第1个浮动的div 274
14.1.3实验2——设置第2个浮动的div 275
14.1.4实验3——设置第3个浮动的div 275
14.1.5实验4——改变浮动的方向 275
14.1.6实验5——再次改变浮动的方向 276
14.1.7实验6——全部向左浮动 277
14.1.8实验7-——使用clear属性清除浮动的影响 277
14.1.9实验8——扩展盒子的高度 278
14.2盒子的定位 279
14.2.1静态定位 280
14.2.2相对定位 280
14.2.3绝对定位 283
14.2.4固定定位 288
14.3 z-index空间位置 288
14.4盒子的display属性 288
14.5思考与练习 289
第15章 CSS+div布局方法剖析 290
15.1 CSS排版观念 290
15.1.1将页面用div分块 290
15.1.2设计各块的位置 291
15.1.3用CSS定位 292
15.2固定宽度且居中的版式 294
15.2.1方法一 294
15.2.2方法二 296
15.3左中右版式 297
15.4块的背景色问题 299
15.5 div排版与传统的表格方式排版的分析 301
15.6排版实例：电子相册 302
15.6.1搭建框架 303
15.6.2幻灯片模式 304
15.6.3详细信息模式 307
15.7思考与练习 308
第5部分 JavaScript基础 310
第16章 使用JavaScript增强网页效果 310
16.1 JavaScript概述 310
16.1.1 JavaScript简介 310
16.1.2 JavaScript的特点 310
16.1.3 JavaScript与CSS 311
16.2 JavaScript语法基础 311
16.2.1数据类型和变量 312
16.2.2表达式及运算符 313
16.2.3基本语句 314
16.3使用Dreamweaver的“行为”功能 317
16.3.1“行为”的本质 317
16.3.2“行为”的构成 318
16.3.3案例——交换图像与恢复交换图像 318
16.4使用JavaScript库jQeury 321
16.4.1 jQuery的概念 322
16.4.2 jQuery的优势 322
16.4.3下载并使用jQuery 325
16.4.4用jQuery实现“前3行”特殊样式 325
16.4.5用jQuery实现渐变背景色表格效果 326
16.5思考与练习 327
第6部分 综合案例 330
第17章 综合案例——企业网站 330
17.1分析构架 330
17.1.1设计分析 331
17.1.2排版构架 331
17.2模块拆分 332
17.2.1 Logo与顶端链接 332
17.2.2左侧导航与搜索 333
17.2.3主体内容 334
17.2.4内容Banner 335
17.2.5新闻快递 335
17.2.6公司咨询 336
17.2.7英文刊物 337
17.3整体调整 338
17.4思考与练习 340
第18章 综合案例——网上购物网站 341
18.1分析构架 341
18.1.1设计分析 341
18.1.2排版构架 342
18.2模块分析 343
18.2.1 Banner图片 343
18.2.2导航菜单 344
18.2.3鲜花导购 345
18.2.4主体内容 348
18.3整体调整 350
参考文献 351