本书主要内容分为以下7个部分。
● 第1部分 网页设计基础与HTM L篇:网页设计基础知识、HTML基础。
● 第2部分 Dreamweav er CC网页制作篇:Dreamweaver CC创建基本文本网页、创建超级链
接、使用图像和多媒体创建丰富多彩的网页、使用表格布局排版网页、使用模板和库批量制作风格
统一网页、使用行为创建特效网页、创建动态数据库网页。
● 第3部分 CSS美化布局网页篇:使用CSS样式表美化网页、CSS属性基础、CSS+Div布局方法。
● 第4部分 JavaScript网页特效篇:JavaScript脚本基础、JavaScript中的事件、JavaScript
函数与对象。
● 第5部分 Flash动画设计篇:Flash绘制图形和编辑对象、使用文本工具创建特效文字、使用时间
轴与图层、创建基本Flash动画、使用ActionScript制作交互动画、HTM L5创建动画。
● 第6部分 Photoshop 图像处理篇:Photoshop基础操作、使用绘图工具绘制图像、图层与文本
的使用、设计制作网页中的图像。
● 第7部分 网站综合案例篇:从综合应用的方面讲述了一个完整建站过程,包括网站规划、设计网站
封面型首页、使用CSS+Div 布局网站主页。
畅销图书 全新升级
经久不衰的经典教程震撼升级,诠释网页制作的新技术。
实例典型 轻松易学
以实例方式讲解理论知识,直观、具体,有助于快速上手。
边学边做 学以致用
涵盖网页制作中的各类知识,高效解决工作中的实际问题。
配套课件 便于总结
精心配备了课件和案例文件,便于老师教学以及学生复习。
(配套素材文件及PPT课件请扫描封底左侧二维码进入社区,搜索本书书名即可进去资源下载页面)
第1部分 网页设计基础与HTML篇
第1章 网页设计基础知识 2
1.1 网页基础知识入门 2
1.1.1 认识互联网 2
1.1.2 域名与空间 3
1.1.3 网页与网站 3
1.1.4 静态网页与动态网页 4
1.1.5 网站的类型 4
1.2 网页的基本构成元素 9
1.2.1 网站Logo 9
1.2.2 网站Banner 9
1.2.3 导航栏 10
1.2.4 文本 10
1.2.5 图像 10
1.2.6 Flash动画 11
1.3 网页设计的原则 12
1.4 常用网页设计软件 13
1.4.1 Dreamweaver CC概述 13
1.4.2 Photoshop CC概述 13
1.4.3 Flash CC概述 14
第2章 HTML基础 15
2.1 HTML的基本概念 15
2.1.1 HTML简介 15
2.1.2 HTML文件的基本结构 16
2.1.3 认识HTML标记 16
2.2 HTML文件的编写方法 16
2.2.1 使用记事本手工编写
HTML 16
2.2.2 使用Dreamweave编写
HTML文件 18
2.3 HTML头部标记head 19
2.4 网页的主体标记body 19
2.4.1 网页背景色bgcolor 19
2.4.2 网页背景图片background 20
2.4.3 文字颜色text 21
2.4.4 链接文字属性link 22
第2部分 Dreamweaver CC网页制作篇
第3章 Dreamweaver CC创建基本
文本网页 26
3.1 Dreamweaver CC工作环境 26
3.1.1 菜单栏 27
3.1.2 文档窗口 27
3.1.3 属性面板 28
3.1.4 面板组 28
3.1.5 插入栏 29
3.2 创建站点 29
3.2.1 使用向导建立站点 29
3.2.2 使用高级设置建立站点 32
3.3 添加文本元素 36
3.3.1 在网页中添加文本 36
3.3.2 插入日期 38
3.3.3 插入特殊字符 40
3.3.4 插入水平线 41
3.4 编辑文本格式 44
3.4.1 设置文本字体 44
3.4.2 设置文本大小 45
3.4.3 设置文本颜色 46
3.5 设置头信息 47
3.5.1 设置META 47
3.5.2 插入关键字 47
3.5.3 插入说明 48
3.5.4 插入脚本 48
3.6 实战演练——创建基本文本
网页 49
第4章 创建超级链接 53
4.1 超级链接的基本概念 53
4.2 创建超级链接的方法 53
4.2.1 使用属性面板创建
链接 53
4.2.2 使用指向文件图标创建
链接 54
4.2.3 使用菜单命令创建链接 54
4.3 实战演练 55
4.3.1 实例1——创建外部
链接 55
4.3.2 实例2——创建E-mail
链接 56
4.3.3 实例3——创建下载文
件的链接 58
4.3.4 实例4——创建图像热
点链接 60
4.3.5 实例5——创建脚本链接 63
4.3.6 实例6——创建空链接 65
第5章 使用图像和多媒体创建
丰富多彩的网页 67
5.1 网页中图像的使用常识 67
5.2 在网页中插入图像 68
5.2.1 插入普通图像 68
5.2.2 设置图像的属性 71
5.2.3 裁剪图像 73
5.3 插入其他网页图像 75
5.3.1 背景图像 75
5.3.2 创建鼠标经过图像 77
5.4 添加Flash影片 81
5.5 使用代码提示添加背景音乐 84
5.6 实战演练 87
实例1——创建翻转图像导航 87
实例2——创建图文混排网页 90
第6章 使用表格布局排版网页 94
6.1 插入表格 94
6.1.1 表格的基本概念 94
6.1.2 插入表格 95
6.2 设置表格的各项属性 96
6.2.1 设置表格的属性 96
6.2.2 设置单元格属性 97
6.3 选择表格 98
6.3.1 选择整个表格 98
6.3.2 选取行或列 100
6.3.3 选取单元格 101
6.4 表格的基本操作 102
6.4.1 调整表格高度和宽度 102
6.4.2 添加或删除行或列 103
6.4.3 拆分单元格 105
6.4.4 合并单元格 106
6.4.5 剪切、复制、粘贴
单元格 107
6.5 排序及整理表格内容 108
6.5.1 导入表格式数据 108
6.5.2 排序表格 110
6.6 实战演练 112
6.6.1 实例1——创建细线
表格 112
6.6.2 实例2——创建圆角
表格 116
第7章 使用模板和库批量制作风格
统一的网页 122
7.1 创建模板 122
7.1.1 新建模板 122
7.1.2 从现有文档创建模板 124
7.2 创建可编辑区域 125
7.2.1 插入可编辑区域 125
7.2.2 删除可编辑区域 126
7.2.3 更改可编辑区域 127
7.3 使用模板创建新网页 127
7.4 管理站点中的模板 132
7.4.1 从模板中脱离 132
7.4.2 修改模板 133
7.5 创建与应用库项目 135
7.5.1 创建库项目 135
7.5.2 应用库项目 137
7.5.3 修改库项目 139
7.6 实战演练 141
7.6.1 实例1——创建模板 141
7.6.2 实例2——利用模板
创建网页 150
第8章 使用行为创建特效网页 155
8.1 行为的概述 155
8.1.1 认识事件 156
8.1.2 动作类型 156
8.2 制作指定大小的弹出窗口 157
8.3 调用JavaScript 160
8.3.1 利用JavaScript实现
打印功能 160
8.3.2 利用JavaScript实现
关闭网页 162
8.4 设置浏览器环境 164
8.4.1 检查表单 164
8.4.2 检查插件 166
8.5 对图像设置动作 167
8.5.1 预先载入图像 167
8.5.2 交换图像 169
8.6 设置状态栏文本 172
8.7 转到URL 174
第9章 创建动态数据库网页 177
9.1 搭建服务器平台 177
9.2 设计数据库 182
9.3 建立数据库连接 184
9.3.1 了解DSN 184
9.3.2 定义系统DSN 184
9.4 SQL语言简介 185
9.4.1 SQL语言概述 186
9.4.2 SQL的优点 187
9.5 常用的SQL语句 187
9.5.1 表的建立:
CREATE TABLE 187
9.5.2 插入数据:
INSERT INTO 188
9.5.3 修改数据:UPDATE 189
9.5.4 删除数据:DELETE 190
9.5.5 SQL查询语句:SELECT 190
第3部分 CSS美化布局网页篇
第10章 使用CSS美化网页 194
10.1 了解CSS样式表 194
10.2 CSS的使用 195
10.2.1 CSS基本语法 195
10.2.2 添加CSS的方法 195
10.3 设置CSS属性 197
10.3.1 设置CSS类型属性 197
10.3.2 设置CSS背景属性 198
10.3.3 设置CSS区块属性 198
10.3.4 设置CSS方框属性 199
10.3.5 设置CSS边框属性 200
10.3.6 设置CSS列表属性 200
10.3.7 设置CSS定位属性 201
10.3.8 设置CSS扩展属性 202
10.3.9 设置过渡样式 202
10.4 实战演练 203
10.4.1 实例1——应用CSS
样式定义字体大小 203
10.4.2 实例2——应用CSS
样式制作阴影文字 205
第11章 CSS属性基础 209
11.1 字体属性 209
11.1.1 字体font-family 209
11.1.2 字号font-size 210
11.1.3 字体风格font-style 212
11.1.4 字体加粗font-weight 213
11.1.5 字体变形font-variant 214
11.2 段落属性 215
11.2.1 单词间隔
word-spacing 215
11.2.2 字符间隔
letter-spacing 216
11.2.3 文字修饰
text-decoration 217
11.2.4 垂直对齐方式
vertical-align 218
11.2.5 文本转换
text-transform 220
11.2.6 水平对齐方式
text-align 221
11.2.7 文本缩进
text-indent 222
11.2.8 文本行高
line-height 223
11.3 图片样式设置 224
11.3.1 定义图片边框 225
11.3.2 文字环绕图片 227
11.4 背景样式设置 228
11.4.1 设置页面背景颜色 228
11.4.2 定义背景图片 229
11.5 滤镜概述 230
11.5.1 动感模糊 230
11.5.2 对颜色进行透明处理 232
11.5.3 设置阴影 233
第12章 CSS+Div布局网页 235
12.1 初识Div 235
12.1.1 Div概述 235
12.1.2 Div与span的区别 236
12.1.3 Div与CSS布局优势 237
12.2 CSS定位 238
12.2.1 盒子模型的概念 238
12.2.2 float定位 238
12.2.3 position定位 240
12.3 CSS布局理念 241
12.3.1 将页面用Div分块 241
12.3.2 设计各块的位置 242
12.3.3 用CSS定位 242
12.4 常见的布局类型 244
12.4.1 一列固定宽度 244
12.4.2 一列自适应 245
12.4.3 两列固定宽度 246
12.4.4 两列宽度自适应 247
12.4.5 两列右列宽度自适应 248
12.4.6 三列浮动中间宽度
自适应 249
第4部分 JavaScript网页特效篇
第13章 JavaScript脚本基础 252
13.1 JavaScript简介 252
13.1.1 JavaScript的历史 252
13.1.2 JavaScript特点 253
13.2 JavaScript的放置位置 253
13.2.1 《script/》使用方法 253
13.2.2 位于网页之外的单
独脚本文件 254
13.2.3 直接位于事件处理
部分的代码中 254
13.3 JavaScript基本语法 254
13.3.1 常量和变量 255
13.3.2 表达式和运算符 256
13.3.3 基本语句 257
13.3.4 函数 261
第14章 JavaScript中的事件 262
14.1 onClick事件 262
14.2 onchange事件 264
14.3 onSelect事件 265
14.4 onFocus事件 266
14.5 onLoad事件 267
14.6 onBlur事件 268
14.7 onMouseOver事件 269
14.8 onMouseOut事件 271
14.9 onDblClick事件 272
14.10 其他常用事件 273
第15章 JavaScript函数和对象 275
15.1 什么是函数 275
15.2 函数的定义 276
15.2.1 函数的普通定义方式 276
15.2.2 函数的变量定义方式 277
15.2.3 函数的指针调用方式 278
15.3 JavaScript对象的声明和引用 279
15.3.1 声明和实例化 279
15.3.2 对象的引用 281
15.4 浏览器对象 282
15.4.1 navigator对象 282
15.4.2 windows对象 283
15.4.3 location对象 284
15.4.4 history对象 285
15.4.5 document对象 286
15.5 内置对象 287
15.5.1 date对象 287
15.5.2 数学对象math 290
15.5.3 字符串对象string 291
15.5.4 数组对象array 292
第5部分 Flash动画设计篇
第16章 绘制图形和编辑对象 296
16.1 Flash概述 296
16.2 Flash CC工作界面 296
16.2.1 菜单栏 297
16.2.2 工具箱 297
16.2.3 时间轴面板 298
16.2.4 舞台 299
16.2.5 属性面板 299
16.2.6 面板组 300
16.3 绘制图形对象 300
16.3.1 线条工具 300
16.3.2 铅笔工具 302
16.3.3 钢笔工具 303
16.3.4 椭圆工具 304
16.3.5 矩形工具 305
16.3.6 多角星形工具 306
16.4 填充图形对象 308
16.4.1 墨水瓶工具 308
16.4.2 颜料桶工具 309
16.4.3 滴管工具 310
16.4.4 刷子工具 311
16.4.5 渐变变形工具 313
16.5 对象的基本操作 314
16.5.1 使用选择工具
选择对象 314
16.5.2 使用套索工具
选择对象 314
16.5.3 移动、复制和
删除对象 315
16.6 实战演练—绘制网页标志 318
第17章 使用文本工具创建文字 322
17.1 使用文本工具 322
17.1.1 静态文本 322
17.1.2 动态文本 323
17.1.3 输入文本 324
17.2 设置文本样式 325
17.2.1 消除文本锯齿 325
17.2.2 设置文字属性 326
17.2.3 创建文字链接 327
17.2.4 分离与打散文字 328
17.3 对文本使用滤镜效果 330
17.3.1 给文本添加滤镜 330
17.3.2 设置滤镜效果 331
17.4 实战演练——制作立体文字 335
第18章 使用时间轴与图层 337
18.1 时间轴与帧 337
18.1.1 时间轴 337
18.1.2 帧 338
18.2 图层概述 339
18.2.1 图层的类型 339
18.2.2 创建图层和图层
文件夹 339
18.2.3 修改图层属性 340
18.2.4 编辑图层 341
18.3 使用引导层 342
18.3.1 引导层动画创建
方法和技巧 342
18.3.2 创建引导层动画
实例 342
18.4 使用遮罩层 346
18.4.1 遮罩层动画创建
方法和技巧 346
18.4.2 利用遮罩层创建
滚动图片效果 346
18.5 实战演练——利用遮罩层
制作动画 351
第19章 创建基本Flash动画 355
19.1 动画的基本类型 355
19.2 利用逐帧动画制作圣诞贺卡 355
19.3 创建动画补间动画 359
19.3.1 动画补间动画的创建
方法和技巧 359
19.3.2 利用动画补间创建对象
的缩放与淡出效果 359
19.3.3 利用动画补间创建对象的
旋转与颜色变化效果 362
19.4 创建形状补间动画 365
19.5 制作带音效的按钮 369
第20章 使用ActionScript制作
交互动画 373
20.1 ActionScript简介 373
20.2 ActionScript基础 373
20.2.1 ActionScript中的
相关术语 374
20.2.2 ActionScript 3.0基本
语法 374
20.3 常用ActionScript语句 376
20.3.1 for循环 376
20.3.2 while和do while
循环 377
20.3.3 if语句 377
20.3.4 特殊条件判断 378
20.4 ActionScript的编辑环境 378
20.5 实战演练 379
实例1——stop和play语句 379
实例2——制作下雪效果 383
第21章 HTML5动画 388
21.1 HTML 5简介 388
21.1.1 HTML5基础 388
21.1.2 向后兼容 389
21.1.3 更加简化 389
21.1.4 HTML 5语法中
的三个要点 389
21.2 新增的主体结构元素 390
21.2.1 实例应用——article
元素 390
21.2.2 实例应用——section
元素 392
21.2.3 实例应用——nav
元素 393
21.2.4 aside元素 396
21.3 canvas元素 397
21.3.1 绘制矩形 397
21.3.2 绘画对角线 398
21.4 实战演练——利用HTML5
制作3D爱心动画 399
第6部分 Photoshop CC图像处理篇
第22章 Photoshop基础操作 402
22.1 Photoshop CC工作界面 402
22.1.1 菜单栏 403
22.1.2 工具箱及工具选项栏 403
22.1.3 文档窗口及状态栏 404
22.1.4 面板组 404
22.2 快速调整图像 404
22.2.1 调整图像大小 405
22.2.2 使用色阶命令美
化图像 406<