第1章 网页创意设计 1
1.1 网页基础 2
1.1.1 什么是网页 2
1.1.2 制作网页的过程 3
1.1.3 进行网页创意设计 6
1.2 掌握网页设计过程 8
1.2.1 专业的网页设计流程 8
1.2.2 Web页设计的基本原则 9
1.2.3 Web页设计的注意事项 10
1.3 作好总体内容规划 12
1.3.1 内容准备 12
1.3.2 内容规划 13
1.4 把握总体设计、布局 14
1.4.1 网页总体设计 14
1.4.2 常见网页布局版式 15
1.4.3 个人网页布局 20
1.5 网页制作过程 21
1.5.1 标题制作 21
1.5.2 文字制作 21
1.5.3 图片制作 21
1.5.4 背景制作 22
1.5.5 特殊效果 22
1.5.6 网页排版 23
1.6 网页上载与维护 23
1.6.1 网页上载 23
1.6.2 网站维护 24
第2章 HTML入门 27
2.1 HTML基础 28
2.2 HTML文件的基本内容 28
2.3.1 头部标题Title 29
2.3 HTML的基本文法 29
2.3.2 标题Heading 30
2.3.3 字符属性 30
2.3.4 Body元素属性 31
2.4 使用框架 41
2.4.1 框架 41
2.4.2 Frameset容器 42
2.4.3 Frame标记 43
2.5 使用Form 45
2.5.1 Form简介 45
2.5.2 HTML Form元素 45
2.5.3 〈INPUT〉标记的Type属性 49
2.6 使用风格纸 54
2.6.2 指定和链接风格纸 55
2.6.1 风格纸的句法 55
2.6.3 风格属性的简单介绍 57
2.6.4 组合特性以简化风格定义 57
2.6.5 继承 58
2.7 动态HTML 58
2.7.1 动态HTML基础 58
2.7.2 动态HTML的工作原理 59
2.7.3 动态HTML工具 59
2.7.4 在动态HTML中使用文档结构 60
2.8 网页制作工具 60
2.8.1 网页制作工具概述 60
2.8.2 用FrontPage制作网页 61
2.8.3 Dreamweaver简介 66
第3章 Web、色彩与图形 69
3.1.3 服务器 70
3.1.2 客户 70
3.1.1 概述 70
3.1 Web基本概念 70
3.1.4 Web站点 71
3.1.5 页面设计与发布 73
3.1.6 搜索引擎 74
3.2 Web图形与色彩 74
3.2.1 概述 75
3.2.2 支持图形格式 78
3.2.3 色彩原理 81
3.3 网页图像概述 84
3.3.1 背景图形 84
3.3.2 标题 88
3.3.3 按钮 89
3.3.4 照片与插图 90
3.3.5 广告标识 92
第4章 Photoshop 6基础 93
4.1 了解新增功能 94
4.1.1 新增属性栏 94
4.1.2 Slice(薄片)工具 94
4.1.3 其它新增工具 95
4.2 熟悉工作界面 96
4.2.1 启动Photoshop 6 96
4.2.2 标题栏 97
4.2.3 菜单条 97
4.2.4 工具箱 98
4.2.5 属性栏 99
4.2.6 图像窗口 100
4.2.7 预览框 101
4.2.8 调板 101
4.3.1 使用颜色工具 102
4.3 工具箱的使用 102
4.3.2 使用绘画工具 106
4.3.3 使用填充工具 112
4.3.4 使用编辑工具 114
4.4 图像制作入门 119
4.4.1 文件的基本操作 119
4.4.2 控制文件视图 121
4.4.3 调板使用 125
4.4.4 图像编辑与处理 126
4.5 图像制作提高 134
4.5.1 路径 134
4.5.2 图像通道 138
4.5.3 蒙板 142
4.5.4 图层 144
第5章 Photoshop网页特效文字 149
5.1 燃烧效果文字 150
5.2 风车效果文字 152
5.3 飞行效果文字 155
5.4 爆炸效果文字 158
5.5 边框效果文字 160
5.6 光晕效果文字 163
5.7 阴影效果文字 165
5.8 透空效果文字 169
第6章 Photoshop网页效果设计 173
6.1 图中文字制作 174
6.1.1 图中背景文字 174
6.1.2 图中飘浮文字 176
6.1.3 图中凹陷文字 178
6.2 主页背景单元 180
6.3 图片阴影制作 183
6.4 模糊边框制作 186
6.5 图像按钮制作 188
6.6 网页小按钮制作 190
6.7 综合实例制作 193
第7章 Image Ready网页设计 197
7.1 认识Image Ready 3 198
7.1.1 概述 198
7.1.2 菜单栏 199
7.1.3 工具栏 201
7.1.4 浮动调板 202
7.2 了解Image Ready 205
7.2.1 层 205
7.2.2 薄片 207
7.2.3 滤镜 209
7.3 制作网上图像 210
7.3.1 制作网页背景 210
7.3.2 制作网页图标 214
7.3.3 制作标示牌 216
7.3.4 优化图像 218
7.3.5 分割网页 221
7.4 制作GIF动画 223
7.4.1 什么是动画 224
7.4.2 制作GIF动画 224
第8章 Flash 5基础 229
8.1 Flash 5概述 230
8.2 认识Flash 5 231
8.2.1 桌面组件 231
8.2.2 菜单功能 233
8.2.3 工作栏和标尺 237
8.2.4 绘图工具 238
8.2.5 对齐工具 238
8.2.6 颜色的设定 239
8.2.7 界面之间的相互关系 240
8.3 Flash 5动画基础 245
8.3.1 舞台 245
8.3.2 时间轴、帧和关键帧 246
8.3.3 层 248
8.3.4 逐帧动画 251
8.3.5 渐变动画 251
8.3.6 播放控制器 255
8.3.7 测试影片 255
8.4 Flash 5动画制作 256
8.4.1 使用洋葱皮工具 256
8.4.2 沿路径的运动渐变 258
8.4.3 变形暗示 262
8.4.4 使用遮罩层 264
8.4.5 延伸图形 266
8.4.6 编辑动画 267
8.4.7 场景的设计 268
8.5 创建交互影片 269
8.5.1 给按钮赋予动作 269
8.5.2 给一个帧赋值 272
8.5.3 设定复杂动作 273
8.6 在网页中插入Flash动画 276
8.6.1 用Dreamweaver网页编辑软件 276
8.6.2 利用Aftershock 276
8.6.3 直接插入HTML代码 276
第9章 Flash动画文字制作 279
9.1 彩虹文字 280
9.2 彩图文字 282
9.3 旋转变色 286
9.4 缩放变色 288
9.5 移动旋转 291
9.6 隐现文字 293
9.7 走马灯字 294
9.8 变形文字 296
9.9 电影文字 298
9.10 打字效果 302
第10章 Flash网页动画特效制作 305
10.1 Flash动画按钮制作 306
10.1.1 动态按钮 306
10.1.2 按钮控制动画 307
10.1.3 子按钮 311
10.1.4 动画按钮 312
10.1.5 按钮控制对象属性 314
10.1.6 按钮控制鼠标事件 318
10.2.1 翻转文字 319
10.2 Flash网页特效制作 319
10.2.2 广告网页 321
10.2.3 长城故事 324
10.2.4 鸟类天堂 327
10.2.5 旭日耀东方 329
10.2.6 网站外衣 332
第11章 Photoshop与Flash创意 337
11.1 Photoshop与Flash结合 338
11.1.1 结合概述 338
11.1.2 Flash与Photoshop优势互补 338
11.1.3 使用Photoshop进行网页布局 339
11.1.4 使用Photoshop为Flash提供材料 343
11.2 结合的实例 343
11.2.1 制作公司徽标 343
11.2.2 制作公司网站外衣 347
11.3.1 动画发布 353
11.3 Flash动画发布 353
11.3.2 发布预览功能 366
11.3.3 独立的播放器 366
11.3.4 创建HTML的发布模板 367
第12章 个人网页制作实例 369
12.1 主页内容的准备 370
12.2 框架和页面的设计 370
12.3 页面图片、动画的准备 373
12.4 主页的具体制作 373
12.4.1 制作首页 373
12.4.2 制作扉页 374
12.4.3 制作“书屋寻芳” 374
12.4.4 制作“游戏世界” 375
12.4.5 制作“绿茵觅踪” 375
12.4.6 制作“音乐天地” 375
12.5 主页的完善及链接 376
第13章 公司网页制作实例 379
13.1 公司网页制作概述 380
13.2 主页内容设计 380
13.2.1 背景 381
13.2.2 标题栏 381
13.2.3 索引栏 381
13.2.4 新闻发布 381
13.2.5 产品信息 382
13.2.6 内容栏 383
13.3 其它页面设计 383
13.3.1 意见反馈页面 383
13.3.2 新闻发布页面 384
13.3.3 产品信息页面 384
13.3.4 服务体系页面 384