易学易用系列 新编网站设计与网页制作从入门到精通 Dreamweaver CC+Photoshop CC+Flash CC版PDF电子书下载

第1篇 网页制作篇 2

第1章 网页设计快速入门——网页与网站基础知识 2

1.1 认识网页与网站 3

1.1.1 网页和网站的关系 3

1.1.2 网页的相关概念 4

1.2 网页的HTML构成 6

1.2.1 文档标记 7

1.2.2 头部标记 7

1.2.3 主体标记 7

1.3 HTML常用标记 8

1.3.1 链接标记＜LINK＞ 8

1.3.2 段落标记＜P＞ 8

1.3.3 通用块标记＜DIV＞ 10

1.3.4 行内标记＜SPAN＞ 11

1.3.5 元数据标记＜META＞ 12

1.3.6 图像标记＜IMG＞ 13

1.3.7 框架容器标记＜FRAMESET＞ 14

1.3.8 子框架标记＜FRAME＞ 14

1.3.9 表格标记＜TABLE＞ 15

1.3.10 浮动帧标记＜IFRAME＞ 16

1.3.11 容器标记＜MARQUEE＞ 17

1.4 常用网页制作工具 18

1.4.1 网页编辑软件 18

1.4.2 图像制作软件 19

1.4.3 动画制作软件 19

1.5 网站开发流程 20

1.5.1 确定网站风格和布局 20

1.5.2 搜集、整理素材 22

1.5.3 规划站点、制作网页 23

1.5.4 网站的测试与发布 23

高手支招 如何查看网页的HTML代码 23

使用记事本编辑HTML文件后如何在浏览器中预览 23

保存好看的网页 24

第2章 Dreamweaver CC的基本操作 25

2.1 Dreamweaver CC的工作环境 26

2.2 创建站点 27

2.2.1 创建本地站点 27

2.2.2 创建远程站点 28

2.3 管理站点 29

2.3.1 打开站点 29

2.3.2 编辑站点 29

2.3.3 复制站点 30

2.3.4 删除站点 30

2.4 文档的基本操作 31

2.4.1 创建空白文档 31

2.4.2 设置页面属性 31

2.4.3 插入文本 34

2.5 设置文本属性 36

2.5.1 设置字体 36

2.5.2 设置字号 37

2.5.3 设置字体颜色 38

2.5.4 设置字体样式 38

2.5.5 编辑段落 39

2.5.6 检查拼写 41

2.5.7 创建项目列表 42

2.6 用图像美化网页 43

2.6.1 选择合适的图像格式 43

2.6.2 插入图像 44

2.6.3 设置图像属性 45

2.6.4 插入鼠标经过图像 46

2.7 创建链接 47

2.7.1 了解链接 47

2.7.2 创建链接 49

2.7.3 创建图像热点链接 51

2.7.4 创建电子邮件链接 51

2.7.5 创建下载文件的链接 52

2.7.6 创建空链接 53

2.7.7 创建脚本链接 53

2.8 综合实战——制作图文并茂的网页 54

高手支招 设置外部的图片编辑器 55

第3章 创建网页样式——CSS 57

3.1 网页设计中的CSS 58

3.1.1 CSS的作用 58

3.1.2 CSS的基本使用方法 59

3.2 定义CSS样式的属性 60

3.2.1 定义文本样式 62

3.2.2 定义背景样式 63

3.2.3 定义区块样式 64

3.2.4 定义方框样式 64

3.2.5 定义边框样式 65

3.2.6 定义列表样式 65

3.2.7 定义定位样式 66

3.2.8 定义扩展样式 67

3.2.9 定义过渡样式 68

3.2.10 创建嵌入式CSS样式 69

3.2.11 链接外部样式表 70

3.3 编辑CSS样式 72

3.3.1 修改CSS样式 72

3.3.2 删除CSS样式 72

3.3.3 复制CSS样式 73

3.4 过滤器 73

3.4.1 Alpha属性 74

3.4.2 Blur属性 75

3.4.3 Chroma属性 76

3.4.4 DropShadow属性 77

3.4.5 FlipH和FlipV属性 78

3.4.6 Glow属性 79

3.4.7 Gray属性 79

3.4.8 Invert属性 80

3.4.9 Mask属性 81

3.4.10 Shadow属性 81

3.4.11 Wave属性 82

3.4.12 Xray属性 83

3.5 综合实战1——创建第一个使用CSS的网页 84

3.6 综合实践2——定义网页样式和边框 85

高手支招 CSS字体简写原则 86

第4章 灵活的网页布局——CSS＋DIV 87

4.1 关于DIV 88

4.1.1 创建DIV 88

4.1.2 为什么要用CSS＋DIV布局 89

4.1.3 DIV的嵌套与固定格式 90

4.2 CSS定位与DIV布局 90

4.2.1 盒子模型 90

4.2.2 元素的定位 91

4.3 CSS＋DIV布局的常用方法 95

4.3.1 使用DIV对页面整体规划 95

4.3.2 设计各块的位置 96

4.3.3 使用CSS定位 96

4.4 综合实战1——固定宽度且居中的版式 98

4.5 综合实战2——左中右版式 104

高手支招 移除超链接的虚线 106

将固定宽度的页面居中 106

第5章 使用网页元素美化网页——添加对象 107

5.1 插入水平线 108

5.2 插入日期 109

5.3 插入特殊字符 109

5.4 插入Flash对象 110

5.4.1 插入Flash动画 110

5.4.2 插入FLV文件 111

5.5 插入Shockwave动画插件 113

5.6 插入声音 114

5.7 插入Java小程序 114

5.8 插入ActiveX控件 115

5.9 使用HTML 5 Audio和Video API 115

5.10 设置多媒体属性 116

5.11 综合实战——插入透明Flash背景 117

高手支招 如何查看FLV文件 118

如何正常显示插入的Active 118

第6章 让网页动起来——用表单创建交互网页 119

6.1 创建表单域 120

6.2 插入文本域 120

6.2.1 单行文本域 120

6.2.2 多行文本域 121

6.2.3 密码域 121

6.2.4 调查表的制作 121

6.3 复选框和单选按钮 123

6.3.1 复选框 123

6.3.2 单选按钮 124

6.3.3 单选按钮组 124

6.4 列表和菜单 125

6.4.1 下拉菜单 125

6.4.2 滚动列表 126

6.5 使用按钮激活表单 126

6.5.1 插入按钮 126

6.5.2 图像按钮 127

6.6 使用隐藏域和文件域 128

6.6.1 隐藏域 128

6.6.2 文件域 128

6.7 综合实战——制作留言板 129

高手支招 如何保证表单在浏览器中正常显示 132

第7章 从此告别单调——用行为丰富页面 133

7.1 应用行为 134

7.1.1 编辑行为 134

7.1.2 添加行为 135

7.2 标准事件 135

7.3 标准动作 137

7.3.1 交换图像 138

7.3.2 弹出信息 139

7.3.3 打开浏览器窗口 139

7.3.4 调用JavaScript 140

7.3.5 检查插件 141

7.3.6 转到URL 142

7.3.7 预先载入图像 142

7.3.8 设置文本 143

7.3.9 显示-隐藏元素 145

7.3.10 改变属性 145

7.3.11 恢复交换图像 146

7.3.12 检查表单 147

7.4 综合实战1——创建跳转菜单 147

7.5 综合实战2——拖动AP元素 149

高手支招 下载并使用更多的行为 150

在使用模板创建的网页中添加行为 150

第8章 动态网站开发筹备 151

8.1 ASP基础 152

8.1.1 初识ASP 152

8.1.2 创建ASP页面 152

8.2 配置IIS服务器 152

8.2.1 IIS简介 153

8.2.2 安装IIS组件 154

8.2.3 设置IIS服务器 154

8.3 连接数据库 156

8.3.1 创建数据库 156

8.3.2 定义站点 157

8.3.3 创建ODBC数据源 159

8.3.4 连接数据库 160

8.4 综合实战——留言板网站运行测试 160

高手支招 如何卸载IIS 161

设置【Internet选项】 162

第2篇 图片处理篇 164

第9章 Photoshop CC的基础操作 164

9.1 认识Photoshop CC工作界面 165

9.1.1 菜单栏 165

9.1.2 工具箱 166

9.1.3 选项栏 167

9.1.4 面板 167

9.1.5 状态栏 168

9.2 文件的基本操作 168

9.2.1 新建文件 168

9.2.2 打开文件 169

9.2.3 保存文件 170

9.2.4 关闭文件 173

9.3 图像的基本操作 174

9.3.1 查看图像 174

9.3.2 裁剪图像 179

9.3.3 修改图像大小 181

9.4 选区的基本操作 182

9.4.1 创建矩形和圆形选区 182

9.4.2 使用【选择】命令选择选区 186

9.4.3 使用【修改】命令调整选区 187

9.4.4 修改选区 190

9.4.5 管理选区 191

9.5 调整图像的色彩 192

9.5.1 设定前景色和背景色 192

9.5.2 使用拾色器设置颜色 193

9.5.3 使用【颜色】面板设置颜色 194

9.5.4 使用【色板】设置颜色 195

9.5.5 使用【吸管工具】设置颜色 196

9.5.6 使用【渐变工具】填充 196

9.6 图像色彩的高级调整 198

9.6.1 调整图像的色阶 198

9.6.2 调整图像的亮度/对比度 200

9.6.3 调整图像的色彩平衡 201

9.6.4 调整图像的曲线 202

9.6.5 调整图像的色相/饱和度 203

9.6.6 将彩色照片变成黑白照片 204

9.6.7 匹配图像颜色 204

9.6.8 为图像替换颜色 205

9.6.9 使用【可选颜色】命令调整图像 206

9.6.10 调整图像的阴影/高光 207

9.6.11 调整图像的曝光度 208

9.6.12 使用【通道混和器】命令调整图像的颜色 209

9.6.13 为图像添加渐变映射效果 210

9.6.14 调整图像的偏色 211

9.6.15 实现图片的底片效果 211

9.6.16 使用【色调均化】命令调整图像 212

9.6.17 制作黑白分明的图像效果 212

9.6.18 实现图片的特殊效果 213

9.6.19 实现图像不同色调区的调整 213

9.6.20 使用【自然饱和度】命令调整图像的色彩 214

9.6.21 使用【黑白】命令调整图像的色彩 214

9.6.22 自动调整图像 215

9.7 综合实战——为图片转换背景 215

高手支招 裁剪工具使用技巧 216

抠取照片中的人物 217

第10章 绘制与修饰图形图像 219

10.1 绘画工具 220

10.1.1 用【画笔】工具柔化皮肤 220

10.1.2 用【历史记录画笔】工具恢复色彩 222

10.1.3 用【历史记录艺术画笔工具】制作粉笔画 223

10.2 图像的修复 224

10.2.1 变换图形 224

10.2.2 使用【仿制图章工具】复制图像 225

10.2.3 使用【图案图章工具】制作特效背景 226

10.2.4 用【修复画笔工具】去除皱纹 226

10.2.5 用【污点修复画笔工具】去除雀斑 227

10.3 用【消失点】滤镜复制图像 229

10.4 图像的润饰 229

10.4.1 消除照片上的红眼 229

10.4.2 用模糊工具制作景深效果 230

10.4.3 实现图像的清晰化效果 231

10.4.4 用【涂抹工具】制作风刮效果 231

10.4.5 加深/减淡图像区域 232

10.4.6 用【海绵工具】制作艺术效果 232

10.5 擦除图像 233

10.5.1 制作图案叠加的效果 233

10.5.2 擦除背景颜色 234

10.5.3 使用魔术橡皮擦工具擦除背景 235

10.6 矢量工具创建的内容 236

10.6.1 形状图层 236

10.6.2 工作路径 237

10.6.3 填充区域 237

10.7 了解路径与锚点 238

10.7.1 填充路径 239

10.7.2 描边路径 239

10.7.3 路径和选区的转换 240

10.7.4 工作路径 240

10.7.5 【创建新路径】、【删除当前路径】按钮的使用 241

10.7.6 剪贴路径 241

10.8 锚点 242

10.9 使用形状工具 243

10.9.1 绘制规则形状 243

10.9.2 绘制不规则形状 246

10.9.3 自定义形状 247

10.10 钢笔工具 247

10.11 综合实战——删除照片中的无用文字 249

高手支招 如何巧妙“移植”对象 250

选择不规则图像 251

第11章 创建文字及效果 253

11.1 创建文字和文字选区 254

11.1.1 输入文字 254

11.1.2 设置文字属性 255

11.1.3 设置段落属性 255

11.2 转换文字形状 256

11.3 通过面板设置文字格式 256

11.4 栅格化文字 257

11.5 创建变形文字 258

11.6 创建路径文字 259

11.7 综合实战——翡翠文字 260

高手支招 为Photoshop添加字体 262

用【钢笔工具】和【文字工具】创建区域文字效果 262

第12章 图像的高级处理——图层、通道和蒙版 263

12.1 【图层】面板 264

12.2 图层的基本操作 265

12.2.1 选择图层 265

12.2.2 调整图层叠加次序 265

12.2.3 合并与拼合图层 266

12.2.4 图层编组 267

12.2.5 图层的对齐与分布 268

12.3 用图层组管理图层 269

12.3.1 管理图层 269

12.3.2 图层组的嵌套 270

12.3.3 图层组内图层位置的调整 270

12.4 图层样式 271

12.4.1 使用图层样式 271

12.4.2 制作投影效果 272

12.4.3 制作内阴影效果 273

12.4.4 制作文字外发光效果 273

12.4.5 制作内发光效果 274

12.4.6 创建立体图标 275

12.4.7 为文字添加光泽度 276

12.4.8 为图层内容套印颜色 277

12.4.9 实现图层内容套印渐变效果 278

12.4.10 为图层内容套印图案混合效果 278

12.4.11 为文字添加描边效果 279

12.5 图层的混合技术 280

12.5.1 盖印图层 280

12.5.2 图层的不透明度 281

12.5.3 填充图层 281

12.5.4 调整图层 282

12.5.5 自动对齐图层和自动混合图层 283

12.6 【通道】面板 285

12.7 通道的基本操作 286

12.7.1 分离通道 286

12.7.2 合并通道 287

12.7.3 应用图像 287

12.7.4 计算 288

12.8 矢量蒙版 289

12.9 蒙版的应用 290

12.9.1 创建蒙版 290

12.9.2 删除蒙版与停用蒙版 291

12.9.3 快速蒙版 291

12.9.4 剪切蒙版 292

12.9.5 图层蒙版 294

12.10 综合实战——制作啤酒广告 295

高手支招 复制智能滤镜 297

如何在通道中改变图像的色彩 297

第3篇 动画增效篇 300

第13章 Flash CC的基本操作 300

13.1 Flash CC的工作界面 301

13.1.1 开始页 301

13.1.2 工作界面 302

13.2 Flash文件的基本操作 302

13.2.1 新建Flash文件 302

13.2.2 打开Flash文件 303

13.2.3 保存和关闭Flash文件 304

13.3 常用绘图工具的应用 305

13.3.1 铅笔工具 305

13.3.2 钢笔工具 307

13.3.3 椭圆和基本椭圆工具 309

13.3.4 矩形和基本矩形工具 310

13.3.5 颜色工具 311

13.3.6 墨水瓶工具 313

13.3.7 颜料桶工具 314

13.3.8 滴管工具 316

13.3.9 渐变变形工具 317

13.4 对象的基本操作 318

13.4.1 选取对象 318

13.4.2 移动对象 319

13.4.3 复制对象 321

13.4.4 删除对象 322

13.4.5 对象的编组 323

13.4.6 变形对象 324

13.5 使用文字对象 327

13.5.1 使用文本工具输入文字 327

13.5.2 文字输入状态 328

13.5.3 对文字整体变形 329

13.5.4 对文字局部变形 330

13.6 综合实战1——绘制卡通动物 332

13.7 综合实战2——制作互动媒体按钮 334

高手支招 绘制五角星的方法 336

钢笔工具的灵活应用 336

如何在Flash中设置透明的渐变 337

第14章 管理我的动画素材——元件和库的运用 339

14.1 认识图层和时间轴 340

14.1.1 认识图层 340

14.1.2 图层的基本操作 341

14.1.3 认识“时间轴”面板 343

14.1.4 “时间轴”面板的基本操作 343

14.2 认识与创建元件 345

14.2.1 元件类型 345

14.2.2 创建图形元件 346

14.2.3 创建影片剪辑 347

14.2.4 创建按钮 348

14.3.5 启用按钮 350

14.3 使用“库”面板 351

14.3.1 认识“库”面板 351

14.3.2 库的管理和使用 352

14.4 综合实战——制作绚丽按钮 354

高手支招 正确区分图形、按钮和影片剪辑3种元件的方法 358

如何区分元件和实例 359

第15章 让静止的图片动起来——制作动画 361

15.1 制作逐帧动画 362

15.2 制作形状补间动画 363

15.2.1 制作简单变形 363

15.2.2 控制变形 364

15.3 制作补间动画 365

15.3.1 制作简单补间 365

15.3.2 制作多种渐变运动 366

15.4 制作传统补间动画 368

15.4.1 简单的传统补间动画 368

15.4.2 制作飘落的花 369

15.5 制作引导动画 371

15.5.1 引导动画的制作步骤 371

15.5.2 制作飞翔的海鸟 373

15.6 制作遮罩动画 375

15.6.1 创建遮罩图层 375

15.6.2 百叶窗效果 376

15.7 综合实战1——制作网站片头 380

15.8 综合实战2——制作逐渐显示的古诗 385

高手支招 如何在制作补间形状动画时获得最佳效果 387

如何制作一个点慢慢延伸出来的效果 388

第16章 欣赏制作的动画——测试和优化Flash作品 389

16.1 优化Flash影片 390

16.2 输出动画 391

16.2.1 SWF动画 391

16.2.2 GIF动画 393

16.3 影片的发布设置 395

16.3.1 【发布设置】对话框 395

16.3.2 发布Flash影片设置 396

16.4 综合实战——生成可执行文件 396

高手支招 如何导出单个和批量的文件 398

如何处理“帧”来优化影片 398

第4篇 综合实战篇 400

第17章 个人网站开发 400

17.1 网站开发的前期准备工作 401

17.1.1 确定网站的主题 401

17.1.2 确定网站的栏目并布局草图 401

17.2 创建本地站点 402

17.3 制作网站 402

17.3.1 制作网站的导航部分 402

17.3.2 制作网站的主体部分 406

17.3.3 制作网站版权信息部分 411

17.3.4 添加网页特效 414

高手支招 如何让人喜欢自己的网站 418

提高网站的创新性 418

第18章 商业网站开发 419

18.1 网站开发的前期准备工作 420

18.1.1 网站的策划 420

18.1.2 定位网站主题 420

18.1.3 确定网站的栏目和结构 420

18.1.4 准备网站素材 420

18.2 创建本地站点 421

18.3 库网页的制作 421

18.3.1 创建顶部库文件 421

18.3.2 创建底部库文件 428

18.4 创建模板 429

18.5 利用模板制作网页 435

高手支招 商业网站规划常见的问题 438

商业网站内容缺乏症的治疗 438

第19章 用Photoshop设计网页 439

19.1 汽车网页设计 440

19.2 房地产网页设计 448

第20章 制作Flash广告 453

20.1 Flash广告设计基础 454

20.2 基本制作步骤 454

20.3 设计前的指导 455

20.4 动画制作步骤详解 456

高手支招 如何才能有条理地制作动画 470

如何才能有条理地制作比较复杂的广告 470

如何才能遮住多余的影片 470

第21章 使用Flash制作企业门户网站 471

21.1 Photoshop CC设计网页元素 472

21.1.1 制作背景 472

21.1.2 制作LOGO 473

21.1.3 制作菜单 475

21.2 使用Flash制作宣传动画 476

21.3 使用Dreamweaver制作页面 479

21.3.1 需求分析 479

21.3.2 结构与布局 479

21.3.3 网站制作步骤 479

第5篇 高手秘技篇 488

第22章 打造赏心悦目的网站 488

22.1 色彩的基础知识 489

22.2 网页的安全颜色 490

22.3 如何处理色彩 491

22.4 网页色彩搭配原理 493

22.5 网页中色彩的搭配 493

22.6 网页元素的色彩搭配 494

22.7 网页色彩的搭配技巧 495

22.8 网页颜色的使用风格 497

22.9 精彩配色赏析 498

22.10 网站设计的风格定位 498

22.11 网站的版面编排 499

22.12 网站上的线条和形状 500

第23章 网站的优化与推广 501

23.1 网站宣传途径 502

23.2 SEO的作用 504

23.3 让更多的人从外部访问网站 504

23.4 使用关键词提高搜索引擎排名 506

23.5 保持站点的干净整洁 508

23.6 使用紧凑的网页主题 508

23.7 保证网站空间的稳定性 508

第24章 使用滤镜、笔刷和纹理 509

24.1 Eye Candy滤镜 510

24.2 KPT滤镜 511

24.3 使用笔刷绘制复杂的图案 511

24.4 使用纹理实现拼贴效果 512