Dreamweaver+Flash+Photoshop网页设计案例课堂PDF电子书下载

第1篇 Dreamweaver网页设计篇 3

第1章 网页设计与网站建设认知 3

1.1 认识网页和网站 4

1.1.1 什么是网页 4

1.1.2 什么是网站 4

1.1.3 网站的种类和特点 5

1.2 网页的相关概念 6

1.2.1 因特网与万维网 6

1.2.2 浏览器与HTML 6

1.2.3 URL、域名与IP地址 7

1.2.4 上传和下载 8

1.3 网页的HTML文档构成 8

1.3.1 文档标签 8

1.3.2 头部标签 9

1.3.3 主体标签 9

1.4 HTML的常用标签 10

1.4.1 标题标签＜h1＞到＜h6＞ 10

1.4.2 段落标签＜p＞ 11

1.4.3 换行标签＜br＞ 12

1.4.4 链接标签＜a＞ 13

1.4.5 列表标签＜ul＞ 14

1.4.6 图像标签＜img＞ 16

1.4.7 表格标签＜table＞ 19

1.4.8 框架标签＜frame＞ 20

1.4.9 表单标签＜form＞ 22

1.4.10 注释标签＜！＞ 23

1.4.11 移动标签＜marquee＞ 24

1.5 实战演练——制作日程表 25

1.6 跟我练练手 28

1.6.1 练习目标 28

1.6.2 上机练习 28

1.7 高手甜点 28

第2章 网站建设基本流程 31

2.1 建站方式 32

2.1.1 自助建站 32

2.1.2 智能建站 33

2.1.3 专业设计 34

2.2 建站流程 34

2.2.1 网站规划 34

2.2.2 搜集资料 34

2.2.3 制作网页 35

2.2.4 网站测试 36

2.2.5 申请域名 36

2.2.6 申请空间 36

2.2.7 网站备案 36

2.2.8 发布网页 39

2.2.9 网站推广和维护 40

2.3 制作网页的常用软件 40

2.3.1 网页布局软件Dreamweaver 40

2.3.2 图形图像处理软件Photoshop 41

2.3.3 动画制作软件Flash 42

2.3.4 软件间的相互关系 43

2.4 跟我练练手 44

2.4.1 练习目标 44

2.4.2 上机练习 45

2.5 高手甜点 45

第3章 磨刀不误砍柴工——用Dreamweaver创建网站站点 47

3.1 认识Dreamweaver的工作环境 48

3.1.1 启动Dreamweaver 48

3.1.2 认识Dreamweaver的工作区 49

3.1.3 熟悉Dreamweaver CS6的面板 52

3.2 创建站点 54

3.2.1 创建本地站点 54

3.2.2 使用【文件】面板创建站点 55

3.3 管理站点 56

3.3.1 打开站点 56

3.3.2 编辑站点 56

3.3.3 删除站点 57

3.3.4 复制站点 58

3.4 操作站点文件及文件夹 58

3.4.1 创建文件夹 58

3.4.2 创建文件 59

3.4.3 文件或文件夹的移动和复制 60

3.4.4 删除文件或文件夹 60

3.5 实战演练——建立站点文件和文件夹 61

3.6 跟我练练手 62

3.6.1 练习目标 62

3.6.2 上机练习 62

3.7 高手甜点 63

第4章 制作我的第一个网页——添加网页内容要素 65

4.1 文档的基本操作 66

4.1.1 创建空白文档 66

4.1.2 设置页面属性 66

4.2 使用文字美化网页 71

4.2.1 插入文字 71

4.2.2 设置字体 72

4.2.3 设置字号 74

4.2.4 设置字体颜色 75

4.2.5 设置字体样式 76

4.2.6 编辑段落 78

4.2.7 检查拼写 83

4.2.8 创建项目列表 84

4.3 使用图像美化网页 87

4.3.1 插入图像 87

4.3.2 图像属性设置 89

4.3.3 图像的对齐方式 91

4.3.4 设置鼠标经过时更换图像效果 92

4.3.5 插入图像占位符 94

4.4 使用动画美化网页 95

4.4.1 插入Flash动画 95

4.4.2 插入FLV视频 96

4.5 使用其他网页元素美化网页 98

4.5.1 插入水平线 98

4.5.2 插入日期 99

4.5.3 插入特殊字符 100

4.6 实战演练——制作图文并茂的网页 101

4.7 跟我练练手 103

4.7.1 练习目标 103

4.7.2 上机练习 103

4.8 高手甜点 104

第5章 不在网页中迷路——设计网页超链接 105

5.1 链接与路径 106

5.1.1 链接的概念 106

5.1.2 链接的路径 106

5.1.3 链接的类型 108

5.2 添加网页超链接 108

5.2.1 添加文本链接 108

5.2.2 添加图像链接 109

5.2.3 创建外部链接 110

5.2.4 创建锚记链接 111

5.2.5 创建图像热点链接 113

5.2.6 创建电子邮件链接 114

5.2.7 创建下载文件的链接 115

5.2.8 创建空链接 116

5.2.9 创建脚本链接 117

5.2.10 链接的检查 118

5.3 实战演练——为企业网站添加友情链接 119

5.4 跟我练练手 119

5.4.1 练习目标 119

5.4.2 上机练习 120

5.5 高手甜点 120

第6章 让网页互动起来——使用网页表单和行为 121

6.1 在网页中插入表单元素 122

6.1.1 插入表单域 122

6.1.2 插入文本域 123

6.1.3 插入单行文本域 123

6.1.4 插入多行文本域 124

6.1.5 插入密码域 124

6.2 在网页中插入复选框和单选按钮 125

6.2.1 插入复选框 125

6.2.2 插入单选按钮 126

6.3 制作网页列表和菜单 126

6.3.1 插入下拉菜单 126

6.3.2 插入滚动列表 127

6.4 在网页中插入按钮 128

6.4.1 插入按钮 128

6.4.2 插入图像按钮 128

6.5 添加网页行为 129

6.5.1 打开【行为】面板 129

6.5.2 添加行为 130

6.6 常用行为的应用 131

6.6.1 交换图像 131

6.6.2 弹出信息 132

6.6.3 打开浏览器窗口 133

6.6.4 检查表单行为 135

6.6.5 设置状态栏文本 137

6.7 实战演练——使用表单制作留言本 138

6.8 跟我练练手 142

6.8.1 练习目标 142

6.8.2 上机练习 142

6.9 高手甜点 142

第2篇 Photoshop图像设计篇 145

第7章 网页图像说变就变——选取并调整网页图像 145

7.1 选取网页图像 146

7.1.1 【缩放工具】的使用 146

7.1.2 【抓手工具】的使用 146

7.1.3 选框工具的使用 147

7.1.4 【钢笔工具】的使用 148

7.1.5 【套索工具】的使用 149

7.1.6 【多边形套索工具】的使用 149

7.1.7 【磁性套索工具】的使用 150

7.1.8 【魔棒工具】的使用 151

7.1.9 【快速选择工具】的使用 151

7.1.10 【渐变工具】的使用 152

7.2 调整网页图像色彩 154

7.2.1 使用【亮度／对比度】命令调整图像 154

7.2.2 使用【色阶】命令调整图像 154

7.2.3 使用【曲线】命令调整图像 155

7.2.4 使用【色彩平衡】命令调整图像 156

7.2.5 使用【色相／饱和度】命令调整图像 157

7.3 修饰网页图像内容 157

7.3.1 使用【污点修复画笔工具】修复图像 158

7.3.2 使用【修复画笔工具】修饰图像 159

7.3.3 使用【仿制图章工具】修饰图像 159

7.3.4 使用【模糊工具】修饰图像 160

7.3.5 使用【锐化工具】修饰图像 161

7.3.6 使用【涂抹工具】修饰图像 162

7.3.7 使用【海绵工具】修饰图像 165

7.4 实战演练——为照片更换背景 165

7.5 跟我练练手 167

7.5.1 练习目标 167

7.5.2 上机练习 167

7.6 高手甜点 167

第8章 有情有义的文字——制作网页特效文字 169

8.1 案例1——制作立体文字 170

8.2 案例2——制作水晶文字 173

8.3 案例3——制作燃烧的文字 174

8.4 案例4——制作特效艺术文字 178

8.5 案例5——制作金属字效果 184

8.6 案例6——制作闪烁字效果 188

8.7 跟我练练手 191

8.7.1 练习目标 191

8.7.2 上机练习 191

8.8 高手甜点 192

第9章 网页设计基础——制作特效网页元素 193

9.1 网页图像的图层 194

9.1.1 认识【图层】面板 194

9.1.2 图层的分类 194

9.1.3 创建图层 199

9.1.4 隐藏与显示图层 199

9.1.5 对齐图层 200

9.1.6 合并图层 201

9.1.7 设置不透明度和填充 202

9.2 设置图像的图层样式 204

9.2.1 案例1——光影效果 204

9.2.2 案例2——浮雕效果 207

9.2.3 案例3——叠加效果 208

9.3 设置图像的蒙版效果 210

9.3.1 案例4——剪贴蒙版 210

9.3.2 案例5——快速蒙版 212

9.3.3 案例6——图层蒙版 214

9.3.4 案例7——矢量蒙版 217

9.4 设置图像的通道 218

9.4.1 案例8——复合通道 218

9.4.2 案例9——颜色通道 222

9.4.3 案例10——专色通道 224

9.4.4 案例11——计算法通道 226

9.5 设置图像的滤镜效果 229

9.5.1 案例12——【镜头校正】滤镜 229

9.5.2 案例13——【消失点】滤镜 230

9.5.3 案例14——【风】滤镜 232

9.5.4 案例15——【马赛克】滤镜 232

9.5.5 案例16——【旋转扭曲】滤镜 233

9.5.6 案例17——【模糊】滤镜 234

9.5.7 案例18——【渲染】滤镜 235

9.5.8 案例19——【艺术效果】滤镜 238

9.6 实战演练——校正偏红图片 240

9.7 跟我练练手 242

9.7.1 练习目标 242

9.7.2 上机练习 242

9.8 高手甜点 243

第10章 网页的标志——制作网站Logo与Banner 245

10.1 制作时尚空间感的文字Logo 246

10.1.1 案例1——制作背景 246

10.1.2 案例2——制作文字内容 247

10.1.3 案例3——绘制自定义形状 248

10.1.4 案例4——美化文字Logo 249

10.2 制作网页图案Logo 251

10.2.1 案例5——制作背景 251

10.2.2 案例6——制作图案效果 253

10.3 制作网页图文结合Logo 255

10.3.1 案例7——制作网站Logo中的图案 255

10.3.2 案例8——制作网站Logo中的文字 257

10.4 制作网页英文Banner 259

10.4.1 案例9——制作Banner背景 259

10.4.2 案例10——制作Banner底纹 260

10.4.3 案例11——制作文字特效 261

10.5 制作网页中文Banner 262

10.5.1 案例12——输入特效文字 262

10.5.2 案例13——将输入的文字设置为3D效果 263

10.5.3 案例14——制作Banner背景 265

10.6 跟我练练手 267

10.6.1 练习目标 267

10.6.2 上机练习 267

10.7 高手甜点 267

第11章 制作网页导航条 269

11.1 网页导航条简介 270

11.2 制作网页导航条 270

11.2.1 案例1——制作横向导航条框架 270

11.2.2 案例2——制作横向导航条斜纹 271

11.2.3 案例3——制作纵向导航条 273

11.3 跟我练练手 276

11.3.1 练习目标 276

11.3.2 上机练习 276

11.4 高手甜点 276

第12章 网页中迷人的蓝海——制作网页按钮与特效边线 279

12.1 制作按钮 280

12.1.1 制作普通按钮 280

12.1.2 制作迷你按钮 282

12.1.3 制作水晶按钮 285

12.1.4 制作木纹按钮 290

12.2 制作装饰边线 293

12.2.1 制作装饰虚线 293

12.2.2 制作分割线条 296

12.2.3 制作斜纹区域 297

12.3 跟我练练手 299

12.3.1 练习目标 299

12.3.2 上机练习 299

12.4 高手甜点 299

第3篇 Flash动画设计篇 303

第13章 制作简单的网站动画 303

13.1 Flash的基本功能 304

13.1.1 绘制矢量绘图 304

13.1.2 设计制作动画 304

13.1.3 强大的编程功能 305

13.2 认识图层与时间轴 305

13.2.1 认识图层 305

13.2.2 图层的基本操作 306

13.2.3 认识【时间轴】面板 309

13.2.4 【时间轴】面板的基本操作 310

13.3 制作常用的简单动画 311

13.3.1 制作逐帧动画 311

13.3.2 制作形状补间动画 312

13.3.3 制作补间动画 314

13.3.4 制作传统补间动画 316

13.4 跟我练练手 317

13.4.1 练习目标 317

13.4.2 上机练习 317

13.5 高手甜点 318

第14章 制作动态的网站Logo与Banner 319

14.1 制作滚动文字Logo 320

14.1.1 设置文档属性 320

14.1.2 制作文字元件 321

14.1.3 制作滚动效果 321

14.2 制作产品Banner 324

14.2.1 制作文字动画 324

14.2.2 制作文字遮罩动画 326

14.2.3 制作图片动画 327

14.3 跟我练练手 329

14.3.1 练习目标 329

14.3.2 上机练习 329

14.4 高手甜点 329

第15章 测试和优化Flash作品 331

15.1 优化Flash影片 332

15.2 输出动画 333

15.2.1 SWF动画 333

15.2.2 GIF动画 336

15.3 影片的发布 337

15.3.1 影片的发布设置 337

15.3.2 影片的发布预览 338

15.4 跟我练练手 339

15.4.1 练习目标 339

15.4.2 上机练习 340

15.5 高手甜点 340

第4篇 网页美化布局篇 343

第16章 读懂样式表密码——使用CSS样式表美化网页 343

16.1 初识CSS 344

16.1.1 CSS概述 344

16.1.2 CSS的作用 344

16.1.3 基本CSS语法 345

16.2 使用CSS样式美化网页 345

16.2.1 使用字体样式美化文字 345

16.2.2 使用文本样式美化文本 348

16.2.3 使用背景样式美化背景 352

16.2.4 使用链接样式美化链接 355

16.2.5 使用列表样式美化列表 355

16.2.6 使用区块样式美化区块 357

16.2.7 使用宽高样式设定宽高 359

16.2.8 使用边框样式美化边框 360

16.3 使用CSS滤镜美化网页 361

16.3.1 CSS滤镜概述 361

16.3.2 案例1——Alpha（通道）滤镜 362

16.3.3 案例2——Blur（模糊）滤镜 364

16.3.4 案例3——Chroma（透明色）滤镜 366

16.3.5 案例4——DropShadow（下落阴影）滤镜 366

16.3.6 案例5——FlipH（水平翻转）滤镜和FlipV（垂直翻转）滤镜 368

16.3.7 案例6——Glow（光晕）滤镜 369

16.3.8 案例7——Gray（灰色）滤镜 370

16.3.9 案例8——Invert（反色）滤镜 371

16.3.10 案例9——Mask（遮罩）滤镜 372

16.3.11 案例10——Shadow（阴影）滤镜 372

16.3.12 案例11——Wave（波浪）滤镜 373

16.3.13 案例12——X-ray（X射线）滤镜 375

16.4 实战演练——设定网页中链接样式 375

16.5 跟我练练手 379

16.5.1 练习目标 379

16.5.2 上机练习 379

16.6 高手甜点 379

第17章 架构师的大比拼——网页布局典型范例 381

17.1 使用CSS排版 382

17.1.1 将页面用DIV分块 382

17.1.2 设置各块位置 382

17.1.3 用CSS定位 383

17.2 固定宽度网页剖析与布局 386

17.2.1 网页单列布局模式 386

17.2.2 网页1-2-1型布局模式 390

17.2.3 网页1-3-1型布局模式 394

17.3 自动缩放网页1-2-1型布局模式 398

17.3.1 “1-2-1”等比例变宽布局 399

17.3.2 “1-2-1”单列变宽布局 399

17.4 自动缩放网页1-3-1型布局模式 400

17.4.1 “1-3-1”三列宽度等比例布局 401

17.4.2 “1-3-1”单侧列宽度固定的变宽布局 401

17.4.3 “1-3-1”中间列宽度固定的变宽布局 404

17.4.4 “1-3-1”双侧列宽度固定的变宽布局 408

17.4.5 “1-3-1”中列和侧列宽度固定的变宽布局 412

17.5 实战演练——使用CSS设定网页布局列的背景色 415

17.6 跟我练练手 417

17.6.1 练习目标 417

17.6.2 上机练习 417

17.7 高手甜点 417

第5篇 动态网站实战篇 421

第18章 制作动态网页基础——构建动态网站的运行环境 421

18.1 准备互动网页的执行环境 422

18.1.1 什么是PHP 422

18.1.2 执行PHP程序 422

18.2 架设IIS+PHP的执行环境 422

18.2.1 案例1——IIS网站服务器的安装与设置 422

18.2.2 案例2——在IIS网站服务器上安装PHP 425

18.3 架设Apache+PHP的执行环境 428

18.3.1 案例3——Apache网站服务器的安装与设置 428

18.3.2 案例4——在Apache网站服务器上安装PHP 433

18.4 MySQL数据库的安装 436

18.4.1 案例5——MySQL数据库的安装 436

18.4.2 案例6——phpMyAdmin的安装 439

18.5 实战演练——快速安装PHP集成环境：AppServ 2.5 440

18.6 跟我练练手 443

18.6.1 练习目标 443

18.6.2 上机练习 443

18.7 高手甜点 443

第19章 架起动态网页的桥梁——定义动态网站与使用MySQL数据库 445

19.1 定义一个互动网站 446

19.1.1 定义互动网站的重要性 446

19.1.2 在Dreamweaver中定义网站 446

19.2 MySQL数据库的使用 449

19.2.1 数据库的原理 450

19.2.2 数据库的建立 451

19.3 在网页中使用MySQL数据库 457

19.3.1 网页取得数据库的原理 457

19.3.2 案例1——建立MySQL数据库连接 458

19.3.3 案例2——绑定记录集 459

19.4 加密MySQL数据库 462

19.4.1 MySQL数据库的安全问题 462

19.4.2 案例3——为MySQL管理账号加上密码 463

19.5 实战演练——数据库的备份与还原 464

19.6 跟我练练手 466

19.6.1 练习目标 466

19.6.2 上机练习 467

19.7 高手甜点 467

第20章 开启动态网页制作之路动态网站应用模块开发 469

20.1 网站模块的概念 470

20.2 网站模块的使用 470

20.2.1 程序源文件的复制 470

20.2.2 新建站点 470

20.3 常用动态网站模块开发 471

20.3.1 在线点播模块开发 471

20.3.2 网页搜索模块开发 472

20.3.3 在线支付模块开发 474

20.3.4 在线客服模块开发 474

20.3.5 天气预报模块开发 475

第21章 电子商务类网站开发实战 477

21.1 网站分析与准备工作 478

21.1.1 设计分析 478

21.1.2 网站流程 478

21.1.3 数据库分析 478

21.1.4 制作程序基本数据表 480

21.2 网站结构分析 481

21.3 网站主页面的制作 482

21.3.1 管理站点 482

21.3.2 网站广告管理主页面的制作 482

21.4 网站二级页面的制作 484

21.4.1 企业新闻列表页 484

21.4.2 企业产品展示列表页 485

21.5 网站后台分析与讨论 487

21.6 网站成品预览 487