网页设计与制作实用教程——Dreamweaver+Flash+Photoshop －微课版（第3版）

第1章 网站开发基础... 1

1.1网站开发概述... 1

1.1.1 什么是网站... 1

1.1.2 网站的类型及定位... 1

1.1.3 认识网页... 4

1.2网站开发流程... 7

1.2.1 网站总体策划... 7

1.2.2 设计和制作素材... 8

1.2.3 建立站点... 9

1.2.4 制作网页... 9

1.2.5 测试和发布网站... 10

1.3常用网页设计软件... 10

1.4HTML入门... 13

1.4.1 HTML的概念... 13

1.4.2 编写HTML网页... 14

1.4.3 HTML标签... 15

1.4.4 HTML文档的基本结构... 16

1.4.5 了解XHTML. 17

1.5本章习题... 19

1.6上机练习... 19

练习1 网站的规划... 19

练习2 用HTML编写网页文档... 19

第2章 Dreamweaver网页制作基础... 20

2.1Dreamweaver CS6的工作环境... 20

2.1.1 开始页... 20

2.1.2 Dreamweaver软件界面... 21

2.1.3 自定义界面... 23

2.1.4 Dreamweaver的视图模式... 24

2.2建立本地站点... 27

2.2.1 创建站点目录... 27

2.2.2 在Dreamweaver中定义站点... 27

2.3在Dreamweaver中制作*个网页... 30

2.3.1 新建HTML网页文档... 30

2.3.2 编辑和保存网页... 30

2.3.3 预览网页... 30

2.3.4 继续编辑网页... 32

2.4本章习题... 33

2.5上机练习... 33

练习1 定义本地站点... 33

练习2 制作一个简单网页... 33

第3章 制作网页内容... 34

3.1文字和段落在网页中的应用... 34

3.1.1 插入文字... 34

3.1.2 设置文本属性... 35

3.1.3 设置段落格式... 39

3.1.4 插入特殊字符... 43

3.1.5 使用段落列表... 44

3.2图像在网页中的应用... 45

3.2.1 插入图像... 46

3.2.2 设置图像属性... 48

3.2.3 使用外部图像编辑器... 49

3.3多媒体对象在网页中的应用... 50

3.3.1 在网页中应用Flash动画... 50

3.3.2 在网页中应用FLV视频... 53

3.3.3 在网页中应用声音... 56

3.4超链接... 58

3.4.1 创建超链接的方法... 59

3.4.2 超链接的路径... 61

3.4.3 链接目标... 62

3.5本章习题... 63

3.6上机练习... 63

练习1 制作文字网页... 63

练习2 制作图文混排网页... 64

练习3 制作Flash导航条... 65

第4章 CSS样式表... 66

4.1CSS入门... 66

4.1.1 “CSS样式”面板... 66

4.1.2 定义CSS规则... 68

4.1.3 在网页中应用CSS样式... 70

4.1.4 CSS规则的类型... 71

4.2CSS样式详解... 73

4.2.1 类型... 73

4.2.2 背景... 75

4.2.3 区块... 76

4.2.4 方框... 77

4.2.5 边框... 78

4.2.6 列表... 79

4.2.7 定位... 79

4.2.8 扩展... 81

4.3创建CSS样式... 82

4.3.1 内部样式表... 82

4.3.2 外部样式表... 84

4.4本章习题... 89

4.5上机练习... 90

练习1 使用CSS自定义项目列表... 90

练习2 外部CSS文件的创建和应用... 90

第5章 网页布局... 91

5.1网页布局的类型... 91

5.2用表格进行网页布局... 93

5.2.1 在页面中插入表格... 93

5.2.2 设置表格属性... 96

5.2.3 表格标签... 97

5.2.4 用表格布局网页... 98

5.2.5 表格模式... 102

5.3框架... 103

5.3.1 用框架布局页面... 103

5.3.2 创建框架和框架集... 106

5.3.3 设置框架和框架集属性... 107

5.3.4 保存框架和框架集... 109

5.3.5 控制带有链接的框架内容... 109

5.4用CSS进行网页布局... 110

5.4.1 表格 CSS布局... 110

5.4.2 DIV CSS布局... 115

5.5本章习题... 119

5.6上机练习... 119

练习1 利用表格布局网页实例... 119

练习2 利用框架布局网页实例... 119

练习3 利用DIV CSS布局网页实例... 121

第6章 网页特效与交互... 122

6.1行为... 122

6.1.1 附加行为... 122

6.1.2 行为应用实例——网页加载时弹出公告页... 124

6.1.3 内置行为简介... 126

6.2AP元素... 127

6.2.1 应用AP Div创建AP元素... 127

6.2.2AP元素的属性详解... 130

6.2.3AP元素拖动效果... 132

6.3Spry框架... 133

6.3.1 Spry效果... 133

6.3.2 Spry构件... 135

6.4JavaScript基础知识... 137

6.4.1 <script>标签... 137

6.4.2 编写一个简单的JavaScript程序... 138

6.4.3 使用“代码片段”面板... 140

6.5本章习题... 144

6.6上机练习... 145

练习1 行为应用实例——关闭网页时弹出信息... 145

练习2 Spry构件应用实例——菜单栏... 145

练习3 JavaScript应用实例——问候对话框... 145

第7章 模板和站点管理... 147

7.1模板... 147

7.1.1 新建模板的方法... 147

7.1.2 可编辑区域... 148

7.1.3 创建基于模板的页面... 151

7.2资源管理... 152

7.2.1 库... 152

7.2.2 其他资源管理... 154

7.3站点管理和维护... 154

7.3.1 测试网站... 154

7.3.2 发布网站... 156

7.3.3 导入和导出站点... 159

7.4本章习题... 160

7.5上机练习... 161

练习1 模板及其应用... 161

练习2 库及其应用... 161

第8章 Photoshop网页设计基础... 162

8.1Photoshop CS6的工作环境... 162

8.1.1Photoshop CS6的界面... 162

8.1.2 工作区布局和屏幕模式... 168

8.1.3 使用标尺、网格和参考线... 169

8.2使用Photoshop绘制网页基本图形... 170

8.2.1 创建Photoshop文档... 170

8.2.2 绘制几何形状... 172

8.2.3 使用钢笔工具绘制路径... 175

8.2.4 使用画笔... 177

8.2.5 设置颜色... 180

8.3本章习题... 184

8.4上机练习... 184

练习1 绘制网页图形... 184

练习2 使用画笔绘制心形... 184

第9章 Photoshop网页设计进阶... 186

9.1图层与蒙版... 186

9.1.1 图层... 186

9.1.2 图层样式... 189

9.1.3 图层的混合模式... 192

9.1.4 图层蒙版的操作... 193

9.2选区与通道... 196

9.2.1 创建选区... 196

9.2.2 通道及其应用... 199

9.3设计网页文字... 201

9.3.1 输入和编辑文字... 202

9.3.2 文字的转换... 204

9.3.3 路径文字... 206

9.4调整网页图像... 207

9.4.1 调整图像的基本属性... 207

9.4.2 修饰和修复图像... 210

9.4.3 调整图像的色调... 217

9.4.4 调整图像的色彩... 221

9.5使用滤镜增强网页图像的效果... 224

9.5.1 使用滤镜库... 224

9.5.2 “抽出”滤镜和“液化”滤镜... 225

9.5.3 “模糊”滤镜和“锐化”滤镜... 227

9.6本章习题... 229

9.7上机练习... 230

练习1 绘制网站Logo. 230

练习2 网页图像色调的调整... 230

第10章 使用Photoshop设计网页元素... 231

10.1设计网站图标和Logo. 231

10.1.1 绘制网站图标... 231

10.1.2 绘制网站Logo. 234

10.2设计网页广告图像... 237

10.2.1 制作网站Banner 237

10.2.2 绘制网页通栏广告... 241

10.3设计网页按钮和导航条... 244

10.3.1 绘制网页按钮... 244

10.3.2 绘制网页导航条... 245

10.4设计网页... 247

10.4.1 绘制网页... 248

10.4.2 创建切片... 252

10.4.3 优化切片并导出HTML文件... 254

10.4.4 在Dreamweaver中编辑网页... 256

10.5本章习题... 257

10.6上机练习... 258

练习1 绘制网站Logo. 258

练习2 绘制导航条... 258

练习3 制作网页GIF动画... 259

练习4 设计个人主页... 259

第11章 Flash动画制作基础... 260

11.1Flash CS6的工作环境... 260

11.1.1 工作界面简介... 260

11.1.2 面板的操作... 263

11.2Flash动画的制作... 265

11.2.1 Flash动画的制作流程... 265

11.2.2 制作*个网页动画... 266

11.3绘制矢量图形... 269

11.3.1 绘制线条... 269

11.3.2 绘制简单图形... 272

11.3.3 设计图形色彩... 276

11.3.4 绘制复杂图形... 281

11.3.5 图形的变形... 289

11.3.6 绘制模式... 292

11.4位图和文字... 295

11.4.1 应用位图... 295

11.4.2 应用文字... 296

11.5本章习题... 301

11.6上机练习... 302

练习1 绘制商业标志... 302

练习2 制作公益广告... 303

第12章 制作网页动画... 304

12.1图层和帧... 304

12.1.1 图层的基本概念和操作... 304

12.1.2 帧的基本概念和操作... 307

12.2基础动画... 310

12.2.1 逐帧动画... 310

12.2.2 形状补间动画... 313

12.2.3 传统补间动画... 316

12.2.4 沿路径运动的传统补间动画... 318

12.3元件及其应用... 320

12.3.1 元件的类型和创建元件的方法... 320

12.3.2 影片剪辑元件... 323

12.3.3 按钮元件... 325

12.4高级动画... 328

12.4.1 对象补间动画... 328

12.4.2 动画编辑器和动画预设... 331

12.4.3 遮罩动画... 333

12.4.4 3D动画和骨骼动画... 335

12.5使用Flash制作网络广告... 338

12.5.1 企业形象Banner设计... 338

12.5.2 横幅广告设计... 341

12.5.3 网络广告设计... 346

12.6本章习题... 350

12.7上机练习... 351

练习1 制作网站动态Logo. 351

练习2 制作产品推广横幅广告... 352

附录A 常用HTML标签... 353

附录B 安装IIS和配置Web服务器... 363

B.1安装IIS. 363

B.2配置Web服务器... 364

附录C 网站上传和下载工具——FlashFXP. 370

C.1FlashFXP工作环境介绍... 370

C.2FTP站点的创建... 371

C.3文件的上传和下载... 372

C.4FlashFXP的高级应用... 373

附录D 习题参考答案... 377