完全掌握网页设计和网站制作实用手册

前言

第1章 网页设计与网站建设基础 1

1.1 关于网页设计基础 1

1.1.1 什么是网页 1

1.1.2 Web标准的概念和特点 2

1.1.3 网页设计师应该具备的素养 3

1.2 常用网页设计软件 4

1.2.1 网页编辑排版软件：Dreamweaver CC 4

1.2.2 网页动画制作软件：Flash CC 4

1.2.3 网页图像设计软件：Photoshop CC 5

1.3 网站开发常用语言 6

1.3.1 网页标记语言：HTML 6

1.3.2 网页脚本语言：JavaScript 7

1.3.3 动态网页编程语言：ASP 9

1.4 网站的类型与特点 9

1.4.1 资讯类网站 10

1.4.2 电子商务类网站 10

1.4.3 娱乐类网站 10

1.4.4 机构类网站 12

1.4.5 时尚类网站 12

1.4.6 门户类网站 13

1.5 网站建设流程概述 13

1.5.1 了解客户的需求 13

1.5.2 制作项目规划文案 13

1.5.3 规划网站内容 14

1.5.4 设计网页图像 14

1.5.5 制作网页 15

1.5.6 开发动态网站模块 15

1.5.7 申请域名和服务器空间 16

1.5.8 网站的推广 17

第2章 网页色彩搭配 18

2.1 色彩的原理 18

2.2 色彩的分类 18

2.2.1 无彩色 19

2.2.2 有彩色 19

2.3 色彩的三要素 20

2.3.1 明度 20

2.3.2 色相 21

2.3.3 纯度 21

2.4 网页的配色技巧 22

2.4.1 背景与文字颜色搭配 22

2.4.2 使用一种色彩 23

2.4.3 使用对比色彩 23

2.4.4 使用相邻色彩 24

第3章 使用Dreamweaver CC创建基本文本网页 25

3.1 了解Dreamweaver CC的操作界面 25

3.2　在Dreamweaver中搭建站点 28

3.2.1　使用向导建立站点 28

3.2.2　使用高级设置建立站点 29

3.3　添加文本元素 32

3.3.1　在网页中添加文本 32

3.3.2　插入日期 33

3.3.3　插入特殊字符 35

3.3.4　插入水平线 36

3.4　编辑文本格式 37

3.4.1　设置文本字体 38

3.4.2　设置文本大小 38

3.4.3　设置文本颜色 39

3.5　创建链接 39

3.5.1　使用“属性”面板创建链接 40

3.5.2　使用指向文件图标创建链接 40

3.5.3　使用菜单命令创建链接 40

3.6　实战演练——链接的设置 41

实例1——创建外部链接 41

实例2——创建E-mail链接 42

实例3——创建下载文件的链接 43

实例4——创建图像热点链接 45

3.7　实战演练——创建基本文本网页 47

第4章 使用图像和多媒体美化网页 49

4.1 在网页中使用图像 49

4.1.1 插入图像 49

4.1.2 设置图像属性 51

4.1.3 裁剪图像 52

4.1.4 调整图像亮度和对比度 54

4.1.5 锐化图像 55

4.2 插入其他图像元素 56

4.2.1 插入背景图像 56

4.2.2 插入鼠标经过图像 57

4.3 添加背景音乐 59

4.3.1 使用代码提示添加背景音乐 59

4.3.2 使用插件添加音乐 62

4.4 插入其他媒体对象 63

4.4.1 插入Flash动画 63

4.4.2 插入Flash Video 65

4.5 实战演练 67

实例1——插入鼠标经过图像导航栏 67

实例2——创建图文并茂的网页 69

第5章 使用表格布局排版网页 72

5.1 插入表格 72

5.2 设置属性 74

5.2.1 设置表格属性 74

5.2.2 设置单元格属性 75

5.3　选择表格元素 75

5.3.1 选取整个表格 75

5.3.2 选取行或列 76

5.3.3 选取单元格 77

5.4　操作表格 78

5.4.1　调整表格高度和宽度 78

5.4.2　添加或删除行或列 80

5.4.3　拆分单元格 81

5.4.4　合并单元格 82

5.4.5　剪切、复制、粘贴单元格 83

5.5　实战演练 83

实例1——创建细线表格 83

实例2——制作圆角表格 86

第6章 使用CSS样式表美化网页 91

6.1 了解CSS样式表 91

6.2　使用CSS 92

6.2.1　CSS基本语法 92

6.2.2　添加CSS的方法 93

6.3　设置CSS样式表属性 95

6.3.1　设置CSS类型属性 95

6.3.2　设置CSS背景属性 95

6.3.3　设置CSS区块属性 96

6.3.4　设置CSS方框属性 97

6.3.5　设置CSS边框属性 98

6.3.6　设置CSS列表属性 98

6.3.7　设置CSS定位属性 99

6.3.8　设置扩展属性 99

6.3.9　设置CSS过渡属性 100

6.4 使用CSS滤镜 100

6.4.1 滤镜概述 101

6.4.2 光晕 102

6.4.3 模糊 102

6.4.4 遮罩 103

6.4.5 透明色 103

6.4.6 阴影 104

6.4.7 波浪 105

6.4.8 X射线 105

6.5　实战演练 106

实例1——应用CSS样式定义字体大小 106

实例2——应用CSS样式制作阴影文字 108

实例3——使用CSS样式设置下划线 110

第7章 使用CSS+DIV布局网页 113

7.1 初识DIV 113

7.2 CSS布局方法 115

7.2.1 利用DIV将页面分块 115

7.2.2 利用CSS定位各块的位置 116

7.3 常见的布局类型 118

7.3.1 单行单列固定宽度 118

7.3.2 一列自适应 119

7.3.3 两列固定宽度 120

7.3.4 两列宽度自适应 121

7.3.5 三列浮动中间宽度自适应 122

第8章 使用模板和库批量制作风格统一的网页 124

8.1 创建模板 124

8.1.1　从空白文档创建模板 124

8.1.2　从现有文档创建模板 125

8.2　操作可编辑区域 127

8.2.1　插入可编辑区域 127

8.2.2　删除可编辑区域 128

8.2.3　选中可编辑区域 128

8.3　使用模板创建网页 129

8.4　管理站点中的模板 131

8.4.1　删除模板 131

8.4.2　修改模板 132

8.5　创建与应用库项目 133

8.5.1　创建库项目 134

8.5.2　应用库项目 136

8.5.3　插入库项目 137

8.6　实战演练 138

实例1——创建模板 138

实例2——利用模板创建网页 148

第9章 使用行为设计动感特效网页 152

9.1 了解动作和事件 152

9.1.1 动作 152

9.1.2 事件 153

9.2 添加与修改行为 154

9.2.1 行为的添加 154

9.2.2 行为的修改 154

9.3 使用Dreamweaver内置行为 155

9.3.1 “交换图像”行为 155

9.3.2 “弹出信息”行为 157

9.3.3 “打开浏览器窗口”行为 158

9.3.4 “设置状态栏文本”行为 160

9.3.5 “调用JavaScript”行为 162

9.3.6 “转到URL”行为 163

9.3.7 Blind行为 165

9.3.8 Bounce行为 167

9.3.9 “检查插件”行为 169

9.3.10 “检查表单”行为 169

第10章 动态网页设计基础 172

10.1 使用表单 172

10.2　搭建动态应用程序开发环境 174

10.2.1　安装IIS 174

10.2.2　设置IIS 176

10.3　创建数据库连接 177

第11章 Flash基础知识 178

11.1　Flash概述 178

11.2　Flash CC的工作界面 179

11.2.1　菜单栏 179

11.2.2　工具箱 180

11.2.3　“时间轴”面板 180

11.2.4　舞台 181

11.2.5　“属性”面板 181

11.3　Flash动画的发布 182

第12章 绘制图形和编辑对象 186

12.1　绘制图形对象 186

12.1.1　线条工具 186

12.1.2　铅笔工具 187

12.1.3　钢笔工具 188

12.1.4　椭圆工具 189

12.1.5　矩形工具 190

12.1.6　多角星形工具 191

12.2　填充图形对象 192

12.2.1　墨水瓶工具 192

12.2.2　颜料桶工具 193

12.2.3　滴管工具 194

12.2.4　刷子工具 195

12.3　操作图形对象 197

12.3.1　选择对象 197

12.3.2　移动对象 198

12.3.3 复制对象 199

12.3.4 删除对象 200

12.4　使用任意变形工具 200

12.4.1　缩放对象 201

12.4.2　旋转对象 202

12.5　使用文本工具 203

12.5.1　静态文本 203

12.5.2　动态文本 204

12.5.3　输入文本 205

12.6　实战演练 206

实例1——绘制网页标志 206

实例2——绘制网络贺卡 208

实例3——制作空心文字 213

第13章 使用元件、实例和库 215

13.1　元件的应用 215

13.1.1　元件的类型 215

13.1.2　创建图形元件 216

13.1.3　将对象转换为图形元件 217

13.1.4　将对象转换为影片剪辑元件 217

13.2　实例的应用 218

13.2.1　创建实例 219

13.2.2　交换元件实例 221

13.2.3　改变实例的颜色和透明度 222

13.2.4　改变实例类型 223

13.2.5　分离实例 224

13.3　库的应用 225

13.4　实战演练 227

实例1——文字效果 227

实例2——随着鼠标缩放按钮 230

第14章 使用时间轴与图层制作动画 233

14.1　时间轴与帧 233

14.1.1　时间轴 233

14.1.2　帧 234

14.2　图层 234

14.2.1　创建图层 235

14.2.2　编辑图层 236

14.2.3　修改图层属性 237

14.3　引导层 238

14.3.1　创建引导层动画 238

14.3.2　创建引导层动画实例 239

14.4　遮罩层 242

14.5　实战演练——利用遮罩层制作动画 244

第15章 创建基本Flash动画 247

15.1 创建逐帧动画 247

15.1.1 创建逐帧动画的方法 247

15.1.2 制作逐帧动画实例 248

15.2 创建补间动画 250

15.2.1 创建补间动画的方法 250

15.2.2 利用动画补间创建对象的缩放与淡出效果 250

15.3 创建形状补间动画 252

15.3.1 创建形状补间动画的方法和技巧 252

15.3.2 创建形状补间动画实例 253

15.4　编辑与处理声音 255

15.4.1　导入声音 255

15.4.2　添加声音 255

15.4.3　编辑声音 257

15.5　制作视频动画 259

第16章 使用Photoshop CC制作网页图像 261

16.1 编辑图像文件 261

16.1.1 新建与保存网页图像文件 261

16.1.2 打开网页图像文件 263

16.2 使用页面布局工具 263

16.2.1 使用标尺 263

16.2.2 使用参考线 264

16.2.3 使用矩形工具 265

16.2.4 使用直线工具 266

16.2.5 使用单行（列）选框工具 266

16.3　设置前景色和背景色 267

16.4 创建选择区域 268

16.4.1 选框工具 268

16.4.2 套索工具 268

16.4.3 魔棒工具 269

16.4.4 制作透明图像 269

16.5 基本绘图工具 271

16.5.1 画笔工具 271

16.5.2 铅笔工具 272

16.5.3 减淡和加深工具 273

16.6 实战演练——绘制网站标志 274

第17章 网页切片输出与动画制作 277

17.1 创建与编辑切片 277

17.1.1 切片方法 277

17.1.2 编辑切片选项 278

17.1.3 优化和输出切片 279

17.2 保存图像 280

17.3 创建GIF动画 281

17.3.1 认识“动画”面板 281

17.3.2 创建动画 282

17.3.3 存储动画 285

17.4 实战演练——企业网站首页 285

第18章 Photoshop网页图像设计 289

18.1 网站Logo的制作 289

18.2　网站Banner的制作 292

18.3 网站按钮的制作 294

18.4　导航条的制作 296

18.5　文字特效的设计 298

18.5.1　绚彩果冻字 298

18.5.2　立体多彩字 300

第19章 HTML 5与CSS 3指南 303

19.1 HTML 5简介 303

19.1.1 HTML 5的特点 303

19.1.2 HTML 5的基本布局 304

19.2 HTML 5结构元素 307

19.2.1 header 308

19.2.2 nav 309

19.2.3 footer 309

19.2.4 article 310

19.3 预览激动人心的CSS 3 311

19.3.1 CSS 3的发展历史 311

19.3.2　CSS 3的新增特性 311

19.3.3　主流浏览器对CSS 3的支持 317

19.4 使用CSS 3实现圆角表格 317

第20章 设计企业宣传型网站 319

20.1 网站的前期策划 319

20.1.1 明确企业网站的建站目的 319

20.1.2 网站的总体策划 320

20.2 网站的版面布局及色彩 320

20.2.1 确定网站的色彩 320

20.2.2 草案及粗略布局 321

20.3 网站首页的设计 322

20.3.1 首页的设计 322

20.3.2 切割首页 326

20.4 本地站点的创建 327

20.5 二级模板页面的设计 329

20.5.1 创建库文件 329

20.5.2 创建模板 331

20.5.3 利用模板创建二级页面 335

第21章 网站的推广与SEO优化 338

21.1　网站的推广 338

21.1.1 网站推广的目的 338

21.1.2 网站推广的方式 339

21.2　网站的维护 342

21.2.1 网站的软硬件维护 342

21.2.2 网站的内容维护 343

21.2.3 网站备份 343

21.3　搜索引擎优化SEO 344

21.3.1 什么是搜索引擎 344

21.3.2 影响SEO排名的因素 344

21.3.3 理解搜索引擎关键字 346

本书全面系统地介绍了DreamweaverCC、FlashCC、PhotoshopCC这3个软件的使用方法和技巧，通过大量实例，让读者一步一步掌握软件的使用方法，真正完成了从入门到精通的转变。在讲解基础知识的同时，以大量商业案例教授读者轻松掌握网页设计的方法。书中还介绍了大量的操作技巧与学习心得，让你迅速成为网页设计的高手。