网页设计三合一基础与项目实训

目 录

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

入门 1

1.1 认识网站 2

1.1.1 什么是网站 2

1.1.2 网站的分类及特点 2

1.1.3 什么是网页 5

1.1.4 网页基本构成 5

1.1.5 网页的类型 6

1.2 网站建设的技术及工具软件 7

1.2.1 网页效果图设计软件 7

1.2.2 网页内容编排软件 8

1.2.3 网页动画制作软件 9

1.2.4 超文本标记语言 9

1.2.5 CSS标记语言 9

1.2.6 网页脚本程序语言 10

1.2.7 动态网站编程语言 10

1.3 网站开发流程 10

1.3.1 网站整体规划 10

1.3.2 收集、整理网站资源 11

1.3.3 设计网页效果图 11

1.3.4 编辑、制作网页 12

1.3.5 开发动态网站模块 13

1.3.6 申请域名和空间 13

1.3.7 网站测试及维护 14

1.3.8 网站推广及优化 15

1.4 网站页面策划与设计 15

1.4.1 网页的内容 15

1.4.2 页面布局策划 18

1.5 视觉空间的构成 20

1.5.1 点 20

1.5.2 线 21

1.5.3 面 21

1.6 网页色彩搭配及精美网站赏析 22

1.6.1 色彩的基础理论 22

1.6.2 精美网站赏析 25

1.7 上机实训——查看与分析网站 29

1.8 本章小结 30

1.9 本章习题 31

第2章　Dreamweaver CS5基础 33

2.1 Dreamweaver CS5简介 34

2.2 Dreamweaver CS5的界面 34

2.2.1　Dreamweaver CS5的窗口组成 34

2.2.2　【标题】栏和【菜单】栏 35

2.2.3　面板组 36

2.2.4　文档窗口 37

2.2.5　【属性】面板 38

2.3 Dreamweaver CS5的参数设置 38

2.4 上机实训——优化Dreamweaver CS5

40

2.5 本章小结 42

2.6 本章习题 42

第3章　管理和维护站点 43

3.1 站点的规划 44

3.2 Dreamweaver CS5的站点设置 44

3.2.1　建立本地站点 44

3.2.2　导入/导出站点 46

3.3 使用Dreamweaver CS5维护站点 46

3.3.1　编辑站点 47

3.3.2　复制站点 48

3.3.3　删除站点 48

3.4 上机实训——管理网页文档 48

3.5 本章小结 49

3.6 本章习题 50

第4章　网页的基本编辑 51

4.1 网页的基本操作 52

4.1.1　创建和保存网页 52

4.1.2　打开和关闭网页 54

4.1.3　预览网页 55

4.2 文本操作 56

4.2.1　插入文本 57

4.2.2　文本的结构化 57

4.2.3　插入特殊字符 59

4.2.4　插入日期 60

4.3 插入水平线 60

4.3.1　直接插入一条水平线 60

4.3.2　设置水平线属性 61

4.4 插入图像 61

4.4.1　普通图像 61

4.4.2　交互式图像 62

4.4.3　图像占位符 64

4.4.4　图像映射 65

4.5 网页背景 66

4.5.1　网页背景颜色 66

4.5.2　网页背景图像 67

4.6 使用表格 68

4.6.1　创建表格 68

4.6.2　表格标记 69

4.6.3　输入表格内容 70

4.6.4　选定表格元素 70

4.6.5　设置表格与单元格属性 71

4.6.6　添加和删除行或列 73

4.6.7　单元格的合并及拆分 74

4.6.8　表格的排序 75

4.6.9　嵌套表格 76

4.6.10　导入/导出表格数据 76

4.7 超级链接 78

4.7.1　URL简介 78

4.7.2　超级链接路径 79

4.7.3　网站内部链接 79

4.7.4　网站外部链接 80

4.7.5　创建电子邮件链接 80

4.7.6　创建空链接 80

4.7.7　创建锚记链接 81

4.8 插入多媒体对象 83

4.8.1　插入Shockwave影片 83

4.8.2　插入Flash动画 84

4.8.3　插入ActiveX控件 84

4.9 使用表单 86

4.9.1　表单概述 86

4.9.2　创建表单 86

4.9.3　常用表单元素 87

4.10 上机实训——制作网站注册页面 93

4.11 本章小结 98

4.12 本章习题 98

第5章　使用层与样式美化网页 101

5.1 网页布局规范 102

5.1.1 Web标准概述 102

5.1.2 Web标准细则简述 102

5.2 Div与CSS概述 103

5.2.1 Div概述 103

5.2.2 CSS基础知识 104

5.3 设置CSS样式 105

5.3.1 新建CSS样式 106

5.3.2 定义CSS规则 107

5.4 Div+CSS网页布局 110

5.4.1 使用盒子模型 110

5.4.2 使用AP元素 112

5.5 上机实训——制作网页头部 116

5.6 本章小结 121

5.7 本章习题 121

第6章　框架、模板和库 124

6.1 创建框架 125

6.1.1　创建自定义框架 125

6.1.2　创建预定义框架 125

6.1.3　创建嵌套框架 126

6.2 框架和框架集的操作 126

6.2.1　选择框架和框架集 126

6.2.2　保存框架和框架集 127

6.3 框架和框架集的属性 127

6.3.1　设置框架的属性 127

6.3.2　设置框架集的属性 128

6.4 模板和库 128

6.4.1　模板的概念 128

6.4.2　库的概念 129

6.4.3　资源面板 129

6.4.4　应用模板 130

6.4.5　应用库 131

6.5 上机实训——制作框架网页 132

6.6 本章小结 134

6.7 本章习题 134

第7章　使用行为制作网页特效 137

7.1 行为应用基础 138

7.1.1　行为的概念 138

7.1.2　行为面板 138

7.2 内置行为的使用 140

7.2.1　弹出信息 140

7.2.2　拖动AP元素 140

7.2.3　设置状态栏文本 141

7.2.4　调用JavaScript 142

7.2.5　转到URL 143

7.3 行为的管理与修改 144

7.3.1　行为参数的修改 144

7.3.2　行为排序 144

7.3.3　删除行为 144

7.4 上机实训——制作网页弹出广告 144

7.5 本章小结 146

7.6 本章习题 146

第8章　Flash CS5基础 148

8.1 Flash概述 149

8.1.1　Flash简介 149

8.1.2　Flash应用范围 149

8.1.3　 Flash动画制作流程 151

8.2 Flash CS5的界面简介 151

8.2.1　菜单栏 152

8.2.2　时间轴 153

8.2.3　绘图工具箱 153

8.2.4　浮动

Dreamweaver是当前主流的网页设计与制作工具，制作精美网页/网站还离不开Photoshop和Flash。本书以Dreamweaver CS5为工具讲解网页制作的基础知识，同时引入Flash制作绚丽的网页动画和Photoshop制作精美的网页图片/图标等相关知识，是一本设计与制作精美网页/网站的完美教程。
全书共17章。其中，第1章为网页设计与网站建设入门，普及网页元素、网站开发流程、网站页面策划与设计、网页视觉空间、网页色彩搭配及精美网站赏析等入门内容；第2~7章为Dreamweaver网页制作的知识和应用，结合上机实训讲解Dreamweaver CS5基础、管理和维护站点、网页的基本编辑、使用层与样式美化网页、框架、模板和使用行为制作网页特效等内容；第8~12章主要讲解Flash在网页设计中的应用，包括Flash CS5使用入门、时间轴与帧动画、在动画中应用图层、在动画中使用元件及多媒体、创建交互式网页动画等内容；第13~15章主要介绍Photoshop在网页设计方面的应用，包括Photoshop CS5基础、网页图像的编辑与处理、网页图像高级处理及优化输出；第16章通过综合项目实训案例——设计企业网站，帮助读者将网页设计与制作的相关知识和应用融会贯通。第17章特意列出6个课程设计题目，以便引导读者进行网站设计。
随书光盘中包含所有实例的素材、结果文件和与书中内容同步的实录视频（共55小节，长达264分钟）。为方便教学，本书还会为用书教师提供教学资源包：电子课件、多个精美网站模板、3个实用网站源码、3个Flash和Photoshop的教学案例、超实用的设计资源和学习资料——材质纹理、动作、画笔、渐变、图案等。
本书适合作为应用型本科院校、示范性高职高专及相关培训学校的教材，也可供网页设计从业人员与爱好者学习参考。