全书分为6篇共25章。涵盖了网页设计与制作过程中的常用技术和操作步骤。本书作者具有多年网站设计与教学经验,在写作本书时,作者对所有的实例都亲自进行了实践与测试,力求使每一个实例都真实而完整地呈现在读者面前。
本书语言简练、内容丰富、结构合理,采用循序渐进的讲述方法,通过丰富的实战案例对知识点进行讲解,按照理论与实例相结合的形式编排内容,并在光盘中提供了丰富的教学资源,不仅适合网页制作初学者和爱好者使用,同时也是培训班和各院校相关专业理想的教学用书
更多相关内容请关注:Photoshop视频教程专区
第1篇 网页设计入门基础篇
初识网页设计 2
1.1 网页设计的相关术语 3
1.1.1 什么是静态网页 3
1.1.2 什么是动态网页 3
1.2 常见的网站类型 4
1.2.1 个人网站 4
1.2.2 企业类网站 4
1.2.3 机构类网站 5
1.2.4 娱乐休闲类网站 5
1.2.5 行业信息类网站 6
1.2.6 门户类网站 6
1.2.7 购物类网站 7
1.3 网页设计常用工具和技术 7
1.3.1 网页编辑排版软件Dreamweaver CS6 8
1.3.2 网页图像制作软件Photoshop CS6和Fireworks CS6 8
1.3.3 网页动画制作软件Flash CS6 9
1.3.4 网页标记语言HTML9
1.3.5 网页脚本语言JavaScript 10
1.3.6 动态网页编程语言ASP 10
1.4 快速创建基本网页 10
1.4.1 确定网页主要栏目和整体布局 11
1.4.2 创建本地站点 11
1.4.3 新建网页文档 12
1.4.4 插入表格布局网页 13
1.4.5 插入多媒体 14
1.4.6 插入文本内容 15
1.4.7 插入图像 15
1.4.8 保存浏览网页 16
1.5 本章小结 16
打造赏心悦目的网页 17
2.1 文字与版式设计 18
2.1.1 文字的字体、字号、行距 18
2.1.2 文字的颜色 18
2.1.3 文字的图形化 19
2.2 图像与版式设计 20
2.2.1 图像的设计流程 20
2.2.2 在网页中应用图像时的注意事项 20
2.3 网页配色技巧 21
2.3.1 网页色彩搭配原理 21
2.3.2 网页色彩搭配技巧 23
2.4 本章小结 24
第2篇 Dreamweaver搭建与制作网页篇
使用Dreamweaver轻松创建多彩的
文本网页 26
3.1Dreamweaver CS6的工作界面 27
3.1.1 菜单栏 28
3.1.2 插入栏 29
3.1.3 属性面板 29
3.1.4 面板组 29
3.1.5 文档窗口 29
3.2 创建站点 30
3.2.1 上机练习——使用向导创建站点 30
3.2.2 上机练习——通过高级选项卡设置站点 31
3.3 插入文本 34
3.3.1 上机练习——插入普通文本 34
3.3.2 上机练习——设置文本属性 35
3.3.3 上机练习——插入特殊字符 36
3.4 使用列表 37
3.4.1 上机练习——插入项目列表 37
3.4.2 上机练习——插入编号列表 38
3.5 在网页中插入文件头部内容 39
3.5.1 插入Meta信息39
3.5.2 设置基础 40
3.5.3 插入关键字 41
3.5.4 插入说明文字 41
3.5.5 设置刷新 41
3.6 综合应用——创建基本文本网页 42
3.7 专家秘籍 44
3.8 本章小结 45
巧用绚丽的图像和多媒体让网页动起来 46
4.1 在网页中插入图像 47
4.1.1 上机练习——插入网页图像 47
4.1.2 设置图像属性 48
4.1.3 上机练习——裁剪图像 50
4.1.4 上机练习——使用Photoshop优化图像51
4.1.5 上机练习——调整图像的亮度和对比度 52
4.1.6 上机练习——锐化图像 53
4.2 插入鼠标经过图像 54
4.3 添加声音和视频文件 56
4.3.1 上机练习——添加声音 56
4.3.2 上机练习——插入视频文件 59
4.4 添加Flash动画 60
4.5 插入其他媒体对象 62
4.5.1 插入Shockwave影片 62
4.5.2 插入Java小程序 63
4.6 综合应用 65
4.6.1 综合应用——创建图文混排网页 65
4.6.2 综合应用——在网页中插入媒体实例 66
4.7 专家秘籍 67
4.8 本章小结 68
使用超级链接:网页互连的基础 69
5.1 了解超级链接 70
5.1.1 绝对路径 70
5.1.2 相对路径 70
5.1.3 根目录相对路径 70
5.2 创建超级链接的方法 70
5.2.1 使用“属性”面板创建链接 71
5.2.2 使用“指向文件”按钮创建链接 71
5.2.3 使用菜单创建链接 72
5.3 创建超级链接 72
5.3.1 上机练习——创建下载文件链接 72
5.3.2 上机练习——创建电子邮件链接 74
5.3.3 上机练习——创建图像热区链接 75
5.3.4 上机练习——创建锚点链接 77
5.4 综合应用 79
5.4.1 综合应用——创建热点链接导航 79
5.4.2 综合应用——创建锚点链接实例 80
5.5 专家秘籍 83
5.6 本章小结 84
使用表格轻松排列和布局网页元素 85
6.1 插入表格和表格元素 86
6.1.1 上机练习——插入表格 86
6.1.2 设置表格属性 87
6.1.3 添加内容到单元格 89
6.2 选择表格元素 89
6.2.1 选取表格 89
6.2.2 选取行或列 90
6.2.3 选取单元格 91
6.3 表格的基本操作 92
6.3.1 调整表格和单元格的大小 92
6.3.2 添加或删除行或列 94
6.3.3 拆分单元格 95
6.3.4 合并单元格 96
6.3.5 剪切、复制、粘贴单元格 96
6.4 排序及整理表格内容 97
6.4.1 上机练习——导入表格式数据 97
6.4.2 上机练习——表格排序 99
6.5 综合应用 101
6.5.1 综合应用——利用表格排列数据 101
6.5.2 综合应用——创建细线表格 104
6.6 专家秘籍 106
6.7 本章小结 107
使用插件扩展Dreamweaver的功能 108
7.1 Dreamweaver CS6插件简介 108
7.2 安装插件 109
7.3 综合应用 110
7.3.1 综合应用——使用插件制作背景音乐网页 110
7.3.2 综合应用——利用插件创建随机切换的广告图 112
7.4 专家秘籍 122
7.5 本章小结 122
使用CSS样式表美化网页 123
8.1 了解CSS样式表 124
8.2 CSS基本语法 124
8.3 设置CSS属性 125
8.3.1 设置CSS类型属性 125
8.3.2 设置CSS背景属性 127
8.3.3 设置CSS区块属性 128
8.3.4 设置CSS方框属性 129
8.3.5 设置CSS边框属性 130
8.3.6 设置CSS列表属性 131
8.3.7 设置CSS定位属性 132
8.3.8 设置CSS扩展属性 133
8.3.9 设置过渡属性 134
8.4 链接到或导出外部CSS样式表 134
8.4.1 上机练习——创建内部样式表 134
8.4.2 上机练习——创建外部样式表 136
8.4.3 上机练习——链接外部样式表 137
8.5 综合应用 139
8.5.1 综合应用——应用CSS样式定义字体大小 139
8.5.2 综合应用——应用CSS样式制作阴影文字 141
8.6 专家秘籍 143
8.7 本章小结 145
用CSS+Div灵活布局页面 146
9.1 初识Div147
9.1.1Div概述 147
9.1.2CSS+Div布局的优势 147
9.2 AP Div基本操作 148
9.2.1 AP Div面板148
9.2.2 创建普通AP Div148
9.2.3 创建嵌套AP Div149
9.3 设置AP Div的属性 150
9.3.1 设置AP Div的显示/隐藏属性 150
9.3.2 改变AP Div的堆叠顺序 150
9.3.3 为AP Div添加滚动条 151
9.3.4 改变AP Div的可见性 152
9.4CSS定位与DIV布局 152
9.4.1 盒子模型 152
9.4.2 元素的定位 153
9.5CSS+Div布局的常用方法 156
9.5.1 使用Div对页面整体进行规划156
9.5.2 设计各块的位置 157
9.5.3 使用CSS定位 157
9.6 专家秘籍 159
9.7 本章小结 160
利用行为轻易实现网页特效 161
10.1 行为概述 162
10.1.1 使用“行为”面板 162
10.1.2 关于动作 162
10.1.3 关于事件 163
10.2 使用Dreamweaver内置行为 164
10.2.1 上机练习——交换图像 164
10.2.2 上机练习——恢复交换图像 165
10.2.3 上机练习——打开浏览器窗口 166
10.2.4 上机练习——调用JavaScript168
10.2.5 改变属性 169
10.2.6 上机练习——拖动AP元素 169
10.2.7 上机练习——转到URL 171
10.2.8 上机练习——弹出信息 172
10.2.9 上机练习——预先载入图像 174
10.2.10 上机练习——设置状态栏文本 175
10.2.11 跳转菜单 176
10.2.12 显示—隐藏元素 177
10.2.13 上机练习——检查表单 180
10.2.14 上机练习——增大/收缩效果 181
10.2.15 上机练习——挤压效果 182
10.3 使用JavaScript 183
10.3.1 上机练习——应用JavaScript函数实现打印功能 183
10.3.2 上机练习——应用JavaScript函数实现关闭窗口功能 184
10.4 专家秘籍 185
10.5 本章小结 186
使用模板、库提高网页制作效率 187
11.1 创建模板 188
11.1.1 上机练习——直接创建模板 188
11.1.2 上机练习——从现有文档创建模板 189
11.1.3 上机练习——创建可编辑区域 190
11.2 模板的应用191
11.2.1 上机练习——应用模板创建网页 191
11.2.2 上机练习——更新模板及其他网页 193
11.3 创建和应用库 194
11.3.1 将现有内容创建为库 194
11.3.2 在网页中应用库 195
11.3.3 编辑并更新网页 196
11.3.4 将库项目从源文件中分离 197
11.4 综合应用 198
11.4.1 综合应用——创建企业网站模板 198
11.4.2 综合应用——利用模板创建网页 204
11.5 专家秘籍 206
11.6 本章小结 207
Dreamweaver CS6 动态网页设计 208
12.1 创建表单 209
12.1.1 创建表单域 209
12.1.2 设置表单属性 210
12.2 插入表单对象 211
12.3 搭建动态网页平台 213
12.3.1 安装因特网信息服务器(IIS) 213
12.3.2 设置因特网信息服务器(IIS) 214
12.4 创建数据库连接215
12.4.1 创建ODBC连接 215
12.4.2 建立系统DSN连接216
12.5 编辑数据表记录217
12.5.1 创建记录集 218
12.5.2 插入记录 219
12.5.3 更新记录 220
12.5.4 删除记录 221
12.6 添加服务器行为222
12.6.1 插入重复区域 223
12.6.2 插入显示区域 223
12.6.3 记录集分页 224
12.6.4 转到详细页面 225
12.6.5 转到相关页面 225
12.6.6 用户身份验证 226
12.7 综合应用 228
12.7.1 创建数据库 228
12.7.2 定义数据库连接 229
12.7.3 制作发布留言页面 231
12.7.4 创建留言列表页面 234
12.7.5 创建留言详细页面 238
12.8 专家秘籍 240
12.9 本章小结 242
第3篇 用Photoshop制作与处理图像
使用Photoshop CS6绘制与修饰网页图像 244
13.1 Photoshop CS6工作界面 245
13.1.1 菜单命令 246
13.1.2 工具箱 248
13.1.3 工具选项栏 249
13.1.4 浮动面板 249
13.1.5 文档窗口 249
13.2 图像的调整250
13.2.1 上机练习——调整图像大小 250
13.2.2 上机练习——调整画布大小 251
13.3 设置前景色和背景色252
13.3.1 默认的前景色与背景色 252
13.3.2 更改和恢复前景色与背景色 253
13.4 创建选择区域 254
13.4.1 选框工具 254
13.4.2 套索工具 255
13.4.3 魔棒工具 257
13.4.4 上机练习——制作透明图像 257
13.5 基本绘图工具 259
13.5.1 画笔工具 259
13.5.2 铅笔工具 260
13.5.3 加深和减淡工具的应用 261
13.6 综合应用 262
13.6.1 综合应用——羽化网页图像 262
13.6.2 综合应用——绘制网页标志 263
13.7 专家秘籍 266
13.8 本章小结 267
设计网页特效文字与按钮 268
14.1 创建文字 269
14.1.1 上机练习——输入文字 269
14.1.2 设置文字属性 269
14.1.3 上机练习——文字的变形 270
14.2 图层与图层样式271
14.2.1 图层基本操作 272
14.2.2 上机练习——设置图层样式 274
14.3 应用滤镜 275
14.3.1 渲染 275
14.3.2 风格化 276
14.3.3 模糊 279
14.4 综合应用 281
14.4.1 综合应用——设计特殊文字 281
14.4.2 综合应用——制作水晶按钮 283
14.4.3 综合应用——制作圆角按钮 284
14.5 专家秘籍 286
14.6 本章小结 287
设计网页Logo与网络广告 288
15.1 网站Logo的制作 289
15.1.1 网站Logo设计的标准 289
15.1.2 网站Logo的规范 289
15.1.3 网站Logo的规格 290
15.1.4 上机练习——Logo设计实例290
15.2 网络广告的制作294
15.2.1 网络广告的形式 294
15.2.2 网页广告设计要素 294
15.2.3 网络广告设计技巧 295
15.2.4 上机练习——设计网络广告实例 295
15.3 专家秘籍 300
15.4 本章小结 301
设计制作网页中的图像 302
16.1 设计制作网页背景图像 302
16.2 设计网页广告图像 305
16.3 设计网站封面首页图像 309
16.4 使用切片对封面页图像进行切割 314
16.5 专家秘籍 315
16.6 本章小结 316
第4篇 Fireworks设计网页图像篇
Fireworks CS6 快速入门 318
17.1 Fireworks CS6 简介 319
17.2 Fireworks CS6工作界面 319
17.2.1 菜单栏 320
17.2.2 工具箱 320
17.2.3 文档窗口 320
17.2.4 “属性”面板 321
17.2.5 “浮动”面板 321
17.3 常用位图图形工具 321
17.3.1 选取工具 322
17.3.2 “铅笔”工具 324
17.3.3 “刷子”工具 325
17.3.4 “橡皮图章”工具 325
17.3.5 “橡皮擦”工具 326
17.4 常用矢量图形工具 327
17.4.1 直线工具 327
17.4.2 “钢笔”工具 328
17.5 对象的选择与编辑 328
17.5.1 使用选择工具 329
17.5.2 图形的变形 329
17.6 综合应用 329
17.7 专家秘籍 332
17.8 本章小结 333
文本和样式的使用 334
18.1 文本的编辑335
18.1.1 上机练习——文本的输入 335
18.1.2 设置文本属性 336
18.2 文本路径 336
18.2.1 上机练习——附加文本到路径 336
18.2.2 上机练习——文本转换为路径 337
18.3 滤镜 338
18.3.1 调整颜色 338
18.3.2 查找边缘 338
18.3.3 模糊 339
18.4 样式 341
18.4.1 上机练习——使用样式 342
18.4.2 上机练习——添加和删除样式 343
18.5 综合应用 343
18.5.1 综合应用——设计网页特效文字 344
18.5.2 综合应用——设计网页动画 345
18.6 专家秘籍 347
18.7 本章小结 347
使用Fireworks设计网页典型元素 348
19.1 制作网页特效字348
19.2 设计网络广告 350
19.3 制作网页导航栏353
19.4 制作渐变按钮 355
19.5 创建图像切片和热区357
19.6 专家秘籍 359
19.7 本章小结 360
第5篇 设计酷炫Flash动画篇
Flash CS6绘图基础 362
20.1 Flash CS6简介 363
20.2 Flash CS6的工作界面365
20.2.l 菜单栏 365
20.2.2 舞台 366
20.2.3 工具箱 366
20.2.4 时间轴 367
20.2.5 属性面板 367
20.3 绘制图形工具 368
20.3.1 “线条”工具 368
20.3.2 “椭圆”工具与“矩形”工具 369
20.3.3 “多角星形”工具 370
20.3.4 “铅笔”工具 371
20.3.5 “刷子”工具 372
20.3.6 “钢笔”工具 374
20.4 选择对象工具 374
20.4.1 “选择”工具 374
20.4.2 “部分选取”工具 375
20.5 编辑图形工具 375
20.5.1 “颜料桶”工具 376
20.5.2 “墨水瓶”工具 377
20.5.3 滴管工具 378
20.5.4 橡皮擦工具 379
20.6 文本工具的基本使用380
20.7 综合应用 381
20.7.1 综合应用——制作立体投影文字 382
20.7.2 综合应用——创建简单的Flash动画 383
20.8 专家秘籍 385
20.9 本章小结 386
使用元件与库管理好动画素材 387
21.1 元件和实例的概念 388
21.2 创建元件 389
21.3 编辑元件 390
21.3.1 复制元件 390
21.3.2 编辑元件的方法 390
21.4 创建与编辑实例392
21.4.1 创建实例 392
21.4.2 编辑实例 393
21.5 创建和管理库 395
21.5.1 创建项目 395
21.5.2 删除项目 395
21.6 使用公共库396
21.7 综合应用 396
21.7.1 综合应用——制作按钮 396
21.7.2 综合应用——利用元件制作动画 398
21.8 专家秘籍 401
21.9 本章小结 403
创建基本Flash动画 404
22.1 创建逐帧动画 405
22.2 创建补间动画 406
22.2.1 上机练习——创建运动补间动画 406
22.2.2 上机练习——创建形状补间动画 408
22.3 遮罩动画的创建410
22.3.1 创建遮罩层 411
22.3.2 上机练习——遮罩动画应用实例 411
22.4 运动引导层动画的创建 413
22.4.1 创建运动引导层 413
22.4.2 上机练习——运动引导层动画应用实例 414
22.5 专家秘籍 416
22.6 本章小结 418
制作高级交互式动画 419
23.1 ActionScript基础420
23.1.1 变量 420
23.1.2 运算符和表达式 420
23.1.3 函数 423
23.1.4 ActionScript语法 423
23.2 ActionScript编程界面424
23.2.1 打开“动作”面板的方法 425
23.2.2 “动作”面板的使用介绍 425
23.3 添加ActionScript426
23.3.1 上机练习——为帧添加动作 426
23.3.2 上机练习——为按钮添加动作 427
23.3.3 上机练习——为影片剪辑添加动作 427
23.4 综合应用 427
23.4.1 综合应用——利用geturl制作发送电子邮件动画 428
23.4.2 综合应用——利用stop和play语句控制动画的播放428
23.5 专家秘籍 431
23.6 本章小结 432
第6篇 网站开发实战篇
设计制作企业网站 434
24.1 网站设计规划 435
24.1.1 网页设计原则 435
24.1.2 主要功能页面 436
24.2 使用Fireworks CS6制作网页标志 437
24.3 使用Flash CS6制作动画 439
24.4 创建本地站点 441
24.5 使用Dreamweaver CS6制作页面 443
24.5.1 制作网站顶部导航 443
24.5.2 制作网站滚动公告栏 447
24.5.3 制作公司新闻动态 450
24.5.4 制作产品展示 452
24.5.5 制作底部版权部分 454
24.6 专家秘籍 455
24.7 本章小结 456
设计制作购物网站 457
25.1 购物网站设计概述 458
25.1.1 电子商务网站分类 458
25.1.2 购物网站特点分析 459
25.1.3 网站主要功能页面 460
25.2 使用Photoshop设计网页图像 461
25.2.1 设计网页按钮 461
25.2.2 设计网页Logo463
25.3 使用Flash制作网页宣传动画 466
25.4 创建数据库表 468
25.5 创建数据库连接469
25.6 制作购物系统前台页面 470
25.6.1 制作商品分类展示页面 470
25.6.2 制作商品详细信息页面 474
25.7 制作购物系统后台管理 476
25.7.1 制作添加商品分类页面 476
25.7.2 制作商品管理页面 480
25.7.3 制作修改页面 483
25.7.4 制作删除页面 485
25.8 专家秘籍 487
25.9 本章小结 488
更多相关内容请关注:Photoshop视频教程专区
|