第1章 网站建设入门基础 1
1.1 网页的基本概念 1
1.1.1 网页 1
1.1.2 HTML 2
1.1.3 统一资源定位符URL 2
1.1.4 ASP 3
1.1.5 数据库 3
1.2 网页设计与网站建设的常用技术 4
1.2.1 网页编辑排版软件 4
1.2.2 网页动画制作软件 5
1.2.3 网页图像设计软件 5
1.2.4 网页标记语言HTML 5
1.2.5 网页脚本语言JavaScript 7
1.2.6 动态网页编程语言ASP 7
1.3 常见网站的类型与特点 8
1.3.1 个人网站 8
1.3.2 企业型网站 9
1.3.3 娱乐游戏类网站 9
1.3.4 机构类网站 9
1.3.5 电子商务类网站 10
1.3.6 综合门户类网站 11
第2章 网站页面布局设计 12
2.1 网站栏目和页面设计策划 12
2.1.1 网站的栏目策划 12
2.1.2 网站的页面策划 14
2.2 点、线、面的构成 15
2.2.1 点的构成 15
2.2.2 线的构成 16
2.2.3 面的构成 16
2.3 网站页面版式设计 17
2.3.1 “国”字型布局 17
2.3.2 拐角型布局 18
2.3.3 框架型布局 18
2.3.4 封面型布局 18
2.3.5 Flash型布局 19
2.3.6 标题正文型布局 19
第3章 网页的色彩搭配 21
3.1 色彩的分类 21
3.1.1 有彩色 21
3.1.2 无彩色 22
3.2 色彩的三要素 23
3.2.1 明度 24
3.2.2 色相 24
3.2.3 纯度 25
3.3 色彩对比 26
3.3.1 明度对比 26
3.3.2 色相对比 27
3.3.3 纯度对比 29
3.3.4 色彩的面积对比 29
3.3.5 色彩的冷暖对比 30
3.4 各种色彩配色 30
3.4.1 红色色彩搭配 30
3.4.2 黄色色彩搭配 31
3.4.3 蓝色色彩搭配 32
3.4.4 绿色色彩搭配 32
3.4.5 紫色色彩搭配 33
3.4.6 橙色色彩搭配 34
3.4.7 白色色彩搭配 34
3.4.8 黑色色彩搭配 34
3.4.9 灰色色彩搭配 35
第4章 创建本地站点和基本文本网页 36
4.1 Dreamweaver CC的工作环境 37
4.1.1 菜单栏 37
4.1.2 插入栏 38
4.1.3 浮动面板组 39
4.1.4 属性面板 39
4.1.5 文档窗口 40
4.2 创建与管理站点 40
4.2.1 创建本地站点 40
4.2.2 管理站点 42
4.3 在网页中插入文本 44
4.3.1 插入普通文本 44
4.3.2 设置文本属性 45
4.4 插入其他文本元素 47
4.4.1 插入版权字符 47
4.4.2 插入水平线 49
4.4.3 插入时间 50
综合实战——创建基本文本网页实例 53
第5章 使用图像和多媒体制作丰富动感的网页 56
5.1 插入图像 57
5.2 在Dreamweaver中编辑图像 59
5.2.1 裁剪图像 59
5.2.2 调整图像亮度和对比度 60
5.2.3 锐化图像 61
5.2.4 重新取样图像 62
5.3 插入鼠标经过图像 63
5.4 插入声音 65
5.4.1 关于音频文件格式 66
5.4.2 添加背景音乐 66
5.5 插入Flash SWF 68
综合实战1——创建鼠标经过图像导航 70
综合实战2——在网页中插入多媒体 72
第6章 创建网页链接 75
6.1 超链接概念 76
6.1.1 绝对路径 76
6.1.2 相对路径 76
6.2 管理网页超级链接 77
6.2.1 自动更新链接 77
6.2.2 在站点范围内更改链接 77
6.2.3 检查站点中的链接错误 78
6.3 在图像中应用链接 79
6.3.1 图像链接 79
6.3.2 图像热点链接 80
6.4 创建E-mail链接 82
6.5 创建脚本链接 84
6.6 创建下载文件链接 85
第7章 使用表格排版布局网页 87
7.1 插入表格和表格元素 88
7.1.1 插入表格 88
7.1.2 设置表格属性 89
7.1.3 添加内容到单元格 90
7.2 选择表格元素 91
7.2.1 选择表格 91
7.2.2 选择行或列 92
7.2.3 选择单元格 93
7.3 表格的基本操作 93
7.3.1 调整表格高度和宽度 93
7.3.2 添加或删除行或列 94
7.3.3 拆分单元格 96
7.3.4 合并单元格 96
7.4 排序及整理表格内容 97
7.4.1 导入表格式数据 97
7.4.2 排序表格 99
综合实战1——利用表格排列数据 101
综合实战2——创建网页圆角表格 108
第8章 使用模板和库提高网页制作效率 113
8.1 创建模板 114
8.1.1 新建模板 114
8.1.2 从现有文档创建模板 116
8.2 创建可编辑区域 117
8.2.1 插入可编辑区域 117
8.2.2 删除可编辑区域 118
8.2.3 应用模板创建网页 118
8.3 创建与应用库项目 121
8.3.1 创建库项目 121
8.3.2 库项目的应用 123
8.3.3 修改库项目 125
综合实战1——创建模板 126
综合实战2——利用模板创建网页 133
第9章 使用行为创建动感网页 137
9.1 什么是行为 138
9.1.1 关于行为 138
9.1.2 Dreamweaver中可添加的动作 139
9.1.3 事件 139
9.2 利用行为调节浏览器窗口 140
9.2.1 打开浏览器窗口 140
9.2.2 调用JavaScript脚本创建自动关闭网页 143
9.2.3 转到URL 144
9.3 利用行为制作图像特效 146
9.3.1 交换图像 146
9.3.2 预载入图像 148
9.4 利用行为显示文本 150
9.4.1 弹出信息 150
9.4.2 设置状态栏文本 151
9.5 利用行为控制表单 153
9.5.1 跳转菜单和跳转菜单开始 153
9.5.2 检查表单 155
9.6 利用行为应用效果 156
9.6.1 Blind效果 157
9.6.2 Bounce（晃动）效果 158
第10章 使用表单 160
10.1 表单的创建 160
10.1.1 了解表单 161
10.1.2 创建表单 161
10.1.3 表单属性的设置 162
10.2 表单对象的添加 163
10.2.1 文本域的添加 163
10.2.2 复选框的添加 165
10.2.3 单选按钮的添加 166
10.2.4 选择域的添加 167
10.2.5 文件域的添加 169
10.2.6 日期域和图像按钮域的添加 170
10.2.7 Tel域的添加 171
10.2.8 电子邮件的添加 172
10.2.9 文本区域的添加 173
10.2.10 按钮的添加 173
综合实战——制作网站表单页面 174
第11章 使用CSS修饰和布局网页 180
11.1 DIV与CSS简介 180
11.1.1 DIV概述 180
11.1.2 DIV与SPAN的区别 181
11.1.3 DIV与CSS布局优势 181
11.2 CSS基本知识 181
11.2.1 CSS的基本概念 182
11.2.2 CSS的基本语法 182
11.3 设置CSS样式 183
11.3.1 设置文本样式 183
11.3.2 设置背景样式 183
11.3.3 设置区块样式 184
11.3.4 设置方框样式 185
11.3.5 设置边框样式 185
11.3.6 设置列表样式 186
11.3.7 设置定位样式 186
11.3.8 扩展样式的定义 187
11.3.9 过渡样式的定义 187
11.4 CSS定位 187
11.4.1 盒子模型的概念 188
11.4.2 float定位 188
11.4.3 position定位 190
11.5 常见的布局类型 192
11.5.1 单行单列固定宽度 192
11.5.2 1列自适应 193
11.5.3 两列固定宽度 194
11.5.4 两列宽度自适应 196
11.5.5 三列浮动中间宽度自适应 197
第12章 动态网站设计基础 199
12.1 动态网页的特点与制作过程 199
12.1.1 动态网页特点 199
12.1.2 动态网页工作原理 200
12.1.3 动态网站技术核心 200
12.2 动态网站技术类型 201
12.2.1 ASP 202
12.2.2 PHP 202
12.2.3 JSP 203
12.2.4 ASP、PHP和JSP比较 203
12.3 搭建本地服务器 204
12.3.1 安装IIS 204
12.3.2 配置Web服务器 206
12.4 创建数据库连接 206
第13章 Photoshop CC基础 208
13.1 Photoshop CC简介 208
13.2 Photoshop CC工作界面 209
13.2.1 菜单栏 209
13.2.2 工具箱及工具选项栏 210
13.2.3 文档窗口及浮动面板 210
13.3 色调调整 211
13.3.1 调整色阶 211
13.3.2 调整曲线 212
13.4 色彩调整 212
13.4.1 亮度和对比度 213
13.4.2 色相和饱和度 213
13.4.3 匹配颜色 214
综合实战——简单处理网页中的图像 215
第14章 使用绘图工具和文本工具 217
14.1 选择工具 217
14.1.1 “选框”工具 217
14.1.2 “套索”工具 219
14.1.3 “魔棒”工具 219
14.2 基本绘图工具 220
14.2.1 “画笔”工具 220
14.2.2 “铅笔”工具 221
14.2.3 “仿制图章”工具 221
14.2.4 “图案图章”工具 222
14.2.5 “橡皮擦”工具 223
14.2.6 “油漆桶”工具 224
14.2.7 “渐变”工具 224
14.3 形状工具 225
14.3.1 “矩形”工具 225
14.3.2 “圆角矩形”工具 226
14.3.3 “椭圆”工具 226
14.3.4 “多边形”工具 227
14.3.5 “直线”工具 227
14.3.6 “自定形状”工具 228
14.4 在网页图像中加入文字 228
14.4.1 输入文字 228
14.4.2 设置文字属性 228
14.4.3 文字的变形 230
综合实战1——绘制网站logo 230
综合实战2——设计浮雕文字 232
第15章 图层样式与滤镜的使用 234
15.1 图层的基本操作 234
15.1.1 图层面板 234
15.1.2 新建图层 235
15.1.3 选择图层 235
15.1.4 删除图层 235
15.2 使用图层样式 236
15.3 使用常见滤镜 237
15.3.1 模糊 237
15.3.2 扭曲 238
15.3.3 杂色 238
15.3.4 像素化 239
15.3.5 渲染 240
15.3.6 锐化 241
15.3.7 风格化 241
综合实战1——设计网站导航 242
综合实战2——制作网页广告 244
第16章 图像的切割与优化输出 248
16.1 网页切片输出 248
16.1.1 创建切片 248
16.1.2 编辑切片 249
16.1.3 输出切片 250
16.2 网页图像的优化与输出 251
16.2.1 图像的优化 251
16.2.2 保存图像 251
16.2.3 输出透明GIF图 252
综合实战——网站封面型主页的切割与优化 253
第17章 设计制作网页中的图像 255
17.1 网站Logo的制作 255
17.1.1 Logo简介 255
17.1.2 Logo设计标准 256
17.2 网络广告的制作 256
17.2.1 网络广告的形式 256
17.2.2 网络广告设计要素 257
17.2.3 网络广告设计技巧 257
综合实战1——设计网站导航 258
综合实战2——制作网络广告 260
综合实战3——设计首页图像 262
第18章 Flash CC绘图基础 266
18.1 Flash CC简介 266
18.1.1 Flash概述 266
18.1.2 矢量图和位图的区别 267
18.1.3 Flash动画的优点 267
18.2 Flash CC的操作界面 268
18.2.1 时间轴 269
18.2.2 工具箱 269
18.2.3 “属性”面板 270
18.2.4 其他面板 270
18.2.5 场景和舞台 271
18.3 使用绘图工具 271
18.3.1 “铅笔”工具 271
18.3.2 “钢笔”工具 272
18.3.3 “刷子”工具 273
18.3.4 “线条”工具 273
18.3.5 “椭圆”工具 274
18.3.6 “矩形”工具 275
18.4 选取工具 276
18.4.1 “选择”工具 276
18.4.2 “部分选取”工具 277
18.4.3 “套索”工具 278
18.4.4 “橡皮擦”工具 279
18.5 添色工具 280
18.5.1 “颜料桶”工具 280
18.5.2 “墨水瓶”工具 281
18.5.3 “滴管”工具 281
综合实战1——绘制小房子 282
综合实战2——绘制精美网页标志 286
第19章 编辑文本和对象 288
19.1 文本的基本操作 288
19.1.1 创建静态文本 288
19.1.2 创建输入文本 290
19.1.3 创建动态文本 290
19.2 对象的选取、移动与复制 291
19.2.1 选取对象 291
19.2.2 移动对象 291
19.2.3 复制对象 292
19.3 变形处理 293
19.3.1 缩放对象 293
19.3.2 旋转对象 293
19.3.3 扭曲对象 294
综合实战1——制作多彩的变形文字 295
综合实战2——制作雪花文字 297
第20章 使用时间轴和帧创建基本Flash动画 299
20.1 时间轴和帧 299
20.1.1 时间轴 299
20.1.2 帧的基本概念 299
20.2 创建逐帧动画 301
20.2.1 逐帧动画的创建原理 301
20.2.2 创建简单逐帧动画 301
20.3 创建补间动画 303
20.3.1 补间动画的创建原理 303
20.3.2 创建对象的缩放与淡出效果 303
20.4 创建声音动画 305
20.4.1 导入声音 305
20.4.2 添加声音 305
20.4.3 编辑声音 306
20.4.4 给网站首页添加声音 307
综合实战1——制作带音效的按钮 308
综合实战2——制作补间动画 310
第21章 使用层制作高级动画 313
21.1 图层的基本操作 313
21.1.1 图层的基本概念 313
21.1.2 新建图层 313
21.1.3 改变层的顺序 314
21.1.4 新建图层文件夹 314
21.1.5 锁定和解锁层 315
21.2 引导层动画的制作 315
21.2.1 引导层的概念 315
21.2.2 创建沿直线运动的动画 316
21.2.3 创建沿轨道运动的动画 318
21.3 遮罩动画的制作 319
21.3.1 遮罩动画原理 319
21.3.2 创建简单的遮罩动画 320
综合实战1——利用引导层制作动画 321
综合实战2——利用遮罩制作动画 323
第22章 HTML入门 326
22.1 HTML的基本语法 326
22.1.1 网页结构 326
22.1.2 创建HTML文件 328
22.2 常见的HTML标签 329
22.2.1 文本类标签＜font＞ 329
22.2.2 文本类标签：加粗、斜体与下划线 330
22.2.3 表格标签 331
22.2.4 超级链接标签 333
22.2.5 段落标签 334
22.2.6 表单与按钮标签 335
22.2.7 图片标签 337
22.2.8 换行标签 338
22.2.9 水平线标签 339
22.2.10 特殊标签 339
22.3 认识HTML 5 340
22.4 HTML 5与HTML 4的区别 342
22.4.1 HTML 5的语法变化 342
22.4.2 HTML 5中的标记方法 342
22.4.3 HTML 5语法中的3个要点 343
22.4.4 HTML 5与HTML4在搜索引擎优化上的对比 344
第23章 使用JavaScript创建特效网页 345
23.1 JavaScript简介 345
23.1.1 什么是JavaScript 346
23.1.2 JavaScript的特点 346
23.2 JavaScript的基本语法 346
23.2.1 常量和变量 346
23.2.2 表达式和运算符 347
23.2.3 函数 349
23.3 JavaScript事件 349
23.3.1 onClick事件 349
23.3.2 onChange事件 350
23.3.3 onSelect事件 351
23.3.4 onFocus事件 352
23.3.5 onLoad事件 354
23.3.6 鼠标移动事件 354
23.3.7 onBlur事件 356
23.3.8 onSubmit事件和onReset事件 357
23.3.9 onResize事件 358
23.3.10 键盘事件 359
23.3.11 其他常用事件 360
综合实战1——制作动态显示当前日期效果 361
综合实战2——随鼠标移动的图像 363
综合实战3——制作定时关闭窗口 365
综合实战4——禁止鼠标右击 366
综合实战5——浏览器状态栏显示信息 367
综合实战6——当鼠标指针经过图像时图像震动效果 369
第24章 设计企业网站 372
24.1 企业网站设计特点解析 372
24.1.1 企业网站分类 373
24.1.2 功能规划 375
24.1.3 创意分析 377
24.1.4 色彩搭配 378
24.2 利用Photoshop设计网站首页 379
24.2.1 制作首页背景 379
24.2.2 制作网站banner 380
24.2.3 制作网站导航 382
24.2.4 制作网站栏目内容 383
24.2.5 制作版权信息 385
24.2.6 切割首页 386
24.3 在Dreamweaver中进行页面排版制作 388
24.3.1 创建本地站点 388
24.3.2 创建二级模板页面 389
24.3.3 利用模板制作其他网页 394