内 容 简 介

本书以零基础讲解为宗旨，用实例引导读者深入学习，采取“网站基础入门→静态网页制作→动态网站制作→网页美化布局→网页脚本→网页元素设计→网站开发实战→网站全能扩展”的讲解模式，深入浅出地讲解网页设计和网站建设的各项技术及实战技能。

本书适合任何想学习网页设计与网站建设知识的人员，无论读者是否从事计算机相关行业，是否接触过网页设计与网站建设，通过学习本书均可快速掌握网页设计与网站建设的方法和技巧。

 

前    言

　　“网站开发案例课堂”系列图书是专门为网站开发和数据库初学者量身定做的一套学习用书，由刘玉红策划，千谷网络科技实训中心的高级讲师编著。整套书涵盖网站开发、数据库设计等方面，具有以下几个特点。

* 前沿科技

　　无论是网站建设、数据库设计还是HTML5、CSS3，我们都精选较为前沿或者用户群最大的领域推进，帮助大家认识和了解最新动态。

* 权威的作者团队

　　组织国家重点实验室和资深应用专家联手编著该套图书，融合丰富的教学经验与优秀的管理理念。

* 学习型案例设计

　　以技术的实际应用过程为主线，全程采用图解和同步多媒体结合的教学方式，生动、直观、全面地剖析各种应用技能，降低难度，提升学习效率。

编写目的

　　随着互联网的普及，很多企事业单位、大中专院校学生及普通网民对于建立网站的需求越来越强烈，但又因为不懂网页代码程序，而不知道该从哪里下手。本书即针对这样零基础的读者编写，书中详细讲解了网页设计和网站建设中需要用到的各项技术，能够带领读者学习网页设计和网站建设的全面知识。通过对本书的学习，读者可以迅速掌握设计网页和开发网站的技能。

本书特色

* 零基础、入门级的讲解

　　无论读者是否从事计算机相关行业，无论读者是否接触过网页设计与网站建设，都能从本书中找到最佳起点。

* 超多、实用、专业的范例和项目

　　本书在编排上注意由浅入深，从网页设计与网站建设的基本操作开始，带领读者逐步深入地学习各种应用技巧，书中侧重实战技能，使用大量简单易懂的实际案例进行分析和操作指导，让读者读起来简明轻松，操作起来有章可循。

* 随时检测自己的学习成果

　　每章首页中均提供“本章要点”，以指导读者重点学习及学后检查。

　　每章最后的“跟我练练手”板块均根据本章内容精选而成，读者可以随时检测自己的学习成果和实战能力，做到融会贯通。

* 细致入微、贴心提示

　　各章中均使用“注意”“提示”“技巧”等小栏目，使读者在学习过程中更清楚地了解相关操作，理解相关概念，并轻松掌握各种操作技巧。

* 专业创作团队和技术支持

　　本书由千谷网络科技实训中心编著并提供技术支持。如在学习过程中遇到任何问题，可添加智慧学习乐园QQ群(221376441)进行提问，随时有资深实战型讲师在旁指点，并精选难点、重点在腾讯课堂直播讲授。

内容总览

　　本书以学习网页设计与网站建设的最佳路径来分配章节，包括网站基础入门篇、静态网页制作篇、动态网站制作篇、网页美化布局篇、网页脚本篇、网页元素设计篇、网站开发实战篇、网站全能扩展篇等。

超值光盘

* 全程同步教学录像

　　涵盖本书所有知识点，详细讲解每个实例及项目的制作过程及技术关键点，能更轻松地掌握书中所有的网页设计与网站建设的相关技术，扩展的讲解部分可使读者收获更多。

* 超多容量王牌资源大放送

　　赠送大量王牌资源，包括本书实例源文件、教学幻灯片、本书精品教学视频、网页样式与布局案例赏析、Dreamweaver CS6快捷键和技巧、HTML标签速查表、精彩网站配色方案赏析、CSS+DIV布局赏析案例、Web前端工程师常见面试题、88类精美实用的网页模板等。

读者对象

* 没有任何网页设计与网站建设基础的初学者。

* 有一定的网页设计和网站建设基础，想精通网站开发的人员。

* 有一定的动态网站开发基础，没有项目经验的人员。

* 正在进行毕业设计的学生。

* 大专院校及培训学校的老师和学生。

创作团队

　　本书由刘玉红策划，千谷网络科技实训中心高级讲师编著，参加编写的人员有付红、李园、王攀登、郭广新、侯永岗、蒲娟、刘海松、孙若淞、王月娇、包慧利、陈伟光、胡同夫、梁云梁和周浩浩。

　　在编写过程中，我们竭尽所能地将最好的内容呈现给读者，但也难免有疏漏和不妥之处，敬请读者不吝指正。

　　

 

　　                                                      编  者  

 

 

目    录 

 

第1篇  网站基础入门篇

 

第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  万维网 6

1.2.3  浏览器 7

1.2.4  HTML 7

1.2.5  URL 7

1.2.6  域名 7

1.2.7  IP地址 8

1.2.8  上传与下载 8

1.2.9  电子邮件 8

1.2.10  FTP 9

1.3  跟我练练手 9

1.3.1  练习目标 9

1.3.2  上机练习 9

1.4  高手甜点 9

第2章  读懂网页密码——HTML

语言速成 11

2.1  网页的HTML构成 12

2.1.1  文档标签 12

2.1.2  头部标签 13

2.1.3  主体标签 13

2.2  HTML常用标签 14

2.2.1  标题标签<h1>～<h6> 14

2.2.2  段落标签<p> 15

2.2.3  换行标签<br> 16

2.2.4  链接标签<a> 16

2.2.5  列表标签<ul> 18

2.2.6  图像标签<img> 20

2.2.7  表格标签<table> 22

2.2.8  框架标签<frame> 23

2.2.9  表单标签<form> 25

2.2.10  注释标签<!> 26

2.2.11  移动标签<marquee> 27

2.3  实战演练——制作日程表 28

2.4  跟我练练手 31

2.4.1  练习目标 31

2.4.2  上机练习 31

2.5  高手甜点 31

第3章  第一视觉最重要——网页

色彩设计与搭配 33

3.1  色彩基础知识 34

3.1.1  认识色彩 34

3.1.2  色彩的三属性 34

3.1.3  216网页安全色 36

3.2  网页色彩的搭配 37

3.2.1  网页色彩的感觉 37

3.2.2  网页色彩搭配原理 42

3.2.3  网页色彩搭配技巧 43

3.3  网站的色彩应用案例 44

3.3.1  案例1——网络购物类网站

色彩应用 44

3.3.2  案例2——游戏类网站色彩

应用 45

3.3.3  案例3——企业门户网站色彩

应用 46

3.3.4  案例4——时政新闻类网站

色彩应用 46

3.3.5  案例5——影音类网站色彩

应用 47

3.3.6  案例6——娱乐类网站色彩

应用 48

3.4  跟我练练手 48

3.4.1  练习目标 48

3.4.2  上机练习 48

3.5  高手甜点 48

第4章  开启网页制作之路——网站

建设基本流程与制作工具 51

4.1  建站方式 52

4.1.1  自助建站 52

4.1.2  智能建站 52

4.1.3  专业设计 53

 

4.2  建站流程 53

4.2.1  网站规划 53

4.2.2  搜集资料 54

4.2.3  制作网页 54

4.2.4  网站测试 55

4.2.5  申请域名 55

4.2.6  申请空间 55

4.2.7  网站备案 55

4.2.8  发布网页 57

4.2.9  网站推广和维护 57

4.3  制作网页的常用软件 58

4.3.1  网页布局软件

Dreamweaver CS6 58

4.3.2  图像处理软件

Photoshop CS6 58

4.3.3  动画制作软件Flash CS6 59

4.3.4  软件间的相互关系 60

4.4  跟我练练手 61

4.4.1  练习目标 61

4.4.2  上机练习 61

4.5  高手甜点 62

 

　　

第2篇  静态网页制作篇

 

第5章  磨刀不误砍柴工——使用

Dreamweaver CS6创建网站

站点 65

5.1  认识Dreamweaver CS6的工作环境 66

5.1.1  案例1——启动

Dreamweaver CS6 66

5.1.2  案例2——认识

Dreamweaver CS6的工作区 67

5.1.3  案例3——熟悉

Dreamweaver CS6的面板 69

5.2  创建站点 71

5.2.1  案例4——创建本地站点 71

5.2.2  案例5——使用【文件】面板

创建站点 71

5.3  管理站点 72

5.3.1  案例6——打开站点 72

5.3.2  案例7——编辑站点 73

5.3.3  案例8——删除站点 73

5.3.4  案例9——复制站点 74

5.4  操作站点文件及文件夹 75

5.4.1  案例10——创建文件夹 75

5.4.2  案例11——创建文件 75

5.4.3  案例12——移动和复制文件

或文件夹 76

5.4.4  案例13——删除文件或

文件夹 77

5.5  实战演练——建立站点文件和

文件夹 77

5.6  跟我练练手 78

5.6.1  练习目标 78

5.6.2  上机练习 78

5.7  高手甜点 79

第6章  制作我的第一个网页——

网页内容之美 81

6.1  文档的基本操作 82

6.1.1  案例1——创建空白文档 82

6.1.2  案例2——设置页面属性 82

6.2  用文字美化网页 86

6.2.1  案例3——插入文字 86

6.2.2  案例4——设置字体 88

6.2.3  案例5——设置字号 89

6.2.4  案例6——设置字体颜色 90

6.2.5  案例7——设置字体样式 91

6.2.6  案例8——编辑段落 93

6.2.7  案例9——检查拼写 96

6.2.8  案例10——创建项目列表 97

6.3  用图像美化网页 99

6.3.1  案例11——插入图像 99

6.3.2  案例12——设置图像属性 101

6.3.3  案例13——设置图像的对齐

方式 103

6.3.4  案例14——插入鼠标经过

图像 103

6.3.5  案例15——插入图像占位符 105

6.4  用动画美化网页 106

6.4.1  案例16——插入Flash动画 107

6.4.2  案例17——插入FLV视频 107

6.5  用其他网页元素美化网页 109

6.5.1  案例18——插入水平线 109

6.5.2  案例19——插入日期 110

6.5.3  案例20——插入特殊字符 111

6.6  综合演练——制作图文并茂的网页 112

6.7  跟我练练手 114

6.7.1  练习目标 114

6.7.2  上机练习 114

6.8  高手甜点 114

第7章  不在网页中迷路——设计

网页超链接 117

7.1  链接与路径 118

7.1.1  链接的概念 118

7.1.2  链接路径 118

7.1.3  链接的类型 120

7.2  添加网页超链接 120

7.2.1  案例1——添加文本链接 120

7.2.2  案例2——添加图像链接 121

7.2.3  案例3——创建外部链接 122

7.2.4  案例4——创建锚记链接 122

7.2.5  案例5——创建图像热点

链接 124

7.2.6  案例6——创建电子邮件

链接 125

7.2.7  案例7——创建文件下载

链接 126

7.2.8  案例8——创建空链接 127

7.2.9  案例9——创建脚本链接 127

7.3  案例10——链接的检查 128

7.4  实战演练——为企业网站添加友情

链接 129

7.5  跟我练练手 130

7.5.1  练习目标 130

7.5.2  上机练习 130

7.6  高手甜点 130

第8章  让网页互动起来——使用

网页表单和行为 131

8.1  在网页中插入表单元素 132

8.1.1  案例1——插入表单域 132

8.1.2  案例2——插入文本域 133

8.1.3  案例3——插入单行文本域 133

8.1.4  案例4——插入多行文本域 133

8.1.5  案例5——插入密码域 134

8.2  在网页中插入复选框和单选按钮 134

8.2.1  案例6——插入复选框 134

8.2.2  案例7——插入单选按钮 135

8.3  在网页中插入表单 136

8.3.1  案例8——插入下拉菜单 136

8.3.2  案例9——插入滚动列表 137

8.4  在网页中插入按钮 137

8.4.1  案例10——插入按钮 137

8.4.2  案例11——插入图像按钮 138

8.5  添加网页行为 139

8.5.1  案例12——打开【行为】

面板 139

8.5.2  案例13——添加行为 140

8.6  常用行为的应用 140

8.6.1  案例14——交换图像 141

8.6.2  案例15——弹出信息 142

8.6.3  案例16——打开浏览器窗口 143

 

8.6.4  案例17——检查表单 144

8.6.5  案例18——设置状态栏文本 146

8.7  实战演练——使用表单制作留言本 147

8.8  跟我练练手 150

8.8.1  练习目标 150

8.8.2  上机练习 150

8.9  高手甜点 151

第9章  批量制作风格统一的网页——

使用模板 153

9.1  创建模板 154

9.1.1  案例1——在空白文档中

创建模板 154

9.1.2  案例2——在【资源】

面板中创建模板 154

9.1.3  案例3——从现有文档创建

模板 155

9.1.4  案例4——创建可编辑区域 156

9.2  管理模板 157

9.2.1  案例5——从模板中分离 157

9.2.2  案例6——更新模板及基于

模板的网页 158

9.3  实战演练——创建基于模板的页面 159

9.4  跟我练练手 160

9.4.1  练习目标 160

9.4.2  上机练习 160

9.5  高手甜点 161

 

　　

第3篇  动态网站制作篇

 

第10章  制作动态网站基础——

构建动态网站的执行环境 165

10.1  准备互动网页的执行环境 166

10.1.1  什么是PHP 166

10.1.2  执行PHP的程序 166

10.2  架设IIS+PHP的执行环境 166

10.2.1  案例1——IIS网站服务器的

安装与设置 166

10.2.2  案例2——在IIS网站

服务器上安装PHP 169

10.3  架设Apache+PHP的执行环境 171

10.3.1  案例3——Apache 网站

服务器的安装与设置 171

10.3.2  案例4——在Apache网站

服务器上安装PHP 175

10.4  MySQL 数据库的安装 178

10.4.1  案例5——MySQL

数据库的安装 178

10.4.2  案例6——phpMyAdmin

的安装 180

10.5  实战演练——快速安装PHP集成

环境：AppServ 2.5 181

10.6  跟我练练手 183

10.6.1  练习目标 183

10.6.2  上机练习 183

10.7  高手甜点 184

第11章  架起动态网站的桥梁——

定义动态网站与使用

MySQL数据库 185

11.1  定义一个互动网站 186

11.1.1  定义互动网站的重要性 186

11.1.2  案例1——在

Dreamweaver CS6中定义

网站 186

11.2  MySQL数据库的使用 189

11.2.1  数据库的原理 190

11.2.2  案例2——数据库的建立 191

11.3  在网页中使用MySQL数据库 196

11.3.1  网页取得数据库的原理 196

11.3.2  案例3——建立MySQL

数据库连接 197

11.3.3  案例4——绑定记录集 198

 

11.4  加密MySQL数据库 200

11.4.1  MySQL数据库的安全问题 200

11.4.2  案例5——为MySQL管理

账号加上密码 201

11.5  实战演练——数据库的备份与还原 202

11.6  跟我练练手 204

11.6.1  练习目标 204

11.6.2  上机练习 204

11.7  高手甜点 205

第12章  开启动态网站制作之路——

动态网站应用模块开发 207

12.1  网站模块的概念 208

12.2  网站模块的使用 208

12.2.1  案例1——程序源文件的

复制 208

12.2.2  案例2——新建站点 208

12.3  常用动态网站模块开发 209

12.3.1  案例3——在线点播模块

开发 209

12.3.2  案例4——网页搜索模块

开发 210

12.3.3  案例5——在线支付模块

开发 211

12.3.4  案例6——在线客服模块

开发 212

12.3.5  案例7——天气预报模块

开发 212

12.4  跟我练练手 213

12.4.1  练习目标 213

12.4.2  上机练习 213

12.5  高手甜点 214

 

　　

 

第4篇  网页美化布局篇

 

第13章  读懂样式表密码——使用

CSS样式表美化网页 217

13.1  认识CSS 218

13.1.1  CSS概述 218

13.1.2  CSS的作用 218

13.1.3  基本CSS语法 219

13.2  使用CSS样式美化网页 219

13.2.1  案例1——使用字体样式

美化文字 219

13.2.2  案例2——使用文本样式

美化文本 222

13.2.3  案例3——使用背景样式

美化背景 226

13.2.4  案例4——使用链接样式

美化链接 229

13.2.5  案例5——使用列表样式

美化列表 229

13.2.6  案例6——使用区块样式

美化区块 231

13.2.7  案例7——使用宽高样式

设定宽高 233

13.2.8  案例8——使用边框样式

美化边框 234

13.3  使用CSS滤镜美化网页 235

13.3.1  案例9——Alpha滤镜 236

13.3.2  案例10——Blur滤镜 238

13.3.3  案例11——Chroma滤镜 239

13.3.4  案例12——DropShadow

滤镜 240

13.3.5  案例13——FlipH滤镜和

FlipV滤镜 241

13.3.6  案例14——Glow滤镜 243

13.3.7  案例15——Gray滤镜 243

13.3.8  案例16——Invert滤镜 244

13.3.9  案例17——Mask滤镜 244

13.3.10  案例18——Shadow滤镜 245

13.3.11  案例19——Wave滤镜 246

13.3.12  案例20——X-ray滤镜 247

13.4  实战演练——设定网页中的链接

样式 248

13.5  跟我练练手 251

13.5.1  练习目标 251

13.5.2  上机练习 251

13.6  高手甜点 251

第14章  网页盒子模型——网页布局

的盒子技术 253

14.1  盒子模型 254

14.1.1  盒子模型的概念 254

14.1.2  案例1——网页border区域

定义 255

14.1.3  案例2——网页padding

区域定义 256

14.1.4  案例3——网页margin

区域定义 257

14.2  弹性盒模型 260

14.2.1  案例4——盒子布局取向

?box-orient 261

14.2.2  案例5——盒子布局顺序

?box-direction 262

14.2.3  案例6——盒子布局位置

??box-ordinal-group 264

14.2.4  案例7——盒子弹性空间

??box-flex 265

14.2.5  案例8——管理盒子空间

??box-pack和box-align 267

14.2.6  案例9——空间溢出管理

??box-lines 269

14.3  盒子的定位与浮动 270

14.3.1  案例10——相对定位 271

14.3.2  案例11——绝对定位 272

14.3.3  案例12——固定定位 273

14.3.4  案例13——盒子的浮动 274

14.4  实战演练——图文排版效果 276

14.5  跟我练练手 278

14.5.1  练习目标 278

14.5.2  上机练习 278

14.6  高手甜点 279

第15章  页面布局的黄金搭档——

CSS+DIV 布局典型范例 281

15.1  使用CSS排版 282

15.1.1  案例1——将页面用DIV

分块 282

15.1.2  案例2——设置各块位置 282

15.1.3  案例3——用CSS定位 283

15.2  固定宽度网页剖析与布局 285

15.2.1  案例4——网页单列布局

模式 286

 

15.2.2  案例5——网页1-2-1型

布局模式 289

15.2.3  案例6——网页1-3-1型

布局模式 294

15.3  自动缩放网页1-2-1型布局模式 298

15.3.1  案例7——1-2-1型等比例

变宽布局 298

15.3.2  案例8——1-2-1型单列

变宽布局 299

15.4  自动缩放网页1-3-1型布局模式 300

15.4.1  案例9——1-3-1型三列

宽度等比例布局 300

15.4.2  案例10——1-3-1型单侧列

宽度固定的变宽布局 300

15.4.3  案例11——1-3-1型中间

列宽度固定的变宽布局 304

15.4.4  案例12——1-3-1型双侧

列宽度固定的变宽布局 308

15.4.5  案例13——1-3-1型中列和

侧列宽度固定的变宽布局 312

15.5  实战演练——使用CSS设定网页

布局列的背景色 315

15.6  跟我练练手 317

15.6.1  练习目标 317

15.6.2  上机练习 317

15.7  高手甜点 317

 

　　

第5篇  网页脚本篇

 

第16章  读懂JavaScript代码的

前提——JavaScript脚本

基础 321

16.1  认识JavaScript 322

16.1.1  什么是JavaScript 322

16.1.2  JavaScript的特点 322

16.1.3  JavaScript与Java的区别 323

16.1.4  JavaScript版本 324

16.2  JavaScript的基本语法 325

16.2.1  语句执行顺序 325

16.2.2  区分大小写 325

16.2.3  分号与空格 326

16.2.4  对代码行进行折行 326

16.2.5  注释 326

16.2.6  语句 328

16.2.7  语句块 328

16.3  JavaScript的数据结构 329

16.3.1  标识符 330

16.3.2  关键字 330

16.3.3  保留字 330

16.3.4  常量 331

16.3.5  变量 331

16.4  JavaScript的数据类型 333

16.4.1  案例1——typeof运算符 334

16.4.2  案例2——Undefined类型 335

16.4.3  案例3——Null类型 335

16.4.4  案例4——Boolean类型 336

16.4.5  案例5——Number类型 337

16.4.6  案例6——String类型 338

16.4.7  案例7——Object类型 338

16.5  JavaScript的运算符 339

16.5.1  案例8——算术运算符 339

16.5.2  案例9——比较运算符 340

16.5.3  案例10——位运算符 342

16.5.4  案例11——逻辑运算符 342

16.5.5  案例12——条件运算符 344

16.5.6  案例13——赋值运算符 345

16.5.7  案例14——运算符优先级 346

16.6  JavaScript的表达式 347

16.6.1  案例15——赋值表达式 348

16.6.2  案例16——算术表达式 349

16.6.3  案例17——布尔表达式 349

16.6.4  案例18——字符串表达式 350

16.6.5  案例19——类型转换 351

16.7  实战演练——一个简单的

JavaScript实例 352

16.8  跟我练练手 353

16.8.1  练习目标 353

16.8.2  上机练习 353

16.9  高手甜点 353

第17章  改变程序执行方向——

程序控制结构与语句 355

17.1  赋值语句 356

17.2  条件判断语句 356

17.2.1  案例1——if语句 356

17.2.2  案例2——if…else语句 357

17.2.3  案例3——if…else if语句 358

17.2.4  案例4——if语句的嵌套 359

17.2.5  案例5——switch语句 360

17.3  循环控制语句 362

17.3.1  案例6——while语句 362

17.3.2  案例7——do…while语句 363

17.3.3  案例8——for语句 364

17.4  跳转语句 365

17.4.1  案例9——break语句 365

17.4.2  案例10——continue语句 366

17.5  实战演练——在页面中显示距离

??2016年元旦节的天数 366

17.6  跟我练练手 368

17.6.1  练习目标 368

17.6.2  上机练习 368

17.7  高手甜点 368

第18章  JavaScript代码中的密码——

函数 369

18.1  函数简介 370

18.2  函数的调用 370

18.2.1  案例1——函数的简单调用 370

18.2.2  案例2——在表达式中调用

函数 371

18.2.3  案例3——在事件响应中

调用函数 372

18.2.4  案例4——通过链接调用

函数 373

18.3  JavaScript中常用的函数 373

18.3.1  案例5——嵌套函数 373

18.3.2  案例6——递归函数 374

18.3.3  案例7——内置函数 376

18.4  实战演练——购物简易计算器 382

18.5  跟我练练手 385

18.5.1  练习目标 385

18.5.2  上机练习 385

18.6  高手甜点 385

第19章  JavaScript的核心内容——

内置对象 387

19.1  字符串对象 388

19.1.1  案例1——创建字符串对象

的方法 388

19.1.2  案例2——字符串对象常用

属性的应用 389

19.1.3  案例3——字符串对象常用

方法的应用 390

19.2  数学对象 394

19.2.1  案例4——创建Math对象 394

 

19.2.2  案例5——数学对象属性的

应用 395

19.2.3  案例6——数学对象方法的

应用 396

19.3  日期对象 401

19.3.1  案例7——创建日期对象 401

19.3.2  案例8——日期对象常用

方法的应用 403

19.3.3  案例9——日期对象间的

运算 406

19.4  数组对象 407

19.4.1  案例10——创建数组与

访问对象 407

19.4.2  案例11——数组对象属性

的应用 409

19.4.3  案例12——数组对象常用

方法的应用 411

19.5  实战演练——制作网页随机

验证码 415

19.6  跟我练练手 416

19.6.1  练习目标 416

19.6.2  上机练习 416

19.7  高手甜点 417

 

　　

第6篇  网页元素设计篇

 

第20章  体现设计者的思想——使用

 Photoshop CS6进行页面

 设计 421

20.1  熟悉Photoshop的常用工具 422

20.1.1  案例1——缩放工具的使用 422

20.1.2  案例2——抓手工具的使用 422

20.1.3  案例3——选框工具的使用 422

20.1.4  案例4——钢笔工具的使用 423

20.1.5  案例5——套索工具的使用 424

20.1.6  案例6——多边形套索工具

的使用 425

20.1.7  案例7——磁性套索工具的

使用 425

20.1.8  案例8——魔棒工具的使用 426

20.1.9  案例9——快速选择工具的

使用 426

20.1.10  案例10——渐变工具的

使用 427

20.2  创建与保存网页文档 429

20.2.1  案例11——创建网页文档 429

20.2.2  案例12——保存网页文档 430

20.3  网页的版面设计 431

20.3.1  案例13——熟悉常用版面

布局样式 431

20.3.2  案例14——在

Photoshop CS6中构建网页

结构 433

20.4  实战演练——网页图像的切割 434

20.5  跟我练练手 436

20.5.1  练习目标 436

20.5.2  上机练习 436

20.6  高手甜点 436

第21章  让网页活灵活现——网页

元素设计基础 437

21.1  网页图像堆叠之图层 438

21.1.1  案例1——认识【图层】

面板 438

21.1.2  案例2——图层的分类 438

21.1.3  案例3——创建图层 442

21.1.4  案例4——隐藏与显示图层 443

21.1.5  案例5——对齐图层 443

21.1.6  案例6——合并图层 444

21.1.7  案例7——设置不透明度和

填充 445

21.2  网页图像效果之图层样式 447

21.2.1  案例8——光影效果 447

21.2.2  案例9——浮雕效果 450

21.2.3  案例10——叠加效果 450

21.3  网页图像效果之蒙版 452

21.3.1  案例11——剪贴蒙版 452

21.3.2  案例12——快速蒙版 454

21.3.3  案例13——图层蒙版 456

21.3.4  案例14——矢量蒙版 458

21.4  网页图像效果之通道 459

21.4.1  案例15——复合通道 459

21.4.2  案例16——颜色通道 463

21.4.3  案例17—&mdas