网页设计基础教程与上机指导PDF电子书下载

第1章　网页设计基础知识 1

1.1 网站与网站开发 1

1.1.1 网站的概念 1

1.1.2 网站的构成 2

1.1.3　HTTP与FTP 3

1.1.4　IP地址与域名 4

1.1.5　网站开发语言 5

1.2 网页与网页设计 7

1.2.1 了解网页 7

1.2.2　网页构成元素 7

1.2.3 了解网页设计 8

1.3　网站规划设计 9

1.3.1 了解客户的需求 9

1.3.2　制作项目规划文案 10

1.3.3　规划网站主题及风格 11

1.3.4　规划网站内容 12

1.3.5 设计网站栏目及地图 12

1.3.6　制作网站页面 13

1.3.7　发布与推广网站 13

1.4 重点回顾 14

1.5 本章习题 15

第2章　网页设计必备知识 16

2.1 认识网页页面元素 16

2.1.1 网页页面元素种类 16

2.1.2　网页图像元素的格式 17

2.1.3 网页多媒体元素的分类 18

2.1.4　网页动画元素 20

2.2 网页版式与配色 21

2.2.1 页面版型的结构 21

2.2.2 认识网页安全色 22

2.2.3 基本配色的方法 23

2.3 设计网页图像元素 26

2.3.1 Logo设计 26

2.3.2 设计横幅 27

2.3.3 设计按钮 28

2.3.4 设计导航条 29

2.4 设计网页动画元素 30

2.4.1 设计按钮动画 30

2.4.2 设计横幅动画 31

2.4.3 设计动画广告 31

2.5　重点回顾 32

2.6　本章习题 33

第3章　Photoshop图像设计基础 34

3.1　Photoshop CS3的操作界面 34

3.1.1 菜单栏 35

3.1.2 工具箱 36

3.1.3　属性栏 36

3.1.4 面板组 36

3.1.5　状态栏 37

3.1.6 工具箱的使用 38

3.1.7　面板组的使用 41

3.1.8　切换屏幕模式 42

3.1.9 自定义工作区 44

3.2 图像文件的管理 45

3.2.1 新建文件 45

3.2.2 打开文件 46

3.2.3　保存文件 47

3.2.4　保存成网页文件 48

3.2.5 导入／导出图像 50

3.3 图像编辑基础操作 51

3.3.1 创建图像副本 51

3.3.2　应用图像效果 51

3.3.3 设置图像与画布大小 52

3.3.4 旋转画布与裁剪图像 54

3.4 重点回顾 56

3.5 本章习题 57

第4章　图像素材的编辑处理 59

4.1　优化图像色彩 59

4.1.1　调整图像色阶 60

4.1.2　调整色彩平衡 62

4.1.3　调整亮度和对比度 64

4.1.4　高反差与色调分离 65

4.1.5　图像的黑白转换 66

4.1.6　图像的综合变化处理 68

4.2　改善图像效果 71

4.2.1　减淡图像颜色 72

4.2.2　加深图像颜色 73

4.2.3　调整图像清晰度 73

4.2.4　调整图像饱和度 74

4.3　修改与美化图像 75

4.3.1 清除图像的污点 75

4.3.2　修复破损的图像 76

4.3.3 仿制图像 78

4.3.4　消除图像的红眼 80

4.4 上机指导——网页背景图像处理 81

4.5　重点回顾 83

4.6　本章习题 84

第5章　图像的合并与文本处理 86

5.1 利用选区取得图像素材 86

5.1.1　创建规则选区 86

5.1.2　创建不规则选区 89

5.1.3　创建基于色彩的选区 92

5.1.4　修改编辑选区 96

5.1.5　变换选区 100

5.1.6　存储与载入选区 101

5.1.7 制作光环效果 103

5.2　利用图层合成图像 105

5.2.1　认识图层与【图层】面板 105

5.2.2　创建图层 108

5.2.3　图层管理操作 114

5.2.4　混合与合并处理图层 117

5.2.5 制作图层合成效果 120

5.3　制作图像文本 122

5.3.1　输入图像文本 122

5.3.2　创建文本选区 124

5.3.3　输入段落文本 125

5.3.4　制作变形文本 126

5.3.5 设计环绕文本 126

5.3.6　套用文本样式 128

5.4　上机指导——网页横幅设计 130

5.5　重点回顾 132

5.6　本章习题 134

第6章 图像素材的特效设计 136

6.1 关于滤镜 136

6.2　使用滤镜处理网页图像 138

6.2.1 滤镜库 138

6.2.2 【抽出】滤镜 140

6.2.3 【液化】滤镜 141

6.2.4 【消失点】滤镜 143

6.2.5 【图案生成器】滤镜 145

6.3　其他滤镜的使用 147

6.3.1 【风格化】滤镜 147

6.3.2 【画笔描边】滤镜 149

6.3.3 【模糊】滤镜 150

6.3.4 【渲染】滤镜 151

6.3.5 【杂色】滤镜 153

6.3.6　其他滤镜 154

6.4 上机指导——设计网页广告图像 154

6.5　重点回顾 157

6.6　本章习题 158

第7章 网页图像的设计与输出 160

7.1 设计网页元素 160

7.1.1　制作Web按钮 160

7.1.2　制作Gif动画 164

7.1.3　设计网页背景 166

7.2　图像切片与输出网页 169

7.2.1 图像切片处理 169

7.2.2　最佳化切片 172

7.2.3　将图形保存为网页 174

7.3 制作Web照片画廊 176

7.4　上机指导——将图像输出为Web网页 177

7.5　重点回顾 182

7.6　本章习题 183

第8章　Flash应用基础 185

8.1 认识Flash CS3界面 185

8.1.1 欢迎屏幕 186

8.1.2 菜单栏 187

8.1.3　时间轴 188

8.1.4　工具箱 188

8.1.5　舞台 190

8.1.6 【属性】面板 190

8.1.7　面板组 191

8.2　管理Flash CS3文件 191

8.2.1　新建文件 191

8.2.2　打开文件 192

8.2.3　保存文件 193

8.2.4　设置文件属性 194

8.2.5　发布设置 195

8.2.6　发布与发布预览 197

8.3　Flash绘图基础 198

8.3.1　位图和矢量图 198

8.3.2　Flash的绘图模式 199

8.3.3　使用绘图工具 200

8.3.4　填充颜色和笔触 207

8.3.5　修改矢量图形 209

8.4　重点回顾 212

8.5　本章习题 213

第9章　Flash网页动画设计 214

9.1 Flash动画设计基础 214

9.1.1　Flash动画原理 214

9.1.2　制作Flash动画的元素 215

9.1.3　时间轴的基本操作 219

9.2　制作“补间动画”类型的动画 222

9.2.1　制作改变位置的动画 223

9.2.2 制作改变大小和透明度的动画 225

9.2.3　制作改变角度的旋转动画 227

9.2.4　制作改变颜色的变色动画 229

9.3　制作“补间形状”类型的动画 231

9.3.1 制作改变形状的变形动画 232

9.3.2　制作改变填充的变色动画 235

9.3.3　制作改变填充透明度的动画 237

9.4 高级Flash动画制作 240

9.4.1　使用形状提示功能 240

9.4.2　使用运动引导层 245

9.4.3　使用遮罩层 250

9.5 上机指导——设计网页横幅动画 255

9.6　重点回顾 262

9.7　本章习题 262

第10章　动画特效、媒体和动画交互 264

10.1 应用时间轴特效 264

10.1.1 【变形／转换】特效 264

10.1.2　帮助时间轴特效 268

10.1.3 【效果】特效 273

10.2　应用视频与声音 278

10.2.1 导入视频 278

10.2.2　为动画添加声音 282

10.2.3　编辑声音封套 284

10.3　应用动画交互功能 285

10.3.1 ActionScript和行为 285

10.3.2　控制播放器内容的播放 287

10.4 上机指导——设计网站导航条 291

10.5　重点回顾 298

10.6　本章习题 298

第11章　Dreamweaver网页设计基础 300

11.1　应用Dreamweaver 300

11.1.1　架设Web网站 300

11.1.2　Web页面布局 300

11.1.3　制作网页特效 302

11.1.4　网络应用程序开发 303

11.2　Dreamweaver CS3界面简介 303

11.2.1 工作区 303

11.2.2　菜单栏 305

11.2.3 工具栏 306

11.2.4 【插入】面板 307

11.2.5　文件编辑区 307

11.2.6 状态栏“标签”选择器 307

11.2.7 【属性】检查器 308

11.2.8　面板组 308

11.2.9　工作视图模式 308

11.3　Dreamweaver CS3界面操作 310

11.3.1　管理工作区 310

11.3.2　使用工具栏 310

11.3.3　使用【插入】面板 311

11.3.4　使用面板组 312

11.3.5　使用文件编辑区 313

11.4 网页文件管理 315

11.4.1　新建文件 315

11.4.2　打开文件 316

11.4.3　保存文件 316

11.4.4　设置页面属性 317

11.4.5　通过浏览器预览网页 318

11.5　重点回顾 319

11.6　本章习题 320

第12章　网站架设、发布与管理 321

12.1　创建本地网站 321

12.1.1 网站定义 321

12.1.2　用“基本”方式定义站点 322

12.1.3　用“高级”方式定义站点 323

12.2　创建与管理站点资源 326

12.2.1　新建文件夹 327

12.2.2　新建文件 327

12.2.3　移动文件位置 328

12.2.4　打开与预览网页 328

12.2.5　修改页面属性 329

12.3　创建与管理站点地图 330

12.3.1　创建站点地图 330

12.3.2 改变／移除地图链接 331

12.3.3　链接到新文件 332

12.3.4　修改站点地图布局 332

12.3.5　将站点地图保存成图像 334

12.3.6　创建站点地图实例 335

12.4　维护与发布站点 336

12.4.1　检查站点的链接 336

12.4.2　修改无效的链接 337

12.4.3 发布站点 338

12.4.4　用FTP软件发布站点 339

12.5 上机指导——架构“穿花衣”网站 341

12.6　重点回顾 344

12.7　本章习题 344

第13章 网页表格及框架设计 346

13.1 使用表格编排内容 346

13.1.1　插入表格 346

13.1.2　手动调整表格大小 348

13.1.3 设置表格及单元格的属性 349

13.1.4　合并与拆分单元格 352

13.1.5　插入与删除单元格行／列 352

13.1.6　编排网页表格资料 354

13.2　美化表格与单元格 356

13.2.1　设置表格边框效果 357

13.2.2　设置表格背景效果 357

13.2.3　设置单元格边框效果 358

13.2.4　设置单元格背景效果 359

13.2.5　美化网页表格元素 360

13.3 设计框架式页面布局 361

13.3.1 了解框架集与框架 361

13.3.2　创建框架集与框架 363

13.3.3　指定框架源文件 364

13.3.4　保存框架集文件 365

13.3.5　设置框架属性设置 368

13.3.6　创建框架网页 370

13.4 调整与编辑框架页 372

13.4.1 拆分与删除框架页 372

13.4.2　插入嵌套框架 373

13.4.3　制作浮动框架 374

13.5 上机指导——服装展示页面 377

13.6　重点回顾 381

13.7　本章习题 382

第14章 网页元素的编辑与处理 384

14.1　编辑文本与段落 384

14.1.1　编辑字体列表 384

14.1.2　设置文本属性 385

14.1.3　文本换行与断行 387

14.1.4　设置段落格式 388

14.1.5　设置段落对齐 389

14.1.6　设置段落缩进与凸出 390

14.1.7　编辑网页文本资料 391

14.2　编辑文本符号与列表 392

14.2.1　插入日期 393

14.2.2　插入水平线 394

14.2.3 插入特殊符号 394

14.2.4　制作列表 395

14.3　插入与编辑图像 397

14.3.1 插入图像 397

14.3.2 设置图像属性 398

14.3.3　编辑与美化图像 400

14.3.4　设置网页背景图像 401

14.3.5　插入鼠标经过图像 401

14.3.6　插入导航条 403

14.3.7　编辑网页图像资料 404

14.4　插入媒体对象 407

14.4.1　插入Flash动画 407

14.4.2　插入Flash按钮 409

14.4.3　插入Flash文本 410

14.4.4 制作图像查看器 412

14.4.5　添加Web背景音乐 414

14.5 上机指导——网站简介页面 416

14.6 重点回顾 420

14.7　本章习题 421

第15章　CSS规则与链接应用 423

15.1　认识CSS（层叠样式表） 423

15.1.1　CSS的起源 423

15.1.2　CSS规则类型 424

15.1.3　CSS格式设置规则 425

15.2　创建与附加CSS样式表 427

15.2.1 新建“类”规则 428

15.2.2　新建“标签”规则 429

15.2.3　新建“高级”规则 430

15.2.4　创建样式表文件 432

15.2.5 附加CSS样式表 433

15.3　插入各种链接 435

15.3.1 创建链接 435

15.3.2　电子邮件链接 437

15.3.3　文件下载链接 438

15.3.4　空链接 439

15.3.5　设置链接目标 439

15.4　制作热点链接与锚记链接 440

15.4.1　绘制图像热点链接区域 440

15.4.2　创建热点链接 442

15.4.3　建立锚记链接 443

15.4.4　制作跨页锚记链接 444

15.5 上机指导——服装分类页面 446

15.6 重点回顾 449

15.7　本章习题 450

第16章　制作行为、AP元素和时间轴特效 452

16.1 用AP元素定位内容 452

16.1.1 关于AP元素 452

16.1.2　插入并设置AP元素 453

16.1.3　设置AP元素的显示、隐藏与重叠 455

16.1.4　利用AP元素定位网页内容 457

16.2　应用行为 458

16.2.1 关于行为 458

16.2.2　添加行为与删除事件 459

16.2.3　修改行为的事件 459

16.3　搭配使用时间轴、AP元素与行为 460

16.3.1 将层添加到时间轴 460

16.3.2 制作AP元素线性运动 462

16.3.3　利用行为控制时间轴播放 463

16.3.4　利用行为控制AP元素显示与隐藏 464

16.4　制作网页的行为特效 465

16.4.1　制作可以拖动的图像特效 465

16.4.2　制作弹出信息对话框特效 466

16.4.3 设置状态栏文本特效 467

16.5　制作Spry特效 468

16.5.1　制作图像放大特效 469

16.5.2　制作图像渐隐特效 470

16.6　上机指导——“穿花衣”网站首页 471

16.7　重点回顾 475

16.8　本章习题 475

附录　参考答案 478