网页设计师培训教程

第1章　网页设计基础概述 1
1.1　全面认识网页 2
1.1.1　网站、网页和主页 2
1.1.2　HTML的组成及语法 4
1.2　网站设计的流程 7
1.2.1　注册域名与申请空间 7
1.2.2　新建站点与收集网页素材 8
1.2.3　整合站点内容和编写服务器端代码 8
1.2.4　实现FTP服务器的上传与下载 8
1.2.5　对网站进行维护 9
1.3　网页的基本组成元素 9
1.3.1　网页中的文本 9
1.3.2　网页中的图片 10
1.3.3　网页中的多媒体 11
1.4　申请免费空间与发布网站 11
1.4.1　申请免费空间流程 11
1.4.2　在免费空间发布网站 12
1.4.3　网站的宣传与推广 13
本章小结 15
习题与动手操作 15
第2章　网页配色知识基础 17
2.1　网页配色基础 18
2.1.1　网页中颜色搭配与原理 18
2.1.2　RGB颜色和色相环 19
2.1.3　不同颜色的含义 20
2.2　按网站风格进行配色 21
2.2.1　清爽风格 22
2.2.2　活泼风格 22
2.2.3　商业风格 22
2.2.4　古典风格 23
2.2.5　科技金属风格 23
2.3　网站配色 24
2.3.1　按企业形象进行配色 24
2.3.2　按颜色对比进行配色 25
2.3.3　配色后的修饰和色彩的搭配 26
本章小结 27
习题与动手操作 27
第3章　Dreamweaver CS3使用基础 29
3.1　Dreamweaver CS3的工作界面 30
3.1.1　标题栏、工具栏和菜单栏 30
3.1.2　属性检查器和右侧面板组 32
3.1.3　文档窗口和状态栏 33
3.2　网页文档的基本操作 34
3.2.1　创建网页文档 34
3.2.2　打开网页文档 35
3.2.3　保存网页文档 35
3.2.4　预览网页 35
3.2.5　设置页面属性 36
3.3　文本和表格的应用 36
3.3.1　输入和编辑文本 36
3.3.2　设置文本属性 37
3.3.3　插入表格和修改表格 39
3.3.4　表格属性的设置 41
3.3.5　嵌套表格 42
3.3.6　通过表格构造网页布局 42
3.4　Dreamweaver CS3中的表单应用 43
3.4.1　创建HTML表单 43
3.4.2　设计一个用户注册页面的完整表单 44
3.4.3　跳转菜单的设计 48
本章小结 49
习题与动手操作 49
第4章　Dreamweaver CS3应用详解 51
4.1　框架与框架集 52
4.1.1　制作框架页面 52
4.1.2　Iframe标记功能 54
4.1.3　制作Iframe页面 54
4.2　在Dreamweaver CS3中创建超链接 56
4.2.1　设置页面超链接 57
4.2.2　设置下载文件超链接 57
4.2.3　设置Email超链接 58
4.2.4　设置图片超链接 59
4.3　应用CSS样式表 61
4.3.1　新CSS样式表的创建 61
4.3.2　定义CSS样式表的参数 62
4.3.3　应用CSS样式 62
4.4　在网页中使用层和行为 63
4.4.1　层的插入与基本操作 63
4.4.2　转换层与表格 65
4.4.3　应用行为 66
4.4.4　Dreamweaver CS3中的内置行为 67
4.5　模板和库的应用 74
4.5.1　模板的使用 74
4.5.2　编辑和使用库 79
本章小结 81
习题与动手操作 82
第5章　Photoshop CS3使用基础 84
5.1　Photoshop CS3中的常用工具 85
5.1.1　选择工具 85
5.1.2　画笔类工具 88
5.1.3　修饰工具 89
5.1.4　剪切和切片工具 93
5.1.5　其他常用工具 96
5.2　Photoshop CS3中的常用调板 96
5.2.1　图层调板与样式调板 97
5.2.2　通道调板 98
5.2.3　历史记录调板 99
5.2.4　路径调板 99
5.3　Photoshop CS3中的常见滤镜 100
5.3.1　扭曲滤镜组 100
5.3.2　模糊滤镜组 102
5.3.3　渲染滤镜组 103
5.3.4　素描效果滤镜组 105
5.3.5　纹理滤镜组 105
5.3.6　风格化滤镜组 107
本章小结 109
习题与动手操作 110
第6章　应用Photoshop CS3文字和图层 112
6.1　在Photoshop CS3中创建文字 113
6.1.1　文字工具 113
6.1.2　创建文字选区 113
6.1.3　文字的变形 115
6.1.4　实例：特殊文字效果 116
6.2　Photoshop CS3中图层的应用 118
6.2.1　图层的混合模式 119
6.2.2　实例：背景特效制作 121
本章小结 122
习题与动手操作 123
第7章　应用路径、色彩和通道 125
7.1　在Photoshop CS3中创建路径 126
7.1.1　使用路径工具 126
7.1.2　编辑路径 128
7.1.3　实例：绘制网站Logo 130
7.2　调整图像色彩和色调 131
7.2.1　调整图像的色彩 131
7.2.2　调整图像的色调 137
7.2.3　实例：校正网页中的偏色图片 141
7.3　应用通道 142
7.3.1　通道的操作 142
7.3.2　专色通道 147
7.3.3　实例：对图片进行处理 149
本章小结 151
习题与动手操作 152
第8章　Flash CS3使用基础 153
8.1　熟悉Flash CS3的工具界面 154
8.1.1　标题栏、菜单栏和工具栏 154
8.1.2　绘图工具箱 155
8.1.3　时间轴面板 155
8.1.4　舞台和工作区 156
8.1.5　属性面板 156
8.2　Flash CS3中的常用工具 156
8.2.1　线条工具和形状工具 157
8.2.2　铅笔工具、钢笔工具和橡皮擦工具 159
8.2.3　填充图形 161
8.2.4　文本的添加与编辑 162
8.2.5　对象的变形 163
8.3　元件、实例与元件库 164
8.3.1　元件的创建 164
8.3.2　元件库的类型 167
8.3.3　将元件库里的元件加到舞台中 168
8.3.4　元件库面板操作 168
8.3.5　编辑舞台中的实例 171
本章小结 173
习题与动手操作 174
第9章　Flash CS3动画制作基础 176
9.1　时间轴和帧 177
9.1.1　插入帧、选择并移动帧 177
9.1.2　帧的删除与清除 178
9.1.3　转换关键帧为普通帧 178
9.1.4　翻转帧与更改帧频 179
9.1.5　洋葱皮技术 179
9.1.6　时间轴特效 181
9.2　Action Script脚本应用 182
9.2.1　将Action Script建立在帧中 182
9.2.3　将Action Script建立在影片剪辑中 183
9.3　Flash CS3中的影音特效 183
9.3.1　添加声音元件至按钮 183
9.3.2　将声音加入拖到舞台中 185
9.3.3　设置声音效果 186
9.3.4　压缩并导出声音 187
9.4　测试与发布动画 189
9.4.1　优化与测试动画 189
9.4.2　Flash CS3文档的导出 191
9.4.3　发布Flash CS3文档 193
本章小结 194
习题与动手操作 195
第10章　在Dreamweaver中插入动画 197
10.1　插入Flash对象 198
10.1.1　插入Flash按钮 198
10.1.2　插入Flash文本 199
10.1.3　插入Flash动画 200
10.1.4　插入Flash视频 201
10.1.5　插入Flash Paper 202
10.2　插入其他媒体对象 204
10.2.1　插入ActiveX 204
10.2.2　插入Java Applet 205
10.2.3　插入插件 205
10.3　插入声音 206
10.3.1　嵌入声音文件 206
10.3.2　链接到声音文件 207
本章小结 207
习题与动手操作 208
第11章　构建房地产类网站 209
11.1　实例分析 210
11.2　主要知识点 210
11.3　设计流程 211
11.4　在Photoshop CS3中设计页面效果 211
11.4.1　设置背景图片 211
11.4.2　制作网站的Logo 214
11.4.3　添加广告语 217
11.4.4　对图片进行裁剪 219
11.4.5　制作新闻元素 220
11.5　在Flash CS3中编辑网页动画 222
11.5.1　制作网页导航栏 222
11.5.2　设计文字滚动效果 225
11.5.3　制作Flash动画 229
11.6　在Dreamweaver CS3中编辑网页 231
11.6.1　创建并设置站点 231
11.6.2　设置页面属性 233
11.6.3　添加Logo和顶部图片 234
11.6.4　添加Flash CS3动画 236
11.6.5　添加图片和文字 238
11.6.6　网页底部制作 239
11.6.7　创建超级链接 241
本章小结 243
习题与动手操作 243
第12章　构建IT类商务网站 245
12.1　实例分析 246
12.1.1　背景概述 246
12.1.2　实例简介 246
12.2　主要知识点 246
12.3　设计流程 247
12.4　在Photoshop中设计页面效果 247
12.4.1　设计页面顶部显示部分 247
12.4.2　设置banner和导航栏效果图 253
12.4.3　设计用户登录面板 255
12.4.4　设置商品链接面板 259
12.4.5　设计页面中间部分 263
12.4.6　设计公告栏面板 267
12.4.7　制作页面底部效果 269
12.4.8　对图片进行裁剪 271
12.5　在Flash CS3中编辑网页动画 271
12.5.1　在Flash CS3中设计Banner动画 271
12.5.2　设计图片动画展示效果 277
12.6　在Dreamweaver CS3中编辑网页 279
12.6.1　添加Logo与顶部导航 279
12.6.2　添加Flash动画 281
12.6.3　添加图片与文字 282
12.6.4　添加友情链接 286
12.6.5　添加其他链接和栏目 287
本章小结 290
习题与动手操作 290
附录A　习题参考答案 292
附录B　模拟试卷及参考答案 301
参考文献 310