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

目录 1

第1章 网页设计基础 1

1.1 Internet基础 1

1.1.1 了解因特网 1

1.1.2 Web的特性 2

1.2 设计你的网页 5

1.2.1 网页艺术设计的特点 5

1.2.2 设计元素的合理运用 7

1.3 上机指导：优秀网站设计赏析 12

1.4 习题 15

第2章 网页制作常用工具概述 18

2.1 Dreamweaver MX工作界面 18

功能剖析 18

2.1.1 Dreamweaver MX简述 18

2.1.2 操作界面介绍 19

2.1.3 属性面板和文档工具组 22

2.1.4 Sites面板 24

2.1.5 快捷键编辑器 25

2.2.1 Photoshop 7.0简述 26

2.2 Photoshop 7.0工作界面 26

2.2.2 操作界面介绍 27

2.2.3 工具箱 27

2.2.4 【图层】面板 29

2.2.5 【通道】面板 29

2.2.6 【路径】面板 30

2.2.7 【历史记录】面板 30

2.3 Flash MX工作界面 31

2.3.1 Flash MX简述 31

2.3.2 操作界面介绍 31

2.3.3 Tools面板 32

2.3.4 Properties面板 33

2.3.5 Timeline面板 33

2.3.6 面板组 34

2.4 Fireworks MX工作界面 35

2.4.1 Fireworks MX简述 35

2.4.2 操作界面介绍 36

2.4.3 Tools面板 37

2.4.4 与其他应用程序的结合 39

2.5 上机指导 39

2.5.1 制作一个简单网页 39

2.5.2 制作网页宣传海报 41

2.5.3 制作变形动画 42

2.6 习题 44

第3章 网页文本的编辑和控制 46

3.1 文本编辑 46

3.1.1 文本输入 46

3.1.2 文章段落 47

3.2 文本属性设置 48

3.2.1 文本属性面板 48

3.2.2 文本格式设置 49

3.2.3 文本列表创建 52

3.3 CSS精确控制文档属性 55

3.3.1 HTML Style应用 55

3.3.2 CSS精确定义文字大小 57

3.3.3 CSS修改与删除 60

3.3.4 文字间距行距控制 62

3.3.5 重新定义HTML标签 64

3.3.6 背景应用浮水印效果 65

3.3.7 添加条列式图案 68

3.4.1 网页中输入文本 71

3.4.2 文本属性设置 71

3.4 上机指导：制作多媒体网页文本 71

3.5 习题 74

第4章 文本编排和表格运用 76

4.1 插入分隔线 76

4.1.1 分隔线的添加 76

4.1.2　属性修改 76

4.2　表格应用 78

4.2.1　表格插入 78

4.2.2　表格设置面板 79

4.2.3　单元格设置 80

4.2.4　表格配色模板 82

4.2.5　表格排版应用 84

4.2.6　进一步美化表格 87

4.2.7　排版视图工具 88

4.2.8　标尺与辅助线 92

4.3　框架运用 93

4.3.1 建立框架结构 93

4.3.2　设置框架属性 94

4.3.3　框架超链接 96

4.4　上机指导 98

4.4.1　制作边框为1像素的表格 98

4.4.2　无缝表格制作 100

4.5 习题 102

第5章　在网页中插入图片 104

5.1 网页属性设置 104

5.1.1 网页基本设置 104

5.1.2　插入网页背景图像 106

5.2　图像插入与应用 108

5.2.1　插入图像 108

5.2.2　图像属性面板介绍 110

5.2.3　图像文字排列方式 110

5.2.4　文字代替图像 112

5.2.6　图像超链接 113

5.2.5　低分辨率到高分辨率 113

图片显示 113

5.2.7　图片交替 114

5.2.8　图像编辑器设定 114

5.3　上机指导：制作首页和站点管 116

理器的运用 116

5.3.1　制作首页 116

5.3.2　站点管理器的运用 118

5.4　习题 121

尺寸设置 124

6.1.1 文件的创建与画布 124

第6章 网页图像处理基础 124

6.1　文件与窗口操作 124

6.1.2　图像尺寸与分辨率设置 126

6.1.3　文件保存与打开 127

6.1.4　图像窗口操作 129

6.1.5　辅助工具使用 132

6.2　图像范围工具 135

6.2.1 移动工具与裁切工具 135

6.2.2　魔术棒选取工具 139

6.2.3　套索工具 140

6.2.4　羽化选取范围 141

6.2.5　选区范围控制 142

6.3　上机指导合成图像 144

6.3.1　抠图 144

6.3.2　笔刷与填充工具运用 146

6.3.3　橡皮图章与减淡、加深 149

工具运用 149

6.4　习题 151

7.1.1　颜色调节 154

第7章　网页图像色彩调整 154

7.1　关于颜色 154

7.1.2　颜色模式 156

7.1.3　选取颜色 158

7.2　图像色调调整 162

7.2.1 色阶调整 162

7.2.2　自动控制色调 163

7.2.3　自动对比 163

7.2.4　色调曲线调整 163

7.3.2　色调均化 165

7.3.1 颜色反相 165

7.3　特殊色调调整 165

7.3.3　色调分离 166

7.3.4　去色 166

7.3.5　图像阈值 166

7.4　图像色彩控制 167

7.4.1　色彩平衡控制 167

7.4.2　亮度和对比度控制 168

7.4.3　色相与饱和度控制 168

7.4.4　替换颜色与可选颜色 169

7.5.1　图片颜色调整 171

7.4.5　变换颜色 171

7.5 上机指导：图像特效处理 171

7.5.2　制作霓虹灯字 173

7.6　习题 176

第8章　综合处理图像 179

8.1　酷图制作范例 179

8.1.1　图层叠加特效 179

8.1.2　网格线制作 182

8.1.3　羽化效果 182

8.1.4　文字添加 183

8.2.1　基本轮廓制作 184

8.2　导航栏制作范例 184

8.2.2　立体底面制作 185

8.2.3　添加按钮 186

8.2.4　后期处理 188

8.3　透明按钮制作范例 188

8.4　上机指导：复古式金属界面制作 191

8.4.1　界面制作前期规划 191

8.4.2　顶部装饰物制作 192

8.4.3　中心工作区制作 198

8.4.4　宝石装饰 204

8.4.5　底部支架 207

8.5 习题 212

第9章　Web图像与GIF动画 214

9.1 ImageReady 7.0简介 214

9.1.1 ImageReady 7.0简介 214

9.1.2 ImageReady 7.0的 214

操作界面 214

9.2 切片 216

9.2.1 切片工具组 216

9.2.2 【切片】面板 217

9.2.3 创建切片 218

9.3 图像映射 221

9.3.1 图像映射工具 221

9.3.2 【图像映射】面板 222

9.3.3 创建图像映射 222

9.4 制作动画 223

9.5 优化和输出图像 227

9.6 上机指导 231

9.6.1 制作跑动的运动员 231

9.6.2 制作图像切片 233

9.7 习题 234

第10章 Fireworks快速入门 236

10.1 Fireworks基础 236

10.1.1 创建新文档 236

10.1.2 打开和导入文件 237

10.1.3 保存文件 238

10.1.4 常用工具介绍 239

10.1.5 使用文本 248

10.2.1 关于优化 250

10.2 文件优化和导出 250

10.2.2 使用导出向导 251

10.2.3 快速导出 252

10.3 Fireworks与其他程序的结合 252

10.3.1 与Adobe Photoshop结合 252

10.3.2 与Macromedia 252

Dreamweaver MX结合 252

10.3.3 与Macromedia Flash MX 253

结合 253

10.4 上机指导 253

10.4.1 文件优化 253

10.4.2 切割图像 256

10.4.3 网络相册制作范例 257

10.5 习题 258

第11章 Flash动画制作基础 260

11.1 Flash基础 260

11.1.1 创建新文档 260

11.1.2 舞台属性设定 261

11.1.3 导入图像和保存文档 262

11.2 制作基础动画 264

11.2.1 创建基本元件 264

11.1.4 预览和发布影片 264

11.2.2 物体Motion运动范例 267

11.2.3 制作遮罩动画 271

11.2.4 制作变形动画 275

11.2.5 Shape节点精确控制 276

变形动画 276

11.2.6 制作引导线动画 278

11.3 上机指导：完成Banner 280

动画制作 280

11.4 习题 283

12.1.1 动作脚本术语了解 285

12.1 了解Actions脚本 285

第12章 Flash动画及Action应用 285

12.1.2 使用动作面板 286

12.1.3 为帧指定动作 288

12.1.4 为按钮指定动作 289

12.2.5 为影片剪辑指定动作 289

12.2 鼠标行为 290

12.2.1 鼠标跟随 290

12.2.2 自定义鼠标 291

12.2.3 获取鼠标位置 292

12.3 Action控制残影效果 293

12.3.1 制作基本元件 294

12.3.2 添加Actions指令 294

12.4 上机指导：制作Loading动画 297

12.4.1 制作Loading下载动画 297

12.4.2 精确显示Loading 298

下载动画 298

12.5 习题 302

第13章 交互动画制作 304

13.1 Flash按钮制作范例 304

13.1.1 制作按钮 304

13.1.2 为按钮添加行为 306

13.2 互动菜单制作范例 308

13.2.1 导航菜单制作 308

13.2.2 子菜单制作 309

13.2.3 弹出菜单制作 311

13.3 文本滚动显示 314

13.3.1 文本制作 314

13.3.2 滚动条制作 315

游戏范例 317

13.4 上机指导：鼠标控制交互 317

13.5 习题 327

第14章 动态网页制作基础 329

14.1 图层动画 329

14.1.1 建立图层 329

14.1.2 图层属性 330

14.1.3 嵌套图层 332

14.1.4 同时编辑多个图层 332

14.1.5 兼容性问题 333

14.1.6 图层与表格的转换 334

14.2.1 时间轴简介 335

14.2 时间轴动画范例 335

14.2.2 图片置换动画 336

14.2.3 添加动画路径 338

14.3 超强CSS滤镜应用 344

14.3.1 CSS调整图片透明度 345

14.3.2 CSS制作文字阴影 346

14.3.3 讲解滤镜的效果和参数 346

14.4 上机指导：制作在线试镜 348

浮动广告 348

14.5 习题 352

第15章 网页中的交互技术 354

15.1 插入Flash 354

15.1.1 插入Dreamweaver MX 354

中自带的Flash按钮 354

15.1.2 插入Flash文本对象 356

15.1.3 插入Flash动画 358

15.2 网页超链接 358

15.2.1 超链接的路径 359

15.2.2 超链接基础 360

15.2.3 E-mail超链接 363

15.2.5 锚点超链接 366

15.2.4 中文不兼容解决 366

15.2.6 图像映射 369

15.2.7 下载设置 370

15.2.8 自动换页 371

15.3 行为 372

15.3.1 Behaviors简介 372

15.3.2 基本操作 376

15.4 上机指导：行为运用 378

15.4.1 变色网页 378

15.4.2 打开新窗口 380

15.4.3 显示或隐藏元件 381

15.5 习题 383

第16章 动态Web开发与实现 386

16.1 动态Web应用基础 386

16.2 表单的运用 387

16.2.1 表单的广泛应用 387

16.2.2 插入文本框 388

16.2.3 插入单选／复选框 391

16.2.4 插入条列式选单 393

16.2.5 插入按钮 394

16.3 上机指导：用户系统的实现 396

16.4 习题 405

第17章 完整网站开发与实现 407

17.1 网站设计定位 407

17.1.1 网站定位 407

17.1.2 网站风格 407

17.1.3 制作脚本 407

17.2 Intro引导页制作 408

17.2.1 在Photoshop中 408

制作引导页 408

输出图像 412

17.2.2 在Photoshop中切割并 412

17.3 主页面制作 413

17.3.1 界面雏形制作 413

17.3.2 界面深入制作完成 418

17.3.3 切割图像 421

17.4 上机指导 422

17.4.1 次级页面制作 422

17.4.2 利用Dreamweaver 429

上传文件 429

17.5 习题 431

附录 参考答案 433