前言 1
第1篇 网页设计基础篇 1
第1章 网页基础知识概述 1
丛书导读 1
1.1 网站、网页和主页 2
1.2 网站设计的工作流程 3
1.2.1 需求分析 3
1.2.2 注册域名、申请空间 4
1.2.3 新建站点 4
1.2.4 收集资源 4
1.2.8 上传到服务器 5
1.3 网页设计的基本原则 5
1.2.9 后期维护 5
1.2.7 编写服务器端代码 5
1.2.6 使用Dreamweaver整合成网页 5
1.2.5 使用Photoshop和Flash设计图片与动画 5
1.4 网页中的色彩 7
1.4.1 主色调选择 7
1.4.2 网页色彩应用 7
1.5 网页的基本功能元素 10
1.5.1 站标的位置与设计要点 10
1.5.2 导航栏设计要点 11
1.5.3 广告条的设计要点 13
1.6 网页的基本组成元素 14
1.6.1 网页中的文本 14
1.6.2 网页中的图片 14
1.6.3 网页中的动画 16
1.7 申请免费空间的一般过程 16
1.8 网站的发布 18
1.9.1 网站的宣传推广 19
1.9 网站的宣传与管理 19
1.9.2 网站的维护管理 20
第2篇 网页设计工具篇 22
第2章 Dreamweaver 8使用详解 22
2.1 认识Dreamweaver软件 23
2.1.1 Dreamweaver 8的新增功能 23
2.1.2 Dreamweaver的操作界面 23
2.1.3 Dreamweaver的基本文件操作 26
2.2 网站规划和创建站点 28
2.2.1 站点规划 28
2.2.2 创建本地站点 29
2.2.3 管理站点内容 31
2.2.4 站点地图 32
2.2.5 文件的上传和下载 33
2.3.2 设置文本属性 34
2.3.1 文本的输入和编辑 34
2.3 文本和表格的使用 34
2.3.3 插入表格 38
2.3.4 修改表格 40
2.3.5 设置表格属性 41
2.3.6 表格的嵌套 43
2.3.7 使用表格构造网页布局 43
2.4 超链接的建立 44
2.4.1 超级链接概述 45
2.4.2 设置页面链接 46
2.4.3 设置下载文件的超链接 46
2.4.4 设置E-mail的超链接 47
2.4.5 为图像制作超链接 48
2.4.6 在网页中使用锚记 50
2.5.1 层与层面板 51
2.5 层与行为的使用 51
2.5.2 创建层 52
2.5.3 层的基本操作 52
2.5.4 转换层与表格 53
2.5.5 行为概念 54
2.5.6 应用行为 55
2.5.7 Dreamweaver中提供的内置行为 56
2.6 CSS样式表的使用 58
2.6.1 CSS样式概述 58
2.6.2 创建新CSS样式 59
2.6.3 定义CSS样式中的参数 61
2.6.4 应用样式 62
2.7 模板和库的使用 63
2.7.1 模板的基本知识 63
2.7.2 模板的使用 63
2.7.3 定制库项目 66
2.7.4 编辑和使用库 67
2.8 制作简单个人网页——绿叶子的心情小屋 68
2.8.1 栏目设计 68
2.8.2 创建站点 68
2.8.3 页面布局 69
2.8.4 设置CSS样式 69
2.8.5 页面实现 70
第3章 认识、了解Photoshop CS 2 73
3.1 认识Photoshop 74
3.2 基本工具的使用 75
3.2.1 选择类工具的使用 75
3.2.2 画笔类工具的使用 77
3.2.3 填充类工具的使用 78
3.2.4 绘图编辑类工具的使用 79
3.2.5 其他一些常用工具 83
3.3.1 图层调板与样式调板 84
3.3 常用调板的介绍 84
3.3.2 通道调板 86
3.3.3 历史记录调板 88
3.3.4 路径调板 89
3.4 常见滤镜的使用 90
3.4.1 扭曲滤镜组 90
3.4.2 模糊滤镜组 93
3.4.3 渲染滤镜组 95
3.4.4 素描效果滤镜组 96
3.4.5 纹理滤镜组 97
3.4.6 风格化滤镜组 98
3.5 调整图像的色调 99
3.5.1 查看图像的色调 99
3.5.3 使用【色阶】命令 100
3.5.2 自动调整色阶 100
3.5.4 使用【曲线】命令 101
3.6 调整图像的色彩 102
3.6.1 自动调整颜色 102
3.6.2 使用【色彩平衡】命令 103
3.6.3 调整色相与饱和度 104
3.6.4 调整亮度与对比度 104
3.6.5 替换颜色 105
3.6.6 应用渐变映射 105
3.6.7 反相效果 106
3.6.8 通道混和器 107
3.6.9 调整阴影和高光 107
3.7 实战体验——绘制站标与按钮 108
3.7.1 绘制站标 108
3.7.2 绘制特色按钮 111
第4章 Flash 8使用详解 114
4.1 认识Flash动画 115
4.1.1 什么是动画 115
4.1.2 Flash动画 115
4.1.3 Flash动画的类型 115
4.2 认识Flash的操作界面 115
4.2.1 绘图工具箱 116
4.2.2 时间轴面板 116
4.2.3 舞台 116
4.2.4 属性面板 117
4.3 Flash的常用工具 117
4.3.1 线条、椭圆和矩形工具 117
4.3.2 铅笔工具 118
4.3.3 填充图形 119
4.3.4 添加与编辑文本 120
4.3.5 对象的变形 121
4.3.6 橡皮擦工具 122
4.3.7 钢笔工具 123
4.4 图层的编辑和管理 124
4.4.1 图层的基本概念 124
4.4.2 选择与显示图层 124
4.4.3 创建图层和图层文件夹 126
4.4.4 更改图层的属性 127
4.4.5 引导层的创建和使用 127
4.4.6 遮罩层的应用 128
4.5 时间轴和帧 129
4.5.1 时间轴介绍 129
4.5.3 添加帧 130
4.5.4 选择并移动帧 130
4.5.2 帧的类别 130
4.5.5 删除帧与清除帧 131
4.5.6 将关键帧转换为普通帧 131
4.5.7 翻转帧 131
4.5.8 更改帧频 132
4.5.9 洋葱皮技术 132
4.5.10 时间轴特效 133
4.6 资源的导入和使用 135
4.6.1 图片的导入 135
4.6.2 处理位图 136
4.6.3 声音的导入和使用 138
4.6.4 视频的导入 139
4.7 元件与实例 141
4.7.1 元件的应用 142
4.7.2 应用实例 145
4.8 影片的测试和发布 146
4.8.1 影片优化和测试 146
4.8.2 Flash文档的导出格式 147
4.8.3 发布Flash文档 148
4.9 基本动画制作——制作网站Banner条 151
4.9.1 创建运动小球 151
4.9.2 创建艺术文字 153
4.9.3 处理细节 154
4.9.4 测试和发布动画 155
第3篇 网页设计综合运用篇 157
第5章 企业类网站——房地产网站 157
5.1 在Photoshop中编辑页面效果图 158
5.1.1 设置背景图片 158
5.1.2 添加广告语 163
5.1.3 设置中部导航栏 164
5.1.4 设置LOGO及其他元素 170
5.1.5 裁切图片 173
5.1.6 制作新闻部分的元素 175
5.2 在Dreamweaver中编辑网页内容 177
5.2.1 添加图片 177
5.2.2 设置链接 183
第6章 个人网站——电子音乐家网站 184
6.1 在Photoshop 中制作背景图片和导航按钮 185
6.1.1 用Photoshop制作Flash网站背景 185
6.1.2 设置导航按钮 188
6.2 在Flash中编辑网页动画 191
6.3 在Photoshop中编辑页面图片 195
6.3.1 制作LOGO 195
6.3.2 制作背景的线条图片 197
6.3.3 制作新闻图片 198
6.3.4 制作按钮图片 199
6.4 在Dreamweaver中编辑网页内容 201
6.4.1 添加LOGO和顶部导航 201
6.4.2 添加Flash 205
6.4.3 添加新闻和底部导航 205
第7章 产品展示类网站——家具网站 207
7.1 在Photoshop中编辑页面元素 208
7.1.1 设置背景 208
7.1.2 定义图案 211
7.1.3 制作导航链接 212
7.1.4 制作Banner广告条 213
7.1.5 切分图片 216
7.2 在Dreamweaver中导入页面切片 216
7.3 在Flash 中制作文字滚动效果 218
7.4 在Dreamweaver中完成页面 221
第8章 公益类的网站——爱心导航 223
8.1 在Photoshop中编辑页面图片 224
8.1.1 创建LOGO 224
8.1.2 创建Banner条 226
8.1.3 设置背景图案和栏目图片元素 227
8.1.4 切割图片 230
8.2 在Flash中编辑动画部分 230
8.2.1 制作图片演示效果 230
8.2.2 制作广告语效果 235
8.3 在Dreamweaver中编辑页面 236
8.3.1 制作导航栏 237
8.3.2 添加Flash广告语 241
8.3.3 添加左侧表格 242
8.3.4 添加Flash图片效果和右侧表格 244
8.3.5 添加文字完成页面 245
第9章 IT类网站——IT商务网站 248
9.1 在Photoshop中编辑页面整体效果 249
9.1.1 制作页面顶部部分 249
9.1.2 制作Banner和导航栏的效果图 252
9.1.3 制作链接面板 258
9.1.4 制作新闻面板 263
9.1.5 制作公告栏面板 264
9.1.6 制作邮箱面板 266
9.1.7 添加链接图片 269
9.1.8 导出文件 271
9.2 在Flash中制作Banner 272
9.3 在Dreamweaver中完成页面 277
9.3.1 添加链接LOGO 277
9.3.2 添加链接Banner图片 280
9.3.3 添加其他链接和栏目内容 282
9.3.4 导入Flash动画 286