作者：刘玉红、蒲娟
定价：68元
印次：1-1
ISBN：9787302479376
出版日期：2017.10.01
印刷日期：2017.09.29

本书以零基础讲解为宗旨，用实例引导读者深入学习，採取“精通网页设计技法→精通网页设计艺术→精通网页元素设计技法→精通网页动画设计→综合网站开发实战”的讲解模式，深入浅出地讲解网页设计的各项技术及实战技能。

第1篇精通网页设计技法

第1章磨刀不误砍柴工——认识DreamweaverCC

1.1　走进DreamweaverCC4

1.1.1　安装DreamweaverCC4

1.1.2　启动DreamweaverCC5

1.2　DreamweaverCC的工作环境6

1.2.1　认识DreamweaverCC的工作界面6

1.2.2　熟悉【插入】面板8

1.3　体验DreamweaverCC的新增功能9

1.4　创建站点12

1.4.1　案例1——创建本地站点12

1.4.2　案例2——创建远程站点13

1.5　管理站点14

1.5.1　案例3——打开站点14

1.5.2　案例4——编辑站点14

1.5.3　案例5——删除站点15

1.5.4　案例6——複製站点16

1.6　操作站点档案及资料夹16

1.6.1　案例7——创建资料夹16

1.6.2　案例8——创建档案17

1.6.3　案例9——档案或资料夹的移动和複製17

1.6.4　案例10——删除档案或资料夹18

1.7　高手解惑18

1.8　跟我练练手20

第2章网页内容之美——创建网页中的文本

2.1　网页设计的基本操作21

2.1.1　案例1——新建网页21

2.1.2　案例2——保存网页21

2.1.3　案例3——打开网页23

2.1.4　案例4——预览网页23

2.2　设定页面属性24

2.3　用文字充实网页28

2.3.1　案例5——插入文字28

2.3.2　案例6——设定字型29

2.3.3　案例7——设定字号30

2.3.4　案例8——设定字型颜色31

2.3.5　案例9——设定字型样式32

2.3.6　案例10——编辑段落33

2.3.7　案例11——检查拼写38

2.3.8　案例12——创建项目列表39

2.4　特殊文本的操作41

2.4.1　案例13——插入换行符41

2.4.2　案例14——插入水平线42

2.4.3　案例15——插入日期42

2.4.4　案例16——插入特殊字元43

2.4.5　案例17——插入注释44

2.5　实战演练——设定主页中的跟蹤图像44

2.6　高手解惑46

2.7　跟我练练手46

第3章有图有真相——使用图像和多媒体

3.1　选择适合网页中图像的格式48

3.2　用图像美化网页49

3.2.1　案例1——插入图像49

3.2.2　案例2——图像属性设定50

3.2.3　案例3——图像的对齐方式52

3.2.4　案例4——插入滑鼠经过图像52

3.2.5　案例5——插入图像占位符54

3.3　在网页中插入多媒体55

3.3.1　案例6——插入背景音乐55

3.3.2　案例7——插入Flash动画56

3.3.3　案例8——插入FLV视频57

3.3.4　案例9——插入HTML5音频59

3.3.5　案例10——插入HTML5视频59

3.4　实战演练——製作图文并茂的网页61

3.5　高手解惑62

3.6　跟我练练手63

第4章不在网页中迷路——设计网页超连结

4.1　连结与路径66

4.1.1　连结的概念66

4.1.2　连结路径66

4.1.3　连结的类型67

4.2　添加网页超连结68

4.2.1　案例1——添加文本连结68

4.2.2　案例2——添加图像连结69

4.2.3　案例3——创建外部连结70

4.2.4　案例4——创建锚记连结70

4.2.5　案例5——创建图像热点连结72

4.2.6　案例6——创建电子邮件连结72

4.2.7　案例7——创建下载档案的连结73

4.2.8　案例8——创建空连结74

4.2.9　案例9——创建脚本连结74

4.3　案例10——连结的检查75

4.4　实战演练——为企业网站添加友情连结76

4.5　高手解惑77

4.6　跟我练练手77

第5章简单的网页布局——表格的套用

5.1　插入表格80

5.2　选择表格81

5.2.1　案例1——选择完整的表格81

5.2.2　案例2——选择行和列82

5.2.3　案例3——选择单元格82

5.3　表格属性83

5.3.1　案例4——设定单元格属性83

5.3.2　案例5——设定整个表格属性84

5.4　操作表格84

5.4.1　案例6——调整大小85

5.4.2　案例7——增加行、列85

5.4.3　案例8——删除行、列、单元格内容86

5.4.4　案例9——剪下、複製和贴上单元格87

5.4.5　案例10——合併和拆分单元格87

5.5　操作表格数据88

5.5.1　案例11——向表格中输入文本89

5.5.2　案例12——向表格中插入图像89

5.5.3　案例13——表格数据的排序89

5.5.4　案例14——导入表格数据90

5.5.5　案例15——导出表格数据91

5.6　实战演练——使用表格布局网页92

5.7　高手解惑94

5.8　跟我练练手95

第6章让网页互动起来——使用网页表单和行为

6.1　认识表单98

6.2　在网页中插入表单元素98

6.2.1　案例1——插入表单域98

6.2.2　案例2——插入文本域99

6.2.3　案例3——插入密码域100

6.3　在网页中插入複选框和单选按钮101

6.3.1　案例4——插入複选框101

6.3.2　案例5——插入单选按钮102

6.4　製作网页列表和选单102

6.4.1　案例6——插入下拉选单103

6.4.2　案例7——插入滚动列表103

6.5　在网页中插入按钮104

6.5.1　案例8——插入按钮104

6.5.2　案例9——插入图像按钮104

6.6　插入档案上传域105

6.7　添加网页行为106

6.7.1　案例10——打开【行为】面板106

6.7.2　案例11——添加行为107

6.8　常用行为的套用107

6.8.1　案例12——交换图像107

6.8.2　案例13——弹出信息109

6.8.3　案例14——打开浏览器视窗110

6.8.4　案例15——检查表单行为111

6.8.5　案例16——设定状态栏文本113

6.9　实战演练——使用表单製作留言本114

6.10　高手解惑117

6.11　跟我练练手118

第7章批量製作风格统一的网页——使用模板和库

7.1　创建模板120

7.1.1　案例1——在空白文档中创建模板120

7.1.2　案例2——在【资源】面板中创建模板120

7.1.3　案例3——从现有文档创建模板121

7.1.4　案例4——创建可编辑区域121

7.2　管理模板123

7.2.1　案例5——从模板中分离123

7.2.2　案例6——更新模板及基于模板的网页123

7.3　库概述124

7.4　库的创建、管理与套用125

7.4.1　案例7——创建库项目125

7.4.2　案例8——库项目的套用126

7.4.3　案例9——编辑库项目127

7.5　实战演练——创建基于模板的页面128

7.6　高手解惑130

7.7　跟我练练手130

第2篇精通网页设计艺术

第8章第一视觉最重要——网站配色与布局

8.1　善用色彩设计网页134

8.1.1　认识色彩134

8.1.2　案例1——网页上的色彩处理135

8.2　网页色彩的搭配138

8.2.1　案例2——确定网站的主题色138

8.2.2　案例3——网页色彩搭配原理139

8.2.3　案例4——网页中色彩的搭配141

8.2.4　案例5——网页元素的色彩搭配143

8.2.5　案例6——网页色彩搭配的技巧144

8.3　布局网站板块结构146

8.3.1　案例7——“国”字型146

8.3.2　案例8——标题正文型146

8.3.3　案例9——左右框架型146

8.3.4　案例10——上下框架型147

8.3.5　案例11——综合框架型147

8.3.6　案例12——封面型147

8.3.7　案例13——Flash型147

8.4　网站配色套用案例148

8.4.1　案例14——网路购物网站色彩套用148

8.4.2　案例15——游戏网站色彩套用148

8.4.3　案例16——企业入口网站色彩套用149

8.4.4　案例17——时政新闻网站色彩套用152

8.4.5　案例18——影音视频网站色彩套用152

8.4.6　案例19——电子商务网站色彩套用153

8.4.7　案例20——娱乐网站色彩套用154

8.5　实战演练——定位网站页面的框架154

8.6　高手解惑156

8.7　跟我练练手156

第9章读懂样式表密码——使用CSS样式表美化网页

9.1　初识CSS158

9.1.1　CSS概述158

9.1.2　CSS的作用158

9.1.3　基本CSS语法159

9.1.4　案例1——使用DreamweaverCC

编写CSS159

9.2　使用CSS的方法161

9.2.1　案例2——行内样式161

9.2.2　案例3——内嵌样式162

9.2.3　案例4——连结样式163

9.2.4　案例5——导入样式164

9.2.5　案例6——优先权问题165

9.3　使用CSS样式美化网页167

9.3.1　案例7——使用字型样式美化文字167

9.3.2　案例8——使用文本样式美化文本168

9.3.3　案例9——使用背景样式美化背景169

9.4　实战演练——设定网页中连结样式171

9.5　高手解惑174

9.6　跟我练练手174

第10章架构师的大比拼——网页布局典型範例

10.1　使用CSS排版176

10.1.1　案例1——将页面用div分块176

10.1.2　案例2——设定各块位置176

10.1.3　案例3——用CSS定位176

10.2　固定宽度网页剖析与布局179

10.2.1　案例4——网页单列布局模式179

10.2.2　案例5——网页1-2-1型布局模式182

10.3　自动缩放网页1-2-1型布局模式186

10.3.1　案例6——“1-2-1”等比例变宽布局186

10.3.2　案例7——“1-2-1”单列变宽布局186

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

布局列的背景色187

10.5　高手解惑188

10.6　跟我练练手189

第3篇精通网页元素设计技法

第11章网页元素设计利器——PhotoshopCC

11.1　PhotoshopCC工作界面194

11.1.1　案例1——认识选单栏194

11.1.2　案例2——认识选项栏194

11.1.3　案例3——认识工具箱195

11.1.4　案例4——认识图像视窗196

11.1.5　案例5——认识面板197

11.1.6　案例6——认识状态栏198

11.2　档案的基本操作199

11.2.1　案例7——新建档案199

11.2.2　案例8——打开档案201

11.2.3　案例9——保存档案202

11.2.4　案例10——置入档案203

11.3　套用图像辅助工具204

11.3.1　案例11——使用标尺204

11.3.2　案例12——使用参考线205

11.3.3　案例13——使用对齐功能206

11.4　实战演练——载入预设资源206

11.5　高手解惑208

11.6　跟我练练手208

第12章网页中的文字设计——製作网页文字特效

12.1　文字的类型210

12.2　输入文字210

12.2.1　通过文字工具输入文字210

12.2.2　通过文字蒙版工具输入文字选区212

12.2.3　转换点文字和段落文字213

12.2.4　转换文字排列方向213

12.3　设定文字格式214

12.3.1　通过选项栏设定格式214

12.3.2　通过字元面板设定文字格式215

12.3.3　通过段落面板设定段落格式216

12.4　製作常见特效文字218

12.4.1　製作路径文字218

12.4.2　製作变形文字210

12.5　实战演练——为文本添加外部

字型样式211

12.6　高手解惑212

12.7　跟我练练手213

第13章网页中迷人的蓝海——製作网页按钮与特效边线

13.1　製作按钮216

13.1.1　案例1——製作普通按钮216

13.1.2　案例2——製作迷你按钮218

13.1.3　案例3——製作水晶按钮230

13.1.4　案例4——製作木纹按钮235

13.2　製作装饰边线238

13.2.1　案例5——製作装饰虚线238

13.2.2　案例6——製作分割线条240

13.2.3　案例7——製作斜纹区域240

13.3　高手解惑241

13.4　跟我练练手242

第14章网站中的路标——製作网页导航条

14.1　网页导航条简介244

14.2　製作网页导航条244

14.2.1　案例1——製作导航条框架244

14.2.2　案例2——製作斜纹245

14.2.3　案例3——製作纵嚮导航条246

14.3　高手解惑248

14.4　跟我练练手249

第4篇精通网页动画设计

第15章让网页活灵活现——製作简单网页动画

15.1　了解FlashCC254

15.1.1　绘製矢量绘图254

15.1.2　设计製作动画254

15.1.3　强大的编程功能254

15.2　FlashCC的工作界面255

15.3　FlashCC的基本操作260

15.3.1　案例1——新建Flash档案260

15.3.2　案例2——打开Flash档案261

15.3.3　案例3——保存和关闭Flash档案262

15.4　使用文本工具264

15.4.1　案例4——利用文本工具输入文字264

15.4.2　案例5——设定文本字元属性264

15.4.3　案例6——设定传统文本的段落属性265

15.5　变形文本266

15.6　分离文本267

15.7　高手解惑268

15.8　跟我练练手268

第16章动画的核心技术——使用时间轴、帧和图层

16.1　製作FlashCC动画基础270

16.1.1　案例1——动作补间动画的製作270

16.1.2　案例2——形状补间动画的製作271

16.2　图层操作基础273

16.2.1　案例3——创建图层和图层资料夹273

16.2.2　案例4——编辑图层275

16.2.3　案例5——设定图层的状态与属性277

16.3　时间轴与帧279

16.3.1　案例6——帧的分类279

16.3.2　案例7——插入帧280

16.3.3　案例8——帧标籤、注释和锚记281

16.4　对帧进行操作282

16.4.1　案例9——帧的删除和清除282

16.4.2　案例10——帧的选取、複製、

贴上和移动282

16.4.3　案例11——翻转帧与洋葱皮工具283

16.5　实战演练——製作数字倒计时动画284

16.6　高手解惑286

16.7　跟我练练手287

第17章利用元件和库组织动画素材

17.1　创建Flash元件290

17.1.1　元件概述与分类290

17.1.2　案例1——创建元件290

17.1.3　案例2——调用其他文档中的元件295

17.2　使用实例296

17.2.1　案例3——为实例另外指定一个元件296

17.2.2　案例4——改变实例297

17.3　使用“库”面板298

17.3.1　认识“库”面板298

17.3.2　案例5——库的管理与使用299

17.4　实战演练——製作绚丽网页按钮301

17.5　高手解惑306

17.6　跟我练练手306

第18章製作动态网站Logo与Banner

18.1　製作滚动文字Logo308

18.1.1　设定文档属性308

18.1.2　製作文字元件308

18.1.3　製作滚动效果309

18.2　製作产品Banner311

18.2.1　製作文字动画311

18.2.2　製作文字遮罩动画313

18.2.3　製作图片动画313

18.3　高手解惑315

18.4　跟我练练手315

第5篇综合网站开发实战

第19章综合案例实战1——PhotoshopCC设计网页

19.1　设计网页Logo320

19.2　设计网页导航栏323

19.3　设计网页的Banner323

19.4　设计网页正文部分327

19.4.1　设计正文导航327

19.4.2　设计正文内容329

19.5　设计网页页脚部分332

19.6　组合线上购物网页332

19.7　保存网页334

19.8　对网页进行切片处理335

第20章综合案例实战2——製作个人Flash网站

20.1　实例分析338

20.1.1　背景概述338

20.1.2　实例简介338

20.2　主要知识点338

20.3　具体的设计步骤339

20.3.1　网站结构规划339

20.3.2　主场景的设计339

20.3.3　次场景的设计342

20.4　高手解惑346

第21章开发网站互动留言板系统

21.1　系统的功能分析348

21.1.1　规划网页结构和功能348

21.1.2　网页美工设计348

21.2　资料库设计与连线349

21.2.1　资料库的设计349

21.2.2　创建资料库连线352

21.3　留言板管理系统页面的製作354

21.3.1　留言板管理系统主页面的製作354

21.3.2　访问者留言页面的製作360

21.4　留言板系统后台管理的製作362

21.4.1　管理员登录页面的製作362

21.4.2　留言板后台管理主页面的製作363

21.4.3　删除留言页面367

第21章行业综合案例4——製作移动设备类型网页

21.1　网站设计分析370

21.2　网站结构分析370

21.3　网站主页面的製作371

21.4　网站成品预览372

第23章让别人浏览我的成果—网站的发布

23.1　上传网站前的準备工作380

23.1.1　注册域名380

23.1.2　申请空间381

23.2　测试网站382

23.2.1　案例1——测试站点範围的连结382

23.2.2　案例2——改变站点範围的连结382

23.2.3　案例3——查找和替换383

23.2.4　案例4——清理文档384

23.3　上传网站384

23.3.1　案例5——使用Dreamweaver

上传网站385

23.3.2　案例6——使用FTP工具上传网站386

23.4　高手解惑388

23.5　跟我练练手389