正版新书]网页设计与制作应用教程第3版王任华9787111673569

前言

部分 网页设计与制作基础篇

章 Internet与网页设计概述2

1.1 Internet概述2

1.1.1 Internet与TCP/IP2

1.1.2 IP地址和域名3

1.1.3 Internet提供的主要服务5

1.1.4 WWW简介6

1.2 网站规划设计概述8

1.2.1 网站设计流程8

1.2.2 确定网站的类型8

1.2.3 网站的建设技术9

1.3 网页设计基础9

1.3.1 网页设计规划9

1.3.2 网页的基本元素10

1.3.3 网页的构成11

1.3.4 网页的布局11

1.4 网页设计工具14

1.4.1 网页编辑器简介14

1.4.2 网页图像处理工具15

1.4.3 网页动画制作与特效工具15

本章小结16

思考与练习16

第2章 HTML5基础17

2.1 HTML5简介17

2.2 创建简单网页文件18

2.3 HTML5语法19

2.4 HTML5常用标签20

2.4.1 文档结构标签20

2.4.2 文本格式标签22

2.4.3 字符格式标签24

2.4.4 超链接标签25

2.4.5 多媒体标签28

2.4.6 其他标签30

2.5 HTML5新标签32

2.5.1 <canvas>标签32

2.5.2 新多媒体标签32

2.5.3 新结构化标签33

本章小结33

思考与练习34

第2部分 Adobe Dreamweaver CC应用篇

第3章 Adobe Dreamweaver CC入门知识36

3.1 Adobe Dreamweaver CC 2018工作环境36

3.1.1 启动Dreamweaver CC36

3.1.2 工作界面组成37

3.2 站点的创建40

3.2.1 创建站点40

3.2.2 创建站点目录和文件43

3.3 站点文件的基本操作44

3.3.1 新建、打开及保存文档44

3.3.2 管理文件和文件夹46

3.4 边学边做（制作自我简介页面）46

本章小结47

思考与练习47

第4章 插入基本网页元素48

4.1 页面属性设置48

4.2 文本的插入与编辑50

4.2.1 在网页中插入文本50

4.2.2 编辑文本51

4.2.3 插入滚动文本53

4.3 图像的插入与编辑54

4.3.1 插入图像54

4.3.2 编辑图像55

4.4 多媒体的插入与编辑56

4.5 超链接59

4.5.1 超链接的分类59

4.5.2 创建超链接59

4.6 应用列表61

4.7 边学边做（创建图像）63

本章小结64

思考与练习64

第5章 表格和表单65

5.1 表格的应用65

5.1.1 表格的创建65

5.1.2 编辑表格66

5.1.3 数据的导入和导出69

5.2 表单的应用71

5.2.1 创建表单71

5.2.2 编辑表单73

5.2.3 表单对象73

5.3 Spry组件75

5.3.1 Spry表单验证类组件76

5.3.2 Spry表单验证类组件应用举例76

5.4 边学边做（设计用户注册信息表）80

本章小结83

思考与练习83

第6章 使用CSS美化和布局网页84

6.1 初识CSS84

6.1.1 CSS的特点84

6.1.2 CSS的规则85

6.1.3 CSS样式的类型85

6.1.4 CSS的基本用法86

6.1.5 创建CSS样式的方法87

6.1.6 CSS属性说明87

6.2 用CSS样式美化页面89

6.2.1 创建类CSS样式89

6.2.2 创建标签CSS样式92

6.2.3 创建ID CSS样式94

6.2.4 创建伪类CSS样式96

6.2.5 创建复合CSS样式97

6.3 创建CSS外部样式98

6.4 盒模型布局网页101

6.4.1 盒模型的概念101

6.4.2 盒模型的应用101

6.4.3 HTML5结构化标签103

6.5 边学边做（DIV+CSS布局网页）104

本章小结107

思考与练习107

第7章 行为和模板108

7.1 行为及其使用方法108

7.1.1 行为概述108

7.1.2 行为面板108

7.1.3 行为的应用方法109

7.2 应用内置行为110

7.2.1 交换图像110

7.2.2 弹出信息111

7.2.3 调用JavaScript112

7.2.4 显示-隐藏元素113

7.2.5 改变属性114

7.2.6 转到URL115

7.2.7 打开浏览器窗口116

7.2.8 设置文本118

7.3 jQuery特效119

7.3.1 使用Blind120

7.3.2 使用Bounce121

7.4 应用模板122

7.4.1 创建模板122

7.4.2 创建可编辑区域123

7.4.3 模板区域的类型124

7.4.4 创建基于模板的网页125

7.5 管理模板126

本章小结128

思考与练习128

第8章 利用虚拟机建立动态Web站点129

8.1 动态Web系统开发概述129

8.1.1 系统开发过程129

8.1.2 技术路线与设计规划131

8.2 虚拟机的安装与部署132

8.2.1 虚拟机的安132

8.2.2 安装配置宿主虚拟机（Windows Server 2003）133

8.3 在服务器上安装配置IIS\SQL Server\FileZilla135

8.3.1 安装配置Web服务器IIS135

8.3.2 安装配置数据库服务器SQL Server137

8.3.3 安装配置FTP服务器FileZilla139

8.4 在客户端上安装配置DW CS5和SQL Server客户端140

8.5 数据库结构设计与实现141

8.5.1 数据库基础介绍141

8.5.2 Web系统数据库结构设计143

8.6 Web站点开发准备及规划145

8.7 用户管理模块145

8.7.1 人员管理145

8.7.2 用户登录认证页面147

8.8 考试模块149

8.8.1 考试界面149

8.8.2 判分页面153

本章小结155

思考与练习155

第3部分 Adobe Photoshop CC应用篇

第9章 网页图像基础知识158

9.1 基本概念158

9.1.1 像素、分辨率和图像尺寸158

9.1.2 位图与矢量图159

9.1.3 网页图片文件的格式160

9.2 色彩基础知识161

9.2.1 色彩的要素161

9.2.2 三基色原理163

9.2.3 颜色模式163

9.3 色彩搭配165

9.3.1 色彩的选择165

9.3.2 网页配色设计方案166

本章小结168

思考与练习168

0章 Photoshop CC 2018初识169

10.1 Photoshop CC简介169

10.1.1 Photoshop的发展169

10.1.2 Photoshop的主要功能与应用170

10.2 工作界面170

10.2.1 主界面170

10.2.2 工具箱171

10.2.3 选项栏与状态栏172

10.2.4 浮动面板172

10.2.5 键盘快捷键173

10.3 选区175

10.3.1 选择工具175

10.3.2 创建选区175

10.3.3 调整选区177

10.4 图层179

10.4.1 概述179

10.4.2 图层面板179

10.4.3 图层的应用181

10.5 绘画183

10.5.1 绘画工具183

10.5.2 画笔面板和画笔设置面板184

10.5.3 绘画应用举例184

本章小结185

思考与练习186

1章 图像校正和快速修复187

11.1 图像校正187

11.1.1 裁剪图像187

11.1.2 变换图像192

11.2 图像修复196

11.2.1 清理图片196

11.2.2 修复图像198

11.3 滤镜修饰图像202

11.3.1 模糊背景203

11.3.2 图像特效203

11.4 边学边做（绘制网站摄影展页面）205

本章小结208

思考与练习208

2章 图像色彩调整209

12.1 观察图像209

12.1.1 直接观察图像209

12.1.2 使用直方图观察图像210

12.2 色彩调整命令211

12.3 色彩调整应用举例213

12.3.1 曲线调整213

12.3.2 色阶调整214

12.3.3 阴影/高光调整215

12.3.4 替换颜色调整216

本章小结218

思考与练习218

3章 蒙版和通道219

13.1 概述219

13.1.1 蒙版219

13.1.2 通道221

13.2 应用蒙版222

13.2.1 图层蒙版的应用222

13.2.2 剪贴蒙版的应用225

13.3 使用调整图层227

13.3.1 概述227

13.3.2 应用举例228

本章小结229

思考与练习230

4章 文字设计和矢量绘制231

14.1 工具概述231

14.1.1 文字工具231

14.1.2 钢笔工具232

14.1.3 路径和形状232

14.2 文字设计实例234

14.2.1 网页文字设计234

14.2.2 路径文字设计237

14.2.3 文字蒙版设计239

14.3 形状设计实例241

本章小结243

思考与练习244

5章 制作网页主要元素245

15.1 制作标题动画245

15.2 制作网站导航条248

15.3 设计网站Logo253

15.3.1 设计思路253

15.3.2 制作实例254

15.4 制作网页背景图像258

15.5 制作实用图标260

15.6 图像切片263

15.6.1 切片概述263

15.6.2 切片类型和创建方式264

本章小结264

思考与练习264

6章 使用Photoshop CC设计网站页面266

16.1 网页结构设计266

16.2 主页面设计267

16.3 网页图输出271

本章小结274

思考与练习274

第4部分 Adobe Animate CC应用篇

7章 Adobe Animate CC 2018入门知识276

17.1 Adobe Animate CC 2018概述276

17.2 Adobe Animate CC 2018的界面组成277

17.2.1 工作区277

17.2.2 时间轴279

17.2.3 帧280

17.2.4 舞台与场景282

17.2.5 工具面板与编辑栏284

17.3 Animate CC中文档的基本操作与动画制作流程284

17.3.1 文档操作285

17.3.2 动画制作流程286

17.4 边学边做（闪动文字）287

本章小结289

思考与练习289

8章 Animate CC动画素材准备290

18.1 绘制基础290

18.1.1 绘制模式290

18.1.2 选择对象291

18.2 使用绘画工具293

18.2.1 使用钢笔绘制路径293

18.2.2 绘制线条295

18.2.3 绘制简单图形297

18.2.4 图案画笔和艺术画笔299

18.3 使用编辑和修饰工具303

18.3.1 填充工具303

18.3.2 变形工具305

18.3.3 橡皮擦工具306

18.4 处理位图和图形306

18.4.1 位图的导入306

18.4.2 将位图转换为矢量图形307

18.4.3 处理图形对象308

18.5 使用文本工具310

18.6 使用3D图形工具312

18.6.1 创建和编辑3D图形312

18.6.2 调整透视角度和消失点313

18.7 边学边做（绘制花伞图形）314

本章小结316

思考与练习316

9章 Animate CC基本动画的制作317

19.1 元件和实例317

19.1.1 创建和编辑元件317

19.1.2 创建和编辑实例320

19.2 使用库面板321

19.3 动画基础322

19.3.1 基本知识322

19.3.2 逐帧动画323

19.3.3 补间动画324

19.3.4 传统补间动画329

19.3.5 补间形状动画333

19.3.6 遮罩动画336

19.4 使用反向运动338

19.5 边学边做（制作开卷有益动画）340

本章小结342

思考与练习343

第20章 声音和视频344

20.1 在Animate CC中使用声音344

20.1.1 在Animate CC文档中添加声音344

20.1.2 在Animate CC中编辑声音348

20.2 声音的优化与导出349

20.2.1 声音的优化349

20.2.2 压缩与导出声音349

20.3 在Animate CC中使用视频351

20.3.1 在ActionScript 3.0或AIR文档中使用视频352

20.3.2 在HTML5 Canvas文档中使用视频353

20.4 边学边做（动画背景配音）354

本章小结357

思考与练习357

第21章 创建不错交互动画358

21.1 应用动作358

21.1.1 动作面板358

21.1.2 代码片断面板359

21.2 ActionScript常用动作的应用360

21.2.1 播放和停止360

21.2.2 转到帧或场景363

21.2.3 停止所有声音和跳转到URL364

21.3 边学边做（制作问候语动画）365

本章小结368

思考与练习368

第22章 发布Animate CC动画369

22.1 发布及桌面应用程序的发布369

22.1.1 桌面应用程序的发布步骤369

22.1.2 安装AIR应用程序374

22.1.3 创建放映影片374

22.2 HTML5的发布375

22.3 .swf文件和其他格式文件的发布379

本章小结379

思考与练习380

参考文献381