网页美工设计Photoshop+Flash+Dreamweaver从入门到精通PDF电子书下载

第1章 初识网页设计与配色 1

1.1 网页设计的相关术语 1

1.1.1 什么是静态网页 1

1.1.2 什么是动态网页 1

1.2 网页美工常用工具 2

1.2.1 网页编辑排版软件Dreamweaver 2

1.2.2 网页图像制作软件Photoshop 3

1.2.3 网页动画制作软件Flash 3

1.3 网页版面布局设计 4

1.3.1 网页版面布局原则 4

1.3.2 点、线、面的构成 5

1.4 常见的版面布局形式 6

1.5 文字与图像版式设计 9

1.5.1 文字的字体、字号、行距 9

1.5.2 文字的图形化 10

1.6 网页配色安全 11

1.6.1 216网页安全色 11

1.6.2 网页安全色配色辞典 11

1.7 不同色彩的网页 13

1.8 网页配色技巧 17

1.8.1 背景与文字颜色搭配 17

1.8.2 同种色彩搭配 20

1.8.3 两色搭配 20

第2章 使用Photoshop CC入门基础 22

2.1 Photoshop CC工作界面 22

2.1.1 菜单命令 22

2.1.2 工具箱 26

2.1.3 工具选项栏 27

2.1.4 浮动面板 27

2.1.5 文档窗口 27

2.2 设置前景色和背景色 28

2.3 创建选择区域 29

2.3.1 选框工具 29

2.3.2 套索工具 30

2.3.3 魔棒工具 31

2.4 基本绘图工具 33

2.4.1 画笔工具 33

2.4.2 铅笔工具 34

2.4.3 加深和减淡工具的应用 35

2.5 创建文字 36

2.5.1 输入文字 36

2.5.2 设置文字属性 37

2.5.3 文字的变形 38

2.6 图层与图层样式 39

2.6.1 图层基本操作 39

2.6.2 设置图层样式 41

2.7 应用滤镜 41

2.7.1 渲染 41

2.7.2 风格化 42

2.7.3 模糊 44

2.8 实战——滤镜制作蓝色光束 45

第3章 处理网页图片 49

3.1 几种常见的抠图工具及方法 49

3.1.1 通道抠图 49

3.1.2 魔术棒抠图 52

3.1.3 蒙版抠图 54

3.2 制作商品倒影的方法 56

3.3 制作格子效果 58

3.4 更换图片背景 62

3.5 制作木纹背景图片 64

第4章 设计网页特效文字 66

4.1 设计火焰字 66

4.2 设计多彩发光字 71

4.3 设计绿色清新风格文字 73

4.4 设计蓝色荧光字 75

4.5 设计金色质感立体文字 78

4.6 设计黄金立体字 82

第5章 设计网页Logo与按钮 86

5.1 网站Logo的制作 86

5.1.1 网站Logo设计的标准 86

5.1.2 网站Logo的规范 87

5.2 制作绿色环保Logo 87

5.3 网站动态Logo的制作 91

5.4 网页按钮设计技巧 96

5.4.1 按钮的视觉表现 97

5.4.2 网页按钮制作技巧 97

5.5 制作透明按钮 98

5.6 制作高光质感水晶按钮 100

5.7 制作放射灯光按钮 102

第6章 设计网络广告和海报 107

6.1 网络广告的制作 107

6.2 促销广告 110

6.3 设计圣诞贺卡 116

6.4 时尚产品海报 121

第7章 创建切片与设计网页动画 125

7.1 快速切割网页文件 125

7.2 创建与编辑切片 127

7.2.1 创建切片 127

7.2.2 编辑切片 127

7.3 优化与导出切片图像 128

7.4 动画面板 129

7.4.1 时间轴动画面板 129

7.4.2 帧动画面板 129

7.5 横幅动态Banner 130

第8章 Flash CC绘图基础 134

8.1 Flash CC简介 134

8.2 Flash CC的工作界面 134

8.2.1 菜单栏 135

8.2.2 舞台 136

8.2.3 工具箱 136

8.2.4 时间轴 137

8.2.5 属性面板 137

8.3 绘制图形工具 138

8.3.1 线条工具 138

8.3.2 椭圆工具与矩形工具 139

8.3.3 多角星形工具 141

8.3.4 铅笔工具 142

8.3.5 刷子工具 143

8.3.6 钢笔工具 144

8.4 选择对象工具 145

8.4.1 选择工具 145

8.4.2 部分选取工具 145

8.5 添色工具 146

8.5.1 颜料桶工具 146

8.5.2 墨水瓶工具 147

8.5.3 滴管工具 148

8.6 创建文字 149

8.7 实战——制作立体投影文字 149

第9章 使用元件与库管理动画素材 152

9.1 元件和实例的概念 152

9.2 创建元件 153

9.3 编辑元件 154

9.3.1 复制元件 154

9.3.2 编辑元件 154

9.4 创建与编辑实例 155

9.4.1 创建实例 155

9.4.2 编辑实例 156

9.5 创建和管理库 158

9.5.1 创建项目 158

9.5.2 删除项目 159

9.6 实战 160

9.6.1 制作按钮 160

9.6.2 利用元件制作动画 162

第10章 创建简单的Flash动画 166

10.1 创建逐帧动画 166

10.2 创建补间动画 168

10.2.1 创建动画补间动画 168

10.2.2 创建形状补间动画 170

10.3 遮罩动画的创建 173

10.3.1 创建遮罩层 173

10.3.2 遮罩文本应用实例 174

10.4 运动引导层动画的创建 175

10.4.1 创建运动引导层 175

10.4.2 运动引导层动画应用实例 176

第11章 使用Dreamweaver轻松创建多彩的文本网页 179

11.1 Dreamweaver CC的工作界面 179

11.1.1 菜单栏 179

11.1.2 插入栏 180

11.1.3 属性面板 181

11.1.4 面板组 182

11.1.5 文档窗口 182

11.2 创建本地站点 183

11.3 插入文本 184

11.3.1 插入普通文本 184

11.3.2 设置文本属性 185

11.3.3 插入特殊字符 188

11.4 使用列表 189

11.4.1 插入项目列表 189

11.4.2 插入编号列表 190

11.5 创建超级链接 191

11.5.1 创建下载文件链接 192

11.5.2 创建电子邮件链接 193

11.5.3 创建图像热点链接 194

11.6 实战——创建基本文本网页 196

第12章 巧用绚丽的图像和多媒体让网页动起来 198

12.1 在网页中插入图像 198

12.1.1 在网页中插入图像 198

12.1.2 设置图像属性 200

12.1.3 裁剪图像 202

12.1.4 调整图像的亮度和对比度 203

12.1.5 锐化图像 203

12.2 插入鼠标经过图像 204

12.3 添加声音和视频文件 207

12.3.1 添加声音 207

12.3.2 插入视频文件 209

12.4 添加Flash动画 210

12.5 实战 212

12.5.1 创建图文混排网页 212

12.5.2 在网页中插入媒体实例 214

第13章 使用表格轻松排列和布局网页元素 216

13.1 插入表格和表格元素 216

13.1.1 插入表格 216

13.1.2 设置表格属性 217

13.1.3 添加内容到单元格 219

13.2 选择表格元素 219

13.2.1 选取表格 219

13.2.2 选取行或列 220

13.2.3 选取单元格 220

13.3 表格的基本操作 221

13.3.1 调整表格和单元格的大小 221

13.3.2 添加或删除行或列 222

13.3.3 拆分单元格 223

13.3.4 合并单元格 223

13.4 排序及整理表格内容 224

13.4.1 导入表格式数据 224

13.4.2 排序表格 226

13.5 实战 228

13.5.1 创建细线表格 228

13.5.2 利用表格排列数据 230

第14章 使用CSS美化网页 234

14.1 了解CSS 234

14.2 CSS基本语法 235

14.3 设置CSS属性 236

14.3.1 设置CSS类型属性 236

14.3.2 设置CSS背景属性 236

14.3.3 设置CSS区块属性 237

14.3.4 设置CSS方框属性 238

14.3.5 设置CSS边框属性 238

14.3.6 设置CSS列表属性 239

14.3.7 设置CSS定位属性 239

14.3.8 设置CSS扩展属性 240

14.3.9 设置过渡属性 240

14.4 链接到或导出外部CSS样式表 241

14.4.1 创建内部样式表 241

14.4.2 创建外部样式表 243

14.4.3 链接外部样式表 244

14.5 实战 246

14.5.1 应用CSS样式定义字体大小 246

14.5.2 应用CSS样式制作阴影文字 248

第15章 用CSS＋DIV灵活布局页面 251

15.1 初识DIV 251

15.1.1 DIV概述 251

15.1.2 CSS＋DIV布局的优势 252

15.2 CSS定位与DIV布局 252

15.2.1 盒子模型 253

15.2.2 元素的定位 253

15.2.3 position定位 255

15.3 CSS＋DIV布局的常用方法 255

15.3.1 使用DIV对页面整体规划 255

15.3.2 设计各块的位置 256

15.3.3 使用CSS定位 257

15.4 使用CSS＋DIV布局的典型模式 258

15.4.1 一列固定宽度 258

15.4.2 一列自适应 259

15.4.3 两列固定宽度 260

15.3.4 两列宽度自适应 261

15.4.5 两列右列宽度自适应 262

15.4.6 三列浮动中间宽度自适应 263

第16章 利用行为轻易实现网页特效 265

16.1 行为概述 265

16.1.1 使用【行为】面板 265

16.1.2 关于动作 266

16.1.3 关于事件 267

16.2 使用Dreamweaver内置行为 268

16.2.1 交换图像 269

16.2.2 恢复交换图像 271

16.2.3 打开浏览器窗口 271

16.2.4 调用JavaScript 273

16.2.5 转到URL 274

16.2.6 弹出信息 276

16.2.7 预先载入图像 278

16.2.8 设置状态栏文本 279

16.2.9 检查表单 280

16.2.10 Blind效果 281

16.2.11 Bounce效果 283

16.3 使用JavaScript 284

16.3.1 利用JavaScript函数实现打印功能 285

16.3.2 利用JavaScript函数实现关闭窗口功能 286

第17章 使用模板、库提高网页制作效率 288

17.1 创建模板 288

17.1.1 直接创建模板 288

17.1.2 从现有文档创建模板 289

17.1.3 创建可编辑区域 290

17.2 模板的应用 291

17.2.1 应用模板创建网页 292

17.2.2 更新模板及其他网页 294

17.3 创建和应用库 296

17.3.1 将现有内容创建为库 296

17.3.2 在网页中应用库 297

17.3.3 编辑并更新网页 298

17.3.4 将库项目从源文件中分离 298

17.4 实战 299

17.4.1 创建企业网站模板 299

17.4.2 利用模板创建网页 303

第18章 制作企业网站 307

18.1 网站策划 307

18.1.1 为什么要进行网站策划 307

18.1.2 主要功能页面 307

18.2 设计网站封面页 309

18.2.1 设计网站封面型首页图像 310

18.2.2 切割网站封面型首页图像 314

18.3 创建本地站点 316

18.4 使用Dreamweaver制作页面 317

18.4.1 制作网站顶部导航 317

18.4.2 制作左侧导航公告栏 320

18.4.3 制作产品展示 323