第1章 成为网页设计师应具备的素养 1
1.1 关于网页 1
1.1.1 什么是网页 1
1.1.2 Web标准的概念和特点 2
1.1.3 网页设计师应该了解的相关概念 4
1.1.4 组成网页的主要元素 5
1.1.5 常见网站的类型与特点 7
1.2 网页设计师应该具备的素养 9
第2章 网页设计师的起步之路 11
2.1 网页中色彩的搭配 11
2.1.1 色彩搭配的原则 11
2.1.2 色彩搭配的方法 12
2.1.3 色彩搭配的内涵 14
2.2 版式布局的技巧 16
2.3 网页制作的基本流程 21
2.3.1 注册域名 21
2.3.2 租用空间 22
2.3.3 网站建设 22
2.3.4 网站推广 23
2.3.5 网站优化 24
2.3.6 网站维护 25
第3章 网页设计师从“设计”开始 27
3.1 用Photoshop CS5制作网站标识和导航条 27
3.1.1 设计技巧和注意事项 27
3.1.2 案例——用Photoshop CS5制作网站logo和导航条 29
3.1.3 技术拓展 32
3.2 用Flash CS5制作banner动画 33
3.2.1 banner动画的编排技巧 33
3.2.2 案例——用Flash CS5制作banner动画 34
3.2.3 技术拓展 35
3.3 浅析DIV+CSS技术在网页中的应用 36
3.3.1 div标签和span标签的特点 36
3.3.2 DIV+CSS实现简单的网页元素布局 36
3.3.3 技术拓展 40
3.4 网页的美化——特效 41
3.4.1 JavaScript技术的特点 41
3.4.2 案例——用JavaScript技术制作简单的网页特效 42
第4章 用Photoshop CS5制作网页效果图 42
4.1 网页修饰要素 45
4.1.1 基本绘画工具的应用 45
4.1.2 色彩填充的应用 48
4.1.3 图像修饰工具的应用 55
4.1.4 修复和修补工具的应用 56
4.1.5 为“文字”应用“变换”命令 59
4.2 调整网页图像 62
4.2.1 “调整”命令和调整图层 62
4.2.2 调整网页图像的色调 63
4.2.3 调整网页图像的色彩 65
4.2.4 调整网页图像的曝光度 69
4.2.5 图像的清晰化 73
4.2.6 技术拓展 75
4.3 图像的选择和重组 76
4.3.1 创建选区、蒙版和通道 76
4.3.2 编辑选区、蒙版和通道 80
4.3.3 案例——网页中的朦胧效果 81
4.3.4 案例——用蒙版实现图像的重组 83
4.3.5 案例——用“通道”实现特殊图像的抠取 86
4.3.6 技术拓展 88
4.4 高级网页图像的处理 89
4.4.1 图层的概念和操作 90
4.4.2 应用图层样式 91
4.4.3 图层混合模式的概念和特点 94
4.4.4 案例——制作炫光网页效果 96
4.4.5 案例——制作网站商品展示效果图 99
4.5 关于滤镜 103
4.5.1 网页设计中常用的滤镜 104
4.5.2 案例——制作两款网页特效字 108
4.5.3 案例——网页的艺术化处理 111
4.5.4 案例——渲染网页中的自然景象 113
4.5.5 技术拓展 115
4.6 网页效果图的裁切与优化输出 115
4.6.1 使用度量工具和网格 115
4.6.2 使用吸管工具 116
4.6.3 使用切片工具 117
4.6.4 其他网页修剪辅助工具的使用 118
4.6.5 案例——裁切网站效果图 119
4.6.6 网页效果图的优化输出 121
第5章 网页动画的制作 123
5.1 网页动画制作中基本工具的使用 123
5.1.1 使用选择工具和部分选择工具 124
5.1.2 应用任意变形工具编辑形状 129
5.1.3 利用3D旋转工具修改对象 130
5.1.4 案例——绘制网页造型元素 133
5.1.5 使用填充工具 134
5.1.6 案例——制作透明水泡 138
5.1.7 技术拓展 139
5.2 编辑与修改网页动画中的文字 140
5.2.1 案例——制作倒影文字 142
5.2.2 案例——制作立体文字 144
5.3 编辑图像与导入外部文件 145
5.3.1 案例——制作变形动画 149
5.3.2 案例——导入PSD图像制作动画 151
5.4 Flash CS5的元件和实例 153
5.4.1 图形元件的特点和编辑 154
5.4.2 案例——制作网页动画中的场景 156
5.4.3 按钮元件的特点和编辑 158
5.4.4 案例——设计按钮导航 159
5.4.5 影片剪辑元件的特点和编辑 161
5.4.6 案例——淡雅的网页片头动画 161
5.4.7 技术拓展 164
5.5 网页中常见动画的制作 164
5.5.1 认识帧和时间轴 165
5.5.2 补间动画的特点和制作 166
5.5.3 案例——制作网页补间动画 168
5.5.4 路径动画的特点和制作 172
5.5.5 案例——制作网页路径动画 172
5.5.6 技术拓展 173
5.5.7 遮罩动画的特点和制作 174
5.5.8 案例——幻灯片效果的切换 175
5.5.9 案例——制作网页菜单 177
5.5.10 补间动画、路径动画和遮罩动画的综合应用 178
5.6 为元件追加滤镜效果 182
5.6.1 为文字和影片剪辑元件追加滤镜效果 182
5.6.2 案例——动感的婚纱广告 185
5.6.3 嵌套元件 188
5.6.4 案例——制作复合动画 188
5.7 骨骼动画 191
5.7.1 使用“骨骼工具”为形状添加骨骼 196
5.7.2 使用“骨骼工具”为元件添加骨骼 198
5.7.3 案例——制作网页“骨骼”动画 199
5.8 ActionScript的应用 201
5.8.1 网页制作中常用的ActionScript 2.0方法和脚本 201
5.8.2 为关键帧添加动作 205
5.8.3 为按钮实例添加动作 206
5.8.4 为影片剪辑元件添加动作 206
5.8.5 用ActionScript 3.0制作高级交互动画 207
5.8.6 案例——网页广告中的旋转效果 216
5.8.7 案例——可调节方向的滚动广告条 216
5.8.8 案例——网页动画中的跟随效果 217
5.8.9 技术拓展 219
5.9 发布与导出网络动画 219
5.9.1 导出为SWF影片 219
5.9.2 导出为GIF动画 220
5.9.3 导出为AVI视频 220
第6章 用DIV+CSS技术实现网页布局 223
6.1 理解盒子模型 223
6.1.1 精确计算盒子尺寸 224
6.1.2 准确显示盒子尺寸 226
6.2 CSS样式表——控制网页的表现 227
6.2.1 CSS基本语法和类型 227
6.2.2 解决CSS的冲突问题 229
6.2.3 将CSS应用到网页中 235
6.3 定义CSS样式 237
6.3.1 定义文本样式 238
6.3.2 利用<P>标签和<span>标签修饰文本 238
6.3.3 案例——编辑秀美的博客文章 240
6.3.4 定义背景样式 242
6.3.5 案例——制作自动延伸的网页背景效果 243
6.3.6 定义边框样式 244
6.3.7 案例——让表单走进美容院 245
6.3.8 定义列表样式 249
6.3.9 案例——制作横向菜单和新闻列表 249
6.3.10 定义区块样式 252
6.3.11 应用案例——制作像杂志内页一样的网页 253
6.4 网页中的浮动布局 256
6.4.1 浮动布局的基本属性 256
6.4.2 两列页面布局 257
6.4.3 三列及多列页面布局 261
6.4.4 清除浮动 263
6.5 网页精确布局 267
6.5.1 网页精确布局的概念 267
6.5.2 网页精确布局中的参照物 271
6.5.3 网页精确布局中的重叠化 273
6.5.4 综合案例的制作 274
6.7 CSS 3.0的应用 279
第7章 认识HTML、XHTML和XML 287
7.1 认识HTML 287
7.1.1 HTML的主要特点和功能 287
7.1.2 关于HTML5的介绍 288
7.1.3 HTML语言的书写 289
7.2 认识XHTML 296
7.2.1 XHTML的主要特点和功能 296
7.2.2 XHTML的文档结构 296
7.2.3 XHTML语言的书写 297
7.3 认识XML 299
7.3.1 XML的主要特点和功能 299
7.3.2 定义元素及其属性 301
7.3.3 选择文档类型 305
第8章 网页中其他要素的设计 307
8.1 网页中的链接技术 307
8.1.1 直接插入超链接 307
8.1.2 创建图像热点链接 308
8.1.3 创建锚点链接 309
8.1.4 创建电子邮件的链接 309
8.1.5 利用CSS技术创建特殊的链接 311
8.2 制作表单 312
8.2.1 表单的概念和作用 312
8.2.2 案例——设计会员注册表表单 312
8.2.3 案例——利用CSS技术创建高级表单 317
第9章 用JavaScript行为创建网页特效 319
9.1 行为的概念和特点 319
9.2 制作常见的网页特效 319
9.2.1 利用行为调节浏览器窗口 320
9.2.2 利用行为创建图像特效 322
9.2.3 利用行为创建特效文本 329
9.2.4 利用行为控制多媒体信息 330
9.2.5 利用行为制作二级联动菜单 332
9.2.6 技术拓展 335
9.3 Spry效果 335
9.3.1 创建网页遮帘效果 335
9.3.2 创建网页文字的自由调整效果 337
9.3.3 创建增大和收缩效果 339
9.3.4 制作Tab菜单 337
9.4 利用外部插件制作网页特效 340
9.4.1 安装外部插件 341
9.4.2 在线QQ效果 341
9.4.3 网络相册的应用 342
9.4.4 制作Flash菜单 343
9.4.5 技术拓展 344
第10章 网页的页面版式与规划 345
10.1 构成网页的元素 345
10.2 网页界面的构成要素 348
10.2.1 文字要素 348
10.2.2 图像要素 351
10.2.3 装饰物要素 352
10.3 规划页面 353
10.3.1 整理资料 353
10.3.2 分析目标对象 354
10.3.3 设置页面板块 355
10.3.4 修改与细化页面板块 355
第11章 门户网站的策划与设计 357
11.1 行业分析 357
11.2 内容分析 358
11.3 制作过程 358
11.3.1 制作首页效果图 358
11.3.2 制作页眉区域 359
11.3.3 制作内容区域 360
11.3.4 制作页脚区域 363
11.3.5 制作内容页面 363
11.3.6 网站效果图及优化输出 364
11.4 利用Flash制作网页动画 365
11.4.1 制作网页banner动画效果 365
11.4.2 制作导航动画 367
11.4.3 制作修饰动画 368
11.4.4 制作横栏动画 369
11.5 利用DIV+CSS实现页面布局 369
11.5.1 布局页眉区域 374
11.5.2 布局内容区域 376
11.5.3 布局页脚区域 388
11.6 追加网页特效 389
11.7 兼容性检查 392
11.8 内页的制作 394
11.9 制作模板 397
第12章 餐饮类网站的策划与设计 399
12.1 行业分析 399
12.2 内容分析 400
12.3 制作过程 400
12.3.1 制作首页效果图 400
12.3.2 制作页眉区域 401
12.3.3 制作主体banner区域 402
12.3.4 制作内容区域 403
12.3.5 制作页脚区域 405
12.3.6 制作内容页面 405
12.3.7 网站效果图的优化输出 405
12.4 利用Flash制作网页动画 406
12.4.1 制作导航动画 406
12.4.2 制作修饰动画 407
12.4.3 制作修饰动画 408
12.5 利用DIV+CSS实现页面布局 408
12.5.1 布局页眉区域 411
12.5.2 布局banner广告区域 414
12.5.3 布局内容左区域 414
12.5.4 布局内容中心区域 416
12.5.5 布局内容右区域 417
12.5.6 布局页脚区域 418
12.6 追加网页特效 420
12.7 兼容性检查 421
12.8 制作内页 421