网页制作最佳拍档四合一完全自学手册PDF电子书下载

第1章　网站建设基础 1

1.1　认识网页与网站 1

1.1.1 网页与网站的概念 1

1.1.2　网页的类型 2

1.1.3　网页的基本构成元素 2

1.1.4　网页的布局 5

1.2　网站开发流程 7

1.2.1 网站策划 7

1.2.2　收集资料 8

1.2.3　制作网页 8

1.2.4　测试和发布站点 9

1.2.5　更改和维护站点 9

1.3　网页制作软件 9

1.3.1 网页编辑软件 9

1.3.2　动画制作软件 9

1.3.3 图像处理软件 10

第2章　网页美术设计 11

2.1 色彩的特性 11

2.1.1　色彩的类型 11

2.1.2　色彩的属性 12

2.1.3　色彩的混合 14

2.2　色彩的心理效应 14

2.2.1　温暖与寒冷 14

2.2.2　兴奋与冷静 15

2.2.3　轻与重 16

2.2.4　强与弱 16

2.2.5　柔和与坚硬 16

2.2.6　膨胀与收缩 17

2.2.7　华丽与朴素 17

2.2.8　前进色与后退色 18

2.3　页面色彩搭配 18

2.3.1 网页色彩搭配的原则 18

2.3.2　网页色彩搭配的技巧 20

2.3.3 网页要素色彩的搭配 21

2.4　版式构图原理 22

2.4.1 重复 22

2.4.2　相似 23

2.4.3　渐变 23

2.4.4 发射 24

2.4.5　特异 24

2.4.6　密集 25

2.4.7　肌理 25

2.5　版面文字的编排 25

2.5.1 对称编排 25

2.5.2　非对称编排 26

2.5.3　绕排 26

2.5.4　图形化编排 26

2.5.5 强调编排 27

2.5.6　文字穿插编排 27

2.5.7　不规则编排 28

第3章　初识Dreamweaver CS4 29

3.1 Drearnweaver CS4工作界面 29

3.1.1　快速访问工具栏 29

3.1.2　菜单栏 29

3.1.3　“插入”面板 30

3.1.4　“CSS样式”面板 30

3.1.5　编辑窗口 30

3.1.6　状态栏 30

3.2　创建本地站点 30

3.2.1 使用站点向导创建站点 31

3.2.2　使用高级设置创建站点 32

3.2.3　创建站点文件和文件夹 34

3.3　网页文档基本操作 34

3.3.1 创建网页文档 34

3.3.2　保存网页文档 35

3.3.3 预览网页文档 36

3.4　插入与编辑文本 36

3.4.1 插入文本 36

3.4.2　设置文本属性 37

3.4.3 设置段落格式 39

3.5　在网页中插入其他对象 39

3.5.1　插入图像 39

3.5.2　插入特殊字符 40

3.5.3　插入水平线 41

3.5.4　插入日期 41

3.6　创建超链接 42

3.6.1　创建文本超链接 42

3.6.2　创建图像热点链接 43

3.6.3　创建E-mail超链接 44

3.6.4　创建命名锚记超链接 45

3.7　插入多媒体元素 46

3.7.1 插入Flash动画 46

3.7.2　插入视频文件 47

3.7.3　插入背景音乐 48

第4章　使用表格和框架布局网页 49

4.1 创建表格 49

4.1.1　创建普通表格 49

4.1.2　创建嵌套表格 49

4.2　编辑表格 50

4.2.1　选择表格对象 50

4.2.2　设置表格颜色 51

4.2.3　插入行和列 51

4.2.4　删除行和列 52

4.2.5　拆分与合并单元格 54

4.3　创建与保存框架集 55

4.3.1 创建框架集 55

4.3.2　创建嵌套框架集 56

4.3.3　保存框架集 56

4.4　编辑框架集 57

4.4.1 选择框架 57

4.4.2　添加网页元素 58

4.4.3　拆分框架 58

4.4.4　设置框架集属性 59

4.4.5　设置框架链接 60

4.4.6　框架标签 60

第5章　使用CSS样式和层 63

5.1 创建CSS样式 63

5.1.1　创建CSS样式 63

5.1.2　应用CSS样式 66

5.2　编辑CSS样式 68

5.2.1 删除CSS样式 68

5.2.2　设置CSS样式 69

5.3 创建层 71

5.3.1 创建层 71

5.3.2　创建嵌套层 72

5.4　编辑层 73

5.4.1 选择层 73

5.4.2 移动层 74

5.4.3　对齐层 75

5.4.4　调整层的大小 75

5.4.5　设置堆叠顺序 76

5.4.6　改变层的可见性 76

5.5　层与表格的转换 77

5.5.1　将层转换为表格 77

5.5.2　将表格转换为层 78

第6章　使用表单和行为 80

6.1 创建表单 80

6.1.1 创建表单 80

6.1.2　设置表单属性 80

6.2　添加表单对象 81

6.2.1　添加文本域 81

6.2.2　添加密码文本域 83

6.2.3　添加单选按钮 84

6.2.4　添加按钮 85

6.2.5　添加复选框 86

6.2.6　添加菜单 88

6.2.7　添加列表 90

6.2.8　添加跳转菜单 91

6.2.9　添加文件域 92

6.3　添加行为 93

6.3.1 设置状态栏文木 93

6.3.2　弹出信息 94

6.3.3　交换图像 95

6.3.4　Spry效果 96

第7章　初识Flash CS4 101

7.1 Flash CS4工作界面 101

7.1.1 标题栏 102

7.1.2　菜单栏 102

7.1.3　舞台与工作区 102

7.1.4　时间轴 104

7.1.5　工具箱 104

7.1.6　面板集 104

7.2　Flash文档的基本操作 105

7.2.1 新建Flash文档 105

7.2.2　打开Flash文档 106

7.2.3　保存Flash文档 107

7.2.4　关闭Flash文档 108

7.3　绘图工具 108

7.3.1　线条工具 108

7.3.2　钢笔工具 109

7.3.3　铅笔工具 111

7.3.4　刷子工具 112

7.3.5　椭圆工具 113

7.3.6　矩形工具 114

7.4　创建与编辑文本 115

7.4.1 静态文本 115

7.4.2　动态文本 116

7.4.3 输入文木 116

7.5　图形的编辑 118

7.5.1 组合与分离 118

7.5.2　将线条转换成填充 120

7.5.3 图形扩展与收缩 121

7.5.4　柔化填充边缘 122

7.5.5　将位图转换为矢量图 122

7.6　图层的操作 123

7.6.1 插入图层 123

7.6.2　重命名图层 124

7.6.3 调整图层顺序 125

7.6.4　删除图层 125

7.6.5　复制图层 126

第8章　使用元件、实例与库 127

8.1 创建元件 127

8.1.1　创建图形元件 127

8.1.2　创建影片剪辑元件 129

8.1.3　创建按钮元件 130

8.2 编辑元件 132

8.2.1　在当前位置编辑元件 133

8.2.2　在新窗口中编辑元件 133

8.2.3　在元件的编辑模式下编辑元件 135

8.3　创建实例 135

8.4　编辑实例 136

8.4.1 复制实例 136

8.4.2　改变实例类型 137

8.4.3 分离实例 137

8.4.4 交换实例 138

8.5　使用库 139

8.5.1　“库”面板的组成 139

8.5.2　创建库文件夹 140

8.5.3 调用库项目 140

8.6　编辑库项目 141

8.6.1 编辑元件 141

8.6.2　编辑声音 142

8.6.3　编辑位图 142

第9章　制作与编辑动画 144

9.1 逐帧动画 144

9.1.1　导入逐帧动画 144

9.1.2　创建逐帧动画 146

9.2　补间动画 149

9.2.1　制作形状补间动画 150

9.2.2　制作动作补间动画 151

9.3　运动引导动画 152

9.3.1　制作单个运动引导动画 153

9.3.2　制作多个运动引导动画 155

9.4　遮罩动画 157

9.4.1　在遮罩层制作动画 157

9.4.2　在被遮罩层制作动画 159

9.5 编辑动画 161

9.5.1 选择帧 161

9.5.2　删除帧 162

9.5.3　改变帧长 162

9.5.4　转换帧 162

9.6　添加声音 163

9.6.1 为关键帧导入声音 163

9.6.2　为按钮导入声音 164

第10章　使用ActionScript创建动画 166

10.1 ActionScript概述 166

10.1.1 ActionScript简介 166

10.1.2　使用“动作”面板 166

10.2　常用ActionScript数据类型 168

10.2.1 字符串型 168

10.2.2 数值型 170

10.2.3　布尔型 170

10.2.4　对象型 171

10.2.5　空值和未定义型 171

10.2.6　检测数据类型 172

10.3 常用ActionScript基本语法 173

10.3.1 点语法 173

10.3.2　大括号 174

10.3.3　分号 176

10.3.4　圆括号 177

10.3.5　大小写字母 177

10.3.6　注释 178

10.3.7　关键字和保留字 180

10.3.8　常数 180

10.4　ActionScript常用语句 181

10.4.1　播放控制 181

10.4.2　播放跳转 181

10.4.3　条件语句 185

10.4.4　循环语句 185

第11章　初识Fireworks CS4 186

11.1 Fireworks CS4工作界面 186

11.1.1　菜单栏 186

11.1.2　工具栏 186

11.1.3 工具箱 187

11.1.4　编辑区 187

11.1.5　“属性”面板 188

11.1.6　浮动面板 188

11.2　绘制矢量图形 190

11.2.1　绘制几何图形 190

11.2.2　绘制路径图形 192

11.3 编辑路径对象 193

11.3.1　选择路径对象 193

11.3.2　调整路径对象 195

11.3.3　将路径应用于文本 195

11.4　创建与编辑文本 196

11.4.1　创建文本 196

11.4.2　编辑文本 196

第12章　使用热点、切片与导航条 198

12.1 热点的基本操作 198

12.1.1　创建热点 198

12.1.2　设置热点 199

12.1.3　编辑热点 199

12.1.4　输出热点 200

12.1.5　显示或隐藏热点 201

12.2 切片的基本操作 201

12.2.1 创建切片 201

12.2.2　编辑切片 204

12.2.3　导出切片 205

12.3 创建与编辑按钮和导航条 205

12.3.1 使用元件 206

12.3.2　创建与编辑按钮 207

12.3.3　创建与编辑导航条 210

12.3.4　导入元件与按钮 212

第13章　初识Photoshop CS4 213

13.1 Photoshop CS4工作界面 213

13.1.1　快速访问工具栏 213

13.1.2　菜单栏 213

13.1.3　工具选项栏 214

13.1.4　工具箱 214

13.1.5　图像编辑窗口 214

13.1.6　浮动面板 215

13.1.7　状态栏 215

13.2　文件的基本操作 215

13.2.1　新建文件 215

13.2.2　打开文件 216

13.2.3 保存文件 217

13.3　绘制与修饰图像 218

13.3.1　直线、矩形等工具 218

13.3.2　图像修饰工具 221

13.3.3 图像修复工具 223

13.4　图章工具 225

13.4.1　仿制图章工具 225

13.4.2　图案图章工具 226

13.5　输入文本 227

13.5.1　横排文字工具 227

13.5.2　直排文字工具 228

13.5.3　文字蒙版工具 229

13.6　选择和使用颜色 230

13.6.1 设置前景色和背景色 230

13.6.2　使用油漆桶工具 231

13.6.3　使用渐变工具 232

第14章　使用图层、路径和切片 233

14.1 编辑图层 233

14.1.1 新建图层 233

14.1.2　复制图层 234

14.1.3　删除图层 234

14.1.4　调整图层顺序 235

14.1.5　链接图层 235

14.1.6　合并图层 236

14.2　绘制路径 236

14.2.1 创建路径 236

14.2.2　编辑路径 238

14.2.3　填充路径 241

14.2.4　描边路径 243

14.2.5　路径转换为选区 243

14.2.6　选区转换为路径 244

14.3　输出网页切片 245

14.3.1　创建切片 245

14.3.2　修改切片 246

14.3.3　优化与输出切片 250

第15章　Dreamweaver CS4实例演练 252

15.1 表格网页布局——网站调查表 252

15.1.1　制作调查表表头 252

15.1.2　添加文本 255

15.2　使用CSS样式美化网站——个人主页 259

15.2.1 创建CSS样式 260

15.2.2　应用CSS样式 262

15.2.3　添加文字效果 262

15.3　创建交互式表单——咖啡之逸 264

15.3.1　添加文本域 264

15.3.2　添加按钮 266

15.4　创建弹出广告页面——非梵摄影 267

15.4.1 创建弹出广告 268

15.4.2　预览弹出广告 269

15.5　创建滚动网页——服装网页 269

15.5.1　创建滚动网页 270

15.5.2　预览滚动网页 272

第16章　Flash CS4实例演练 273

16.1 文字动画——卡露雅丝袜 273

16.1.1　添加人物背景 273

16.1.2　创建各文字元件 275

16.1.3 制作跳动文字 277

16.2　图像动画——皇家大厨美食 281

16.2.1　制作背景图像动画 281

16.2.2　制作标识图像动画 283

16.2.3　制作美食图像动画 284

16.2.4　制作美食文字动画 287

16.3 标识类广告——红羽集团 288

16.3.1 制作标识图形动画 289

16.3.2　制作标识文字动画 292

16.4　弹出类广告——飞龙笔记本电脑 294

16.4.1 制作图像动画效果 295

16.4.2　制作遮罩动画效果 297

16.4.3 制作文字动画效果 298

16.5 背投类广告——悍虎汽车 301

16.5.1 制作动态画面——对开遮罩动画 302

16.5.2　制作动态画面——淡入淡出动画 305

16.5.3 制作标识画面——翻转动画 308

第17章　Fireworks CS4实例演练 310

17.1 立体文字——妈咪天地 310

17.1.1　制作渐变文字效果 310

17.1.2　制作浮雕文字效果 311

17.1.3　添加文字阴影效果 312

17.2 网站LOGO——魅琳唇膏 312

17.2.1 制作LOGO的图形效果 313

17.2.2　制作LOGO的文字效果 313

17.3 网站导航条——清馨家园 314

17.3.1 制作按钮形状 314

17.3.2　制作按钮阴影 315

17.3.3　制作按钮文字 316

17.3.4　制作导航条 316

17.4 GIF动画——RED COLOR唇彩 316

17.4.1　制作图像动画效果 317

17.4.2　制作文字动画效果 319

17.4.3 导出GIF动画效果 320

17.5　图像切片——商通网络 321

17.5.1 创建切片 321

17.5.2 导出切片 323

第18章　Photoshop CS4实例演练 324

18.1 设计网站LOGO——Daphni女鞋 324

18.1.1 添加LOGO文本对象 324

18.1.2　变形LOGO文本对象 326

18.1.3　填充LOGO文本对象 327

18.1.4　添加LOGO图像对象 328

18.2　设计网页背景——红色底纹 329

18.2.1 设置与填充背景 330

18.2.2　绘制背景纹理 331

18.2.3　添加花纹图案 333

18.3 设计网站导航条——Daphni网站导航 334

18.3.1　制作导航背景 334

18.3.2　绘制导航按钮 336

18.3.3　添加按钮元素 339

18.4　设计网站按钮——质感按钮 340

18.4.1　绘制按钮背景 341

18.4.2　绘制网站按钮 343

18.4.3　添加修饰元素 347

18.5 切片与导出网页格式图片——Daphni网页切片 348

18.5.1 创建切片 349

18.5.2　导出切片 350

第19章　网页设计案例实战——飞地图书网站 352

19.1　使用Photoshop制作网站LOGO 352

19.1.1 绘制LOGO图像 352

19.1.2 添加LOGO文本 353

19.2　使用Photoshop制作网站导航按钮 354

19.2.1　绘制按钮图像 354

19.2.2　添加文本对象 355

19.3　使用Flash制作动态广告条幅 356

19.3.1 制作动态条幅——点状遮罩动画 357

19.3.2　制作动态文字——飞地图书 359

19.3.3　制作动态条幅——条状遮罩动画 363

19.3.4　制作动态文字——零点起飞 364

19.4　使用Fireworks制作简易导航图标 368

19.4.1　制作简易导航图标的造型 368

19.4.2　添加简易导航图标的文字 369

19.5　使用Fireworks制作滚动式动态图片 370

19.5.1　添加图片素材 370

19.5.2　编辑动画元件 371

19.6　使用Dreamweaver制作网页 373

19.6.1　制作背景效果 373

19.6.2　制作页眉区 375

19.6.3　制作导航区 376

19.6.4　制作内容区 380

19.6.5　制作版权区 383

19.6.6　制作子页 383

19.6.7　设置超链接 384

19.7　完善与测试网站 385

19.7.1　测试网站的兼容性 386

19.7.2　测试网站的链接性 387

第20章　网页设计案例实战——自由居房产网站 388

20.1 使用Photoshop制作网站LOGO 388

20.1.1 绘制LOGO图像 388

20.1.2　添加LOGO文本 390

20.2　使用Flash制作片头动画 391

20.2.1 制作图像动画——淡出淡入效果 391

20.2.2 制作文字元件——天地铸造 394

20.2.3 制作文字动画——天地铸造 395

20.3　使用Fireworks制作导航按钮 399

20.3.1　制作导航按钮的形状 400

20.3.2　添加导航按钮的文字 400

20.4　使用Dreamweaver CS4制作网页 401

20.4.1　布局网站主页 401

20.4.2　制作页眉区 403

20.4.3　制作导航区 404

20.4.4　制作内容区 406

20.4.5　制作版权区 407

20.4.6　制作网站子页 408

20.4.7　设置超链接 410

20.5 测试网站 410