网页设计三合一案例实训教程

目 录

第1章 网页设计快速入门 1

1.1 初识网站与网页 2

1.1.1 网站的基本概念 2

1.1.2 网页中的文字和图像 2

1.1.3 网页中使用的动画与视频影像 2

1.1.4 网页中使用的声音 3

1.1.5 静态网页与动态网页 3

1.2 网页制作基础 3

1.2.1 万维网 4

1.2.2 超文本标记语言 4

1.2.3 网站、网页与主页 4

1.2.4 超级链接 4

1.2.5 URL 5

1.2.6 网页编辑器 5

1.3 网页构成分析 6

1.3.1 网站标志 6

1.3.2 导航栏 7

1.3.3 广告条 7

1.3.4 标题栏 8

1.3.5 多媒体 8

1.4 创建与发布网站的基本流程 8

1.5 网页设计常用软件 9

1.5.1 网页设计与制作软件 9

1.5.2 网页动画设计软件 10

1.5.3 网页图像设计软件 10

第2章 初识Dreamweaver CS3 11

2.1 Dreamweaver CS3简介 12

2.2 Dreamweaver CS3的工作界面 12

2.3 创建本地站点 14

第3章 制作简单的网页 17

3.1 创建网页文件 18

3.1.1 创建空白网页 18

3.1.2 创建基于示例文件的网页 18

3.2 设置网页文本 19

3.2.1 输入文本 19

3.2.2 设置文本属性 20

3.2.3 设置段落格式 21

3.2.4 使用列表 22

3.2.5 插入特殊字符 23

3.3 为网页添加图像 24

3.3.1 插入图像 24

3.3.2 设置鼠标经过图像 25

3.3.3 添加背景图像 27

3.4 设置超级链接 28

3.4.1 文本和图像链接 28

3.4.2 E-mail链接 30

3.4.3 锚记链接 31

3.4.4 空链接 33

3.4.5 下载链接 34

3.5 添加多媒体文件 35

3.5.1 插入Flash动画 35

3.5.2 插入声音 36

3.6 案例实训——制作图文混排页面 37

第4章 页面布局 41

4.1 利用表格布局页面 42

4.1.1 插入表格 42

4.1.2 设置表格属性 43

4.1.3 插入嵌套表格 43

4.2 表格的基本操作 44

4.2.1 改变表格和单元格的大小 44

4.2.2 设置布局表格和单元格的格式 45

4.2.3 表格数据的导入与导出 45

4.3 使用AP Div 47

4.3.1 创建AP Div 48

4.3.2 设置AP Div的属性 48

4.4 使用Spry布局对象 49

4.4.1 使用Spry菜单栏导航菜单 49

4.4.2 创建Spry选项卡式面板 50

4.4.3 使用Spry折叠式选项卡 52

4.4.4 使用Spry可折叠面板管理内容 53

4.5 创建框架网页 54

4.5.1 创建框架和框架集 54

4.5.2 保存框架 55

4.5.3 为框架添加内容 56

4.6 案例实训——布局卡通网页 59

第5章 使用CSS与层美化网页 65

5.1 CSS简介 66

5.1.1 CSS的概念 66

5.1.2 CSS的工作特点 66

5.2 CSS基本语法 66

5.3 创建或链接样式表 67

5.3.1 创建外部样式表 68

5.3.2 链接外部样式表 69

5.3.3 创建CSS样式表 70

5.4 使用CSS布局模板 72

5.5 层的基本使用 73

5.5.1 创建层 73

5.5.2 选择并移动层 74

5.5.3 层转换为表格 74

5.6 案例实训——使用CSS美化页面 75

第6章 使用模板与库项目 79

6.1 使用模板 80

6.1.1 创建文档模板 80

6.1.2 创建基于模板的文档 81

6.1.3 从模板脱离 83

6.2 使用库项目 83

6.2.1 什么是库项目 84

6.2.2 创建库项目 84

6.2.3 插入库项目 86

6.2.4 编辑库项目 87

6.3 案例实训——使用库与模板制作网页 88

第7章 使用表单 95

7.1 创建表单 96

7.2 表单对象简介 96

7.3 创建表单对象 97

7.3.1 插入单行文本域 98

7.3.2 插入多行文本域 99

7.3.3 插入复选框 100

7.3.4 插入单选按钮 102

7.3.5 插入列表和菜单 103

7.3.6 插入跳转菜单 104

7.3.7 插入表单按钮 105

7.3.8 创建图像域 106

7.4 案例实训——会员注册表单 108

第8章 行为与第三方插件 113

8.1 行为的基本操作 114

8.1.1 认识“行为”面板 114

8.1.2 添加行为 114

8.2 Dreamweaver的内置行为 115

8.3 “时间轴”的操作 116

8.3.1 “时间轴”面板 117

8.3.2 添加动画层 117

8.3.3 制作时间轴动画 117

8.3.4 编辑时间轴动画 118

8.4 认识并安装第三方插件 119

8.4.1 认识第三方插件 119

8.4.2 安装第三方插件 120

8.5 使用第三方插件扩展功能 121

8.5.1 应用扩展命令 121

8.5.2 扩展对象 123

8.6 使用扩展管理器 125

8.7 案例实训——利用行为与时间轴

丰富页面效果 126

第9章 创建动态网页 131

9.1 在Dreamweaver CS3中编写代码 132

9.1.1 使用代码提示 132

9.1.2 使用代码片段 133

9.1.3 使用标签选择器插入标签 134

9.1.4 使用标签编辑器编辑标签 135

9.2 搭建动态网页平台 135

9.2.1 安装IIS 136

9.2.2 设置IIS 137

9.3 创建数据库连接 138

9.3.1 定义系统DSN 138

9.3.2 建立系统DSN连接 139

9.4 编辑数据表记录 140

9.4.1 创建记录集 140

9.4.2 插入记录 140

9.4.3 更新记录 141

9.4.4 删除记录 141

9.5 添加服务器行为 142

9.5.1 插入重复区域 142

9.5.2 插入显示区域 142

9.5.3 记录集分页 143

9.5.4 转到详细页面 143

9.5.5 转到相关页面 144

9.5.6 用户身份验证 144

9.6 案例实训——创建浮动框架 145

第10章 站点的维护 147

10.1 检查站点内的链接 148

10.2 申请主页空间 148

10.3 宣传站点 149

10.4 案例实训——上传站点 149

第11章 初识Flash CS3 151

11.1 Flash CS3工作界面 152

11.1.1 菜单栏 152

11.1.2 工具箱 153

11.1.3 “时间轴”面板 154

11.1.4 “属性”面板 154

11

全书共20章，包括网页设计快速入门、初识Dreamweaver CS3、制作简单的网页、页面布局、使用CSS与层美化网页、使用模板与库项目、使用表单、行为与第三方插件、创建动态网页、站点的维护、初识Flash CS3、制作动画角色、元件、实例、库和素材的导入、制作网页动画、创建交互动画、初识Photoshop CS3、绘制和编辑图像、图层与各种特效文字，第19章讲述1个大型综合实训案例，涵盖了使用Photoshop设置网站封面、制作Flash动画、设计网站的各种页面等重要知识，第20章给出了3个课程设计选题。全书在读者难于理解和掌握的地方给出了大量经验性的提示，并在书中安排了多个案例，每个案例均凝结了作者多年的工作经验和心得体会，在讲解详细操作步骤的同时，融入了网页设计与网站建设的思想，使读者不仅能学会网页设计制作技术，还能学会网页和网站的整体创意与策划技巧。
本书图文并茂、条理清晰、内容翔实、通俗易懂。既可以作为职业院校、大中专院校、成人教育院校，以及计算机培训学校的教材，也可供网页设计与制作初学者、平面设计从业人员学习参考。
本书有配套的多媒体教学光盘，主要包括15小节长达114分钟的多媒体教学视频、书中所有实例的素材文件、原始文件和最终效果文件。
另外，为方便教学，本书还为用书教师准备了教学资源包。