《网页设计从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》紧密围绕网页设计师在制作网页过程中的实际需要和应该掌握的技术,全面介绍了使用Dreamweaver、Photoshop、Flash、HTML、CSS、JavaScript进行网站建设和网页设计的各方面内容和技巧。《网页设计从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》不仅仅着眼于基本工具和语法讲解上,更重要的是通过一个个鲜活、典型的实例来达到学以致用的目的。
《网页设计从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》主要内容分为7个部分。第1部分是网页设计基础与HTML篇,包括网页设计基础知识、HTML基础。第2部分是Dreamweaver CS6网页制作篇,包括Dreamweaver CS6创建基本文本网页、创建**链接、使用图像和多媒体创建丰富多彩的网页、使用表格布局排版网页、使用模板和库批量制作风格统一的网页、使用行为创建**网页、创建动态

目 录

第1章 网页设计基础知识 1
1.1 网页基础知识入门 1
1.1.1 认识互联网 1
1.1.2 域名与空间 2
1.1.3 网页与网站 2
1.1.4 静态网页与动态网页 3
1.1.5 网站的类型 3
1.2 网页的基本构成 7
1.2.1 网站Logo 7
1.2.2 网站Banner 8
1.2.3 导航栏 8
1.2.4 文本 9
1.2.5 图像 10
1.2.6 Flash动画 10
1.3 网页设计的原则 11
1.4 常用网页设计软件 12
1.4.1 Dreamweaver CS6概述 12
1.4.2 Photoshop CS6概述 12
1.4.3 Flash CS6概述 13

第2章 HTML基础 14
2.1 HTML的基本概念 14
2.1.1 HTML简介 14
2.1.2 HTML文件的基本结构 15
2.1.3 认识HTML标记 15
2.2 HTML文件的编写方法 15
2.2.1 使用记事本手工编写HTML 15
2.2.2 使用Dreamweaver编写HTML文件 16
2.3 HTML头部标记head 17
2.4 网页的主体标记body 18
2.4.1 网页背景色bgcolor 18
2.4.2 网页背景图片background 19
2.4.3 文字颜色text 20
2.4.4 链接文字属性link 21

第3章 Dreamweaver CS6创建基本文本网页 24
3.1 Dreamweaver CS6工作环境 24
3.1.1 菜单栏 25
3.1.2 文档窗口 26
3.1.3 属性面板 26
3.1.4 面板组 26
3.1.5 插入栏 27
3.2 创建站点 27
3.2.1 使用向导建立站点 28
3.2.2 使用**设置建立站点 29
3.3 添加文本元素 33
3.3.1 在网页中添加文本 33
3.3.2 插入日期 34
3.3.3 插入特殊字符 36
3.3.4 插入水平线 37
3.4 编辑文本格式 41
3.4.1 设置文本字体 41
3.4.2 设置文本大小 42
3.4.3 设置文本颜色 42
3.5 设置头信息 44
3.5.1 设置META 44
3.5.2 插入关键字 45
3.5.3 插入说明 45
3.5.4 插入刷新 46
3.6 实战演练——创建基本文本网页 46

第4章 创建**链接 49
4.1 **链接的基本概念 49
4.2 创建链接的方法 49
4.2.1 使用属性面板创建链接 49
4.2.2 使用指向文件图标创建链接 50
4.2.3 使用菜单命令创建链接 50
4.3 实战演练 51
4.3.1 实例1——创建外部链接 51
4.3.2 实例2——创建E-mail链接 53
4.3.3 实例3——创建下载文件的链接 54
4.3.4 实例4——创建图像热点链接 55
4.3.5 实例5——创建锚点链接 57
4.3.6 实例6——创建空链接 62
4.3.7 实例7——创建脚本链接 62

第5章 使用图像和多媒体创建丰富多彩的网页 65
5.1 网页中图像的使用常识 65
5.2 在网页中使用图像 66
5.2.1 插入图像 66
5.2.2 设置图像属性 67
5.2.3 裁剪图像 71
5.2.4 调整图像的亮度和对比度 72
5.2.5 锐化图像 73
5.3 插入其他网页图像 74
5.3.1 背景图像 74
5.3.2 创建鼠标经过图像 76
5.4 添加Flash动画 78
5.5 使用代码提示添加背景音乐 80
5.6 实战演练 82
5.6.1 实例1——创建鼠标经过图像导航栏 82
5.6.2 实例2——创建图文混和网页 84

第6章 使用表格布局排版网页 86
6.1 插入表格 86
6.1.1 表格的基本概念 86
6.1.2 插入表格 87
6.2 设置表格的各项属性 89
6.2.1 设置表格的属性 89
6.2.2 设置单元格属性 91
6.3 选择表格 93
6.3.1 选择整个表格 93
6.3.2 选取行或列 94
6.3.3 选取单元格 95
6.4 表格的基本操作 95
6.4.1 调整表格高度和宽度 96
6.4.2 添加或删除行或列 96
6.4.3 拆分单元格 97
6.4.4 合并单元格 98
6.4.5 剪切、复制、粘贴单元格 98
6.5 排序及整理表格内容 99
6.5.1 导入表格式数据 99
6.5.2 排序表格 101
6.6 实战演练 102
6.6.1 实例1——创建细线表格 102
6.6.2 实例2——创建圆角表格 104

第7章 使用模板和库批量制作风格统一的网页 108
7.1 创建模板 108
7.1.1 新建模板 108
7.1.2 从现有文档创建模板 109
7.2 创建可编辑区域 110
7.2.1 插入可编辑区域 110
7.2.2 删除可编辑区域 111
7.2.3 更改可编辑区域 111
7.3 使用模板创建新网页 112
7.4 管理站点中的模板 114
7.4.1 从模板中分离 114
7.4.2 修改模板 115
7.5 创建与应用库项目 116
7.5.1 创建库项目 116
7.5.2 应用库项目 118
7.5.3 修改库项目 119
7.6 实战演练 120
7.6.1 实例1——创建模板 120
7.6.2 实例2——利用模板创建网页 124

第8章 使用行为创建**网页 127
8.1 行为的概述 127
8.1.1 认识事件 128
8.1.2 动作类型 129
8.2 制作指定大小的弹出窗口 129
8.3 调用JavaScript 131
8.3.1 利用JavaScript实现打印功能 131
8.3.2 利用JavaScript实现关闭网页 133
8.4 设置浏览器环境 134
8.4.1 检查表单 134
8.4.2 检查插件 136
8.5 显示/隐藏元素 136
8.6 对图像设置动作 139
8.6.1 预先载入图像 139
8.6.2 交换图像 140
8.7 设置文本 142
8.7.1 设置状态栏文本 142
8.7.2 设置容器中的文本 143
8.7.3 设置框架文本 145
8.8 设置效果 145
8.8.1 增大/收缩效果 146
8.8.2 挤压效果 147
8.9 转到UR 148

第9章 创建动态数据库网页 151
9.1 搭建动态应用程序开发环境 151
9.1.1 安装因特网信息服务器(IIS) 151
9.1.2 设置因特网信息服务器(IIS) 152
9.2 设计数据库 153
9.3 建立数据库连接 154
9.3.1 定义系统DSN 155
9.3.2 建立系统DSN连接 156
9.4 编辑数据表记录 157
9.4.1 创建记录集 157
9.4.2 插入记录 158
9.4.3 更新记录 159
9.4.4 删除记录 159
9.5 增加服务器行为 160
9.5.1 插入重复区域 160
9.5.2 插入显示区域 161
9.5.3 记录集分页 161
9.5.4 转到详细页面 162
9.5.5 转到相关页面 162
9.5.6 用户身份验证 163
9.6 实战演练——创建留言系统 165
9.6.1 创建数据库 165
9.6.2 创建数据库连接 166
9.6.3 制作留言发表页面 168
9.6.4 制作留言列表页面 171
9.6.5 制作留言显示页面 174

第10章 使用CSS样式表美化网页 176
10.1 了解CSS样式表 176
10.2 CSS的使用 177
10.2.1 CSS基本语法 177
10.2.2 添加CSS的方法 177
10.3 设置CSS属性 179
10.3.1 设置CSS类型属性 179
10.3.2 设置CSS背景属性 180
10.3.3 设置CSS区块属性 181
10.3.4 设置CSS方框属性 181
10.3.5 设置CSS边框属性 182
10.3.6 设置CSS列表属性 183
10.3.7 设置CSS定位属性 183
10.3.8 设置CSS扩展属性 184
10.3.9 设置过渡样式 184
10.4 实战演练 185
10.4.1 实例1——应用CSS样式定义字体大小 185
10.4.2 实例2——应用CSS样式制作阴影文字 187

第11章 使用CSS属性网页美化布局的基础 190
11.1 字体属性 190
11.1.1 字体font-family 190
11.1.2 字号font-size 191
11.1.3 字体风格font-style 192
11.1.4 加粗字体font-weight 193
11.2 列表属性 194
11.2.1 列表符号list-style-type 194
11.2.2 图像符号list-style-image 195
11.2.3 列表缩进list-style-position 196
11.3 颜色和背景属性 197
11.3.1 颜色属性color 197
11.3.2 背景颜色background-color 198
11.3.3 背景图像background-image 199
11.4 段落属性 200
11.4.1 单词间隔word-spacing 200
11.4.2 字符间隔letter-spacing 201
11.5 边距与填充属性 202
11.5.1 上边距margin-top 202
11.5.2 其他边距margin-bottom、margin-left、margin-right 203
11.6 边框属性 204
11.6.1 边框样式border-style 204
11.6.2 边框宽度border-width 205
11.6.3 边框颜色border-color 206
11.7 滤镜属性 207
11.7.1 不透明度alpha 207
11.7.2 阴影效果dropShadow 208

第12章 CSS+Div布局方法 210
12.1 初识Div 210
12.1.1 Div概述 210
12.1.2 Div与Span的区别 210
12.1.3 Div与CSS布局优势 212
12.2 CSS定位 212
12.2.1 盒子模型的概念 212
12.2.2 float定位 213
12.2.3 position定位 214
12.3 CSS布局理念 214
12.3.1 将页面用Div分块 215
12.3.2 设计各块的位置 215
12.3.3 用CSS定位 216
12.4 常见的布局类型 216
12.4.1 列固定宽度 217
12.4.2 列自适应 217
12.4.3 两列固定宽度 219
12.4.4 两列宽度自适应 220
12.4.5 两列右列宽度自适应 221
12.4.6 三列浮动中间宽度自适应 222

第13章 JavaScript脚本基础 224
13.1 JavaScript简介 224
13.1.1 JavaScript的历史 224
13.1.2 JavaScript特点 224
13.2 JavaScript的放置位置 225
13.2.1 使用方法 225
13.2.2 位于网页之外的单独脚本文件 226
13.2.3 直接位于事件处理部分的代码中 226
13.3 JavaScript基本语法 226
13.3.1 常量和变量 226
13.3.2 表达式和运算符 227
13.3.3 基本语句 229
13.3.4 函数 232

第14章 JavaScript中的事件 233
14.1 onClick事件 233
14.2 onChange事件 234
14.3 onSelect事件 235
14.4 onFocus事件 236
14.5 onLoad事件 237
14.6 onBlur事件 238
14.7 onMouseOver事件 239
14.8 onMouseOut事件 241
14.9 onDblClick事件 242
14.10 其他常用事件 243

第15章 JavaScript函数和对象 245
15.1 什么是函数 245
15.2 函数的定义 246
15.2.1 函数的普通定义方式 246
15.2.2 函数的变量定义方式 247
15.2.3 函数的指针调用方式 247
15.3 JavaScript对象的声明和引用 249
15.3.1 声明和实例化 249
15.3.2 对象的引用 250
15.4 浏览器对象 251
15.4.1 navigator对象 251
15.4.2 表达式和运算符 252
15.4.3 location对象 253
15.4.4 history对象 254
15.4.5 document对象 255
15.5 内置对象 256
15.5.1 date对象 256
15.5.2 数学对象math 259
15.5.3 字符串对象string 259
15.5.4 数组对象array 260

第16章 Flash绘制图形和编辑对象 262
16.1 Flash概述 262
16.2 Flash CS6的工作界面 262
16.2.1 菜单栏 263
16.2.2 工具箱 263
16.2.3 时间轴面板 264
16.2.4 舞台 265
16.2.5 属性面板 265
16.2.6 面板组 265
16.3 绘制图形对象 266
16.3.1 线条工具 266
16.3.2 铅笔工具 267
16.3.3 钢笔工具 268
16.3.4 椭圆工具 268
16.3.5 矩形工具 270
16.3.6 多角星形工具 270
16.4 填充图形对象 271
16.4.1 墨水瓶工具 272
16.4.2 颜料桶工具 272
16.4.3 滴管工具 273
16.4.4 刷子工具 274
16.4.5 填充变形工具 275
16.5 对象的基本操作 276
16.5.1 使用选择工具选择对象 276
16.5.2 使用套索工具选择对象 277
16.5.3 移动、复制和删除对象 278
16.6 实战演练——绘制网页标志 279

第17章 使用文本工具创建炫目的网页**文字 283
17.1 使用文本工具 283
17.1.1 静态文本 283
17.1.2 动态文本 284
17.1.3 输入文本 285
17.2 设置文本样式 286
17.2.1 消除文本锯齿 286
17.2.2 设置文字属性 287
17.2.3 创建文字链接 288
17.2.4 分离与打散文字 290
17.3 对文本使用滤镜效果 291
17.3.1 给文本添加滤镜 291
17.3.2 设置滤镜效果 292
17.4 实战演练 296
实例1——制作空心文字 296
实例2——制作立体文字 298

第18章 使用时间轴与图层 300
18.1 时间轴与帧 300
18.1.1 时间轴 300
18.1.2 帧 300
18.2 图层概述 301
18.2.1 图层的类型 302
18.2.2 创建图层和图层文件夹 302
18.2.3 修改图层属性 303
18.2.4 编辑图层 303
18.3 使用引导层 304
18.3.1 引导层动画创建方法和技巧 304
18.3.2 创建引导层动画实例 305
18.4 使用遮罩层 308
18.4.1 遮罩层动画创建方法和技巧 308
18.4.2 利用遮罩层创建滚动图片效果 308
18.5 实战演练——利用遮罩层制作动画 312

第19章 创建基本Flash动画 315
19.1 动画的基本类型 315
19.2 创建逐帧动画 315
19.3 创建动画补间动画 318
19.3.1 动画补间动画的创建方法和技巧 318
19.3.2 利用动画补间创建对象的缩放与淡出效果 318
19.3.3 利用动画补间创建对象的旋转与颜色变化效果 320
19.4 创建形状补间动画 322
19.5 制作带音效的按钮 324

第20章 使用ActionScript制作交互动画 327
20.1 ActionScript简介 327
20.2 插入ActionScript代码 328
20.2.1 为帧添加ActionScript 328
20.2.2 为按钮添加ActionScript 328
20.2.3 为影片剪辑添加ActionScript 329
20.3 ActionScript编程基础 330
20.3.1 变量 330
20.3.2 常量 331
20.3.3 关键字 331
20.3.4 函数 332
20.4 ActionScript中的运算符 332
20.4.1 数值运算符 332
20.4.2 赋值运算符 333
20.4.3 逻辑运算符 333
20.4.4 等于运算符 333
20.4.5 位运算符 334
20.5 ActionScript中的基本语句 334
20.5.1 if语句 334
20.5.2 特殊条件语句 335
20.5.3 for循环 335
20.5.4 while和do while循环 335
20.6 实战演练 336
实例1——stop和play语句 336
实例2——使用getURL跳转到网页 338
实例3——使用按钮拖动影片剪辑 340
实例4——制作全屏播放动画 342
实例5——使用quit退出影片 342

第21章 Photoshop的基础操作 345
21.1 Photoshop CS6工作界面 345
21.1.1 菜单栏 346
21.1.2 工具箱及工具选项栏 346
21.1.3 文档窗口及状态栏 347
21.1.4 面板 347
21.2 快速调整图像 347
21.2.1 调整图像大小 347
21.2.2 使用色阶命令美化图像 349
21.2.3 使用曲线命令美化图像 349
21.2.4 调整图像亮度与对比度 350
21.2.5 使用色彩平衡 351
21.2.6 调整图像色相与饱和度 352
21.3 实战演练 353
实例1——制作电影图片效果 353
实例2——调整曝光不足的照片 355

第22章 使用绘图工具绘制图像 357
22.1 创建选择区域 357
22.1.1 选框工具 357
22.1.2 套索工具 358
22.1.3 魔棒工具 359
22.2 基本绘图工具 360
22.2.1 画笔工具 360
22.2.2 铅笔工具 361
22.2.3 仿制图章工具 362
22.2.4 图案图章工具 362
22.2.5 橡皮工具 363
22.2.6 油漆桶工具和渐变工具 364
22.3 形状工具 365
22.3.1 矩形工具 365
22.3.2 圆角矩形工具 366
22.3.3 椭圆工具 366
22.3.4 多边形工具 367
22.4 实战演练——绘制网页标志 367

第23章 图层与文本的使用 370
23.1 新建和删除图层 370
23.1.1 新建图层 370
23.1.2 删除图层 370
23.1.3 新建图层组 371
23.2 图层的特殊混合 372
23.3 应用图层样式 374
23.4 使用文本工具 374
23.4.1 输入文字 375
23.4.2 设置文字属性 375
23.4.3 创建路径文字 378
23.5 实战演练 379
实例1——制作立体广告文字效果 379
实例2——制作图案文字效果 382

第24章 设计制作网页中的图像 385
24.1 网站Logo的制作 385
24.1.1 Logo设计的标准 385
24.1.2 网站Logo的规格 385
24.1.3 实战演练1——设计网站Logo 386
24.2 网络广告的制作 388
24.2.1 网页广告设计要素 388
24.2.2 网络广告设计技巧 388
24.2.3 实战演练2——制作宣传广告 389
24.3 网页切片输出 392
24.3.1 创建切片 392
24.3.2 编辑切片 393
24.3.3 优化和输出切片 394
24.3.4 实战演练3——设计网站主页 395

第25章 企业网站制作综合实例 400
25.1 网站规划 400
25.1.1 网站需求分析 400
25.1.2 确定网站主题 401
25.1.3 确定网站的版式设计 401
25.1.4 确定网站主要色彩搭配 402
25.2 设计网站封面型首页 402
25.2.1 设计网站首页 402
25.2.2 切割网站首页 406
25.3 使用CSS+Div布局网站主页 408
25.3.1 分析架构 408
25.3.2 页面通用规则 409
25.3.3 制作网站header导航部分 409
25.3.4 制作网站special部分 413
25.3.5 制作会员登录部分 415
25.3.6 制作装修案例部分 418

● 实例典型 轻松易学
通过大量实例,详尽透彻地介绍了实际开发中所需的各类知识。
● 知识全面 系统完整
涵盖网页制作与网站建设的方方面面,全方位提升读者的专业能力。
● 边学边做 举一反三
每章结尾都提供了练习题,让读者能够重新回顾和熟悉所学的知识。
● 配套课件 便于总结
精心配备了PPT电子课件,便于老师课堂教学和学生把握知识要点。