网页设计与制作

第1章 网页制作基础 1

1.1 常用术语 1

1.1.1 Internet 1

1.1.2 Intranet 1

1.1.3 ISP 2

1.1.4 IP 2

1.1.5 域名 2

1.1.6 网站 2

1.1.7 URL 2

1.1.8 FTP 3

1.1.9 WWW 3

1.1.10 超级文本 3

1.1.11 HTML 3

1.1.12 ASP 4

1.1.13 VBScript和JavaScript 4

1.2 网页元素 5

1.2.1 文本 5

1.2.2 图像 6

1.2.3 动画 6

1.2.4 音频 7

1.2.5 视频 8

1.3 了解网页制作工具 8

1.4 网页布局类型 9

1.4.1 国字型 9

1.4.2 匡字型 9

1.4.3 三字型 10

1.4.4 川字型 10

1.4.5 其他类型 11

1.5 网站建设流程 11

1.5.1 前期策划 11

1.5.2 网页制作 12

1.5.3 网站发布 12

1.5.4 网站推广 12

1.5.5 后期维护 13

1.6 建站方式 13

1.6.1 实体主机 13

1.6.2 主机托管 13

1.6.3 虚拟主机 13

小结 14

习题 14

第2章 创建和管理站点 15

2.1 认识Dreamweaver CS3 15

2.1.1 工作界面 15

2.1.2 常用工具栏 17

2.1.3 常用面板 19

2.1.4 工作区布局 20

2.2 创建站点 21

2.2.1 定义站点 21

2.2.2 设置首选参数 23

2.2.3 创建文件夹和文件 25

2.3 管理站点 26

2.3.1 编辑站点 26

2.3.2 复制站点 27

2.3.3 删除站点 27

2.3.4 导出站点 27

2.3.5 导入站点 28

2.4 实例——导入、编辑和导出站点 28

小结 30

习题 30

第3章 创建和设置文档 31

3.1 创建和保存文档 31

3.1.1 创建文档 31

3.1.2 保存文档 33

3.2 添加文档内容 33

3.2.1 输入文本 34

3.2.2 导入文档内容 34

3.2.3 复制和粘贴 35

3.3 设置文档格式 37

3.3.1 设置浏览器标题 37

3.3.2 分段和换行 37

3.3.3 设置文档标题格式 38

3.3.4 添加空格 39

3.3.5 设置页边距 40

3.3.6 设置文本的字体、大小和颜色 41

3.3.7 设置文本样式 42

3.3.8 设置文本的对齐方式 43

3.3.9 设置文本的缩进和凸出 43

3.3.10 应用列表 43

3.3.11 插入水平线 45

3.3.12 插入日期 45

3.4 实例——设置“国外知名电影节”文档格式 46

小结 48

习题 48

第4章 使用图像和媒体 51

4.1 认识网页常用图像格式 51

4.1.1 GIF图像 51

4.1.2 JPEG图像 51

4.1.3 PNG图像 52

4.2 在网页中应用图像 52

4.2.1 插入图像 52

4.2.2 设置图像属性 55

4.3 插入图像占位符 56

4.4 设置网页背景颜色和背景图像 57

4.4.1 设置背景颜色 57

4.4.2 设置背景图像 59

4.5 在网页中插入媒体 60

4.5.1 插入Flash动画 60

4.5.2 插入图像查看器 62

4.5.3 插入ActiveX 64

4.6 实例——设置“西湖十景”网页 67

小结 69

习题 69

第5章 创建和设置超级链接 71

5.1 认识超级链接 71

5.1.1 URL 71

5.1.2 路径 72

5.1.3 链接目标 72

5.1.4 超级链接的分类 72

5.2 创建超级链接 73

5.2.1 文本超级链接 73

5.2.2 图像超级链接 76

5.2.3 图像地图 77

5.2.4 电子邮件超级链接 78

5.2.5 锚记超级链接 80

5.2.6 空链接 81

5.2.7 鼠标经过图像 81

5.2.8 导航条 82

5.2.9 Flash文本 85

5.2.10 Flash按钮 86

5.2.11 脚本链接 87

5.3 实例——设置“航空母舰”网页中的超级链接 88

小结 88

习题 89

第6章 使用表格布局页面 91

6.1 认识表格 91

6.2 创建表格 92

6.2.1 插入表格 92

6.2.2 选择表格 93

6.2.3 插入行或列 95

6.2.4 删除行或列 95

6.2.5 合并单元格 95

6.2.6 拆分单元格 96

6.2.7 复制或剪切 96

6.2.8 粘贴表格 96

6.2.9 移动表格内容 97

6.3 设置表格和单元格属性 97

6.3.1 设置表格属性 98

6.3.2 设置单元格属性 99

6.4 嵌套表格 100

6.5 实例——使用表格布局“一翔文学"网页 101

6.5.1 制作页眉 101

6.5.2 制作主体 102

6.5.3 制作页脚 103

小结 104

习题 104

第7章 使用CSS样式控制网页外观 107

7.1 认识CSS样式 107

7.2 【CSS样式】面板 108

7.3 CSS样式的类型 108

7.4 创建CSS样式 110

7.5 CSS样式的属性 113

7.5.1 类型 113

7.5.2 背景 114

7.5.3 区块 115

7.5.4 方框 116

7.5.5 边框 117

7.5.6 列表 118

7.5.7 定位 118

7.5.8 扩展 120

7.6 CSS样式的应用 120

7.6.1 应用CSS样式 120

7.6.2 附加样式表 122

7.7 实例——设置“一翔商城”网页样式 122

7.7.1 设置页眉CSS样式 123

7.7.2 设置网页主体的CSS样式 124

7.7.3 设置页脚的CSS样式 127

小结 127

习题 127

第8章 使用框架和AP Div布局页面 129

8.1 创建框架 129

8.1.1 创建框架 129

8.1.2 保存框架 131

8.1.3 在框架中打开网页文档 131

8.1.4 拆分框架 132

8.2 设置框架 134

8.2.1 选择框架和框架集 134

8.2.2 设置框架集属性 134

8.2.3 设置框架属性 136

8.2.4 设置框架中的超级链接 137

8.3 创建AP Div 138

8.3.1 创建AP Div 138

8.3.2 修改AP Div的默认设置 139

8.4 设置AP Div 140

8.4.1 选择AP Div 140

8.4.2 设置AP Div属性 141

8.4.3 缩放AP Div 142

8.4.4 移动AP Div 143

8.4.5 对齐AP Div 143

8.5 Div标签 144

8.6 实例——布局“天搜”网页 145

8.6.1 布局页眉 145

8.6.2 布局主体 146

8.6.3 布局页脚 148

小结 149

习题 149

第9章 使用库、模板和行为 152

9.1 创建库项目 152

9.1.1 创建空白库项目 152

9.1.2 从已有的网页创建库项目 154

9.1.3 修改库项目 155

9.1.4 删除库项目 155

9.2 应用库项目 156

9.2.1 插入库项目 156

9.2.2 更新应用了库项目的文档 156

9.2.3 从源文件中分离库项目 157

9.3 创建模板 157

9.3.1 创建空白模板文件 158

9.3.2 添加模板对象 159

9.3.3 将现有网页保存为模板 161

9.3.4 删除模板 163

9.4 应用模板 163

9.4.1 使用模板创建网页 163

9.4.2 更新应用了模板的文档 165

9.4.3 将网页从模板中分离 165

9.5 使用行为 165

9.5.1 弹出信息 166

9.5.2 打开浏览器窗口 167

9.5.3 调用JavaScript 168

9.5.4 改变属性 168

9.5.5 交换图像 169

9.5.6 拖动AP元素 170

9.5.7 Spry效果 171

9.6 实例——制作“职业学校”网页模板 172

9.6.1 创建和编排库项目 172

9.6.2 创建和编辑模板文档 174

9.6.3 使用模板创建网页 177

小结 178

习题 178

第10章 创建动态网页 180

10.1 插入表单对象 180

10.1.1 表单 180

10.1.2 文本域和文本区域 181

10.1.3 单选按钮和单选按钮组 183

10.1.4 复选框 184

10.1.5 列表/菜单 185

10.1.6 跳转菜单 185

10.1.7 图像域 186

10.1.8 文件域 187

10.1.9 隐藏域 187

10.1.10 字段集 187

10.1.11 标签 188

10.1.12 按钮 188

10.2 Spry验证表单对象 189

10.2.1 Spry验证文本域 189

10.2.2 Spry验证文本区域 190

10.2.3 Spry验证复选框 190

10.2.4 Spry验证选择 191

10.3 搭建ASP应用程序开发环境 191

10.3.1 配置IIS服务器 192

10.3.2 定义可以使用脚本语言的站点 192

10.3.3 创建后台数据库 192

10.4 制作数据列表 193

10.4.1 创建数据库连接 193

10.4.2 创建记录集 196

10.4.3 添加动态数据 198

10.4.4 添加重复区域 199

10.4.5 记录集分页 200

10.4.6 显示记录计数 201

10.5 插入、更新和删除记录 201

10.5.1 插入记录 201

10.5.2 更新记录 203

10.5.3 删除记录 207

10.6 用户身份验证 209

10.6.1 限制对页的访问 209

10.6.2 用户登录 209

10.6.3 用户注销 210

10.6.4 检查新用户 211

10.7 实例——制作用户信息查询网页 212

小结 213

习题 213

第11章 使用Photoshop CS3处理图像 216

11.1 认识Photoshop CS3 216

11.1.1 属性栏 217

11.1.2 工具箱 217

11.1.3 控制面板 217

11.2 新建和存储文件 218

11.2.1 新建文件 218

11.2.2 存储文件 219

11.3 编辑图像 221

11.3.1 调整图像大小 221

11.3.2 调整画布大小 221

11.3.3 旋转画布 222

11.3.4 选择图像 222

11.3.5 羽化图像 223

11.3.6 裁剪图像 224

11.3.7 裁切图像 225

11.3.8 自由变换图像 225

11.3.9 变换图像 226

11.3.10 填充选区 227

11.3.11 描边选区 227

11.4 编辑文字 228

11.4.1 输入文字 228

11.4.2 栅格化文字 229

11.4.3 输入段落文字 230

11.4.4 设置文字属性 231

11.4.5 路径和文字 231

11.5 使用图层 233

11.5.1 认识图层 233

11.5.2 图层基本操作 235

11.5.3 图层样式 237

11.6 切割图像 237

11.6.1 创建切片 237

11.6.2 保存切片 238

11.7 实例——使用Photoshop CS3设计网页 239

小结 241

习题 241

第12章 使用Flash CS3制作动画 243

12.1 认识Flash CS3 243

12.1.1 工具箱 244

12.1.2 时间轴 244

12.1.3 常用面板 244

12.1.4 场景和舞台 246

12.2 创建和保存Flash文件 246

12.2.1 创建Flash文件 246

12.2.2 保存Flash文件 247

12.3 使用时间轴 248

12.3.1 时间轴的功能和作用 248

12.3.2 图层的基本类型 249

12.3.3 图层的基本操作 249

12.3.4 帧的基本类型 250

12.3.5 帧的基本操作 251

12.4 使用元件、库和实例 252

12.4.1 创建元件 252

12.4.2 管理库 254

12.4.3 创建和编辑实例 255

12.5 实例——创建和导出Flash动画 258

12.5.1 制作逐帧动画 258

12.5.2 制作形状补间动画 259

12.5.3 制作动作补间动画 261

12.5.4 制作遮罩动画 262

12.5.5 制作引导动画 263

12.5.6 导出Flash动画 265

小结 265

习题 266

第13章 使用网页三剑客制作网页 267

13.1 实例概述 267

13.2 网站策划 268

13.3 定义站点 269

13.4 制作网站首页 270

13.4.1 制作网站标志 270

13.4.2 制作宣传标语 272

13.4.3 制作导航图像 275

13.4.4 制作Flash动画 277

13.4.5 布局网站首页 279

13.5 制作网站二级页面 282

13.5.1 制作二级页面导航图像 282

13.5.2 制作库文件 283

13.5.3 制作二级页面模板 284

13.5.4 使用模板生成二级页面 285

13.6 发布网站 287

小结 287

习题 287

第14章 发布和维护网站 288

14.1 配置IIS服务器 288

14.1.1 配置Web服务器 288

14.1.2 配置FTP服务器 290

14.2 发布网站 290

14.3 维护网站 292

14.3.1 检查链接 292

14.3.2 修改链接 293

14.3.3 查找和替换 294

14.3.4 清理文档 294

14.3.5 保持同步 295

小结 296

习题 296

《网页设计与制作》共14章，主要介绍如何在网页中插入文本、图像、媒体、超级链接、表单等网页元素并设置其属性，如何运用表格、框架、AP Div、模板、库等工具对网页进行布局，如何运用CSS控制网页外观，如何使用行为和Spry构件完善网页功能，如何在可视化环境下创建应用程序，如何使用Photoshop CS3处理网页图像，如何使用Flash CS3制作网页动画，如何综合运用网页三剑客制作生动活泼的网页以及创建、管理和维护网站的基本知识。
《网页设计与制作》遵循由浅入深、循序渐进的原则进行编排，力求把可视化操作与源代码学习有机地结合在一起。《网页设计与制作》可作为高等职业学校“网页设计与制作”课程的教材，也可以作为网页设计爱好者的入门读物。

本书按照“知识讲解-功能实例-综合实例-课后习题”这一思路进行编排。力求通过知识讲解让学生明白是什么的问题，通过功能实例让学生明白怎么做的问题，通过综合实例让学生明白如何综合应用知识的问题，从而培养学生的制作技巧和运用能力，最后通过课后习题，让学生进一步巩固和强化所学知识。在内容编写方面，注意难点分散、循序渐进；在文字叙述方面。注意言简意赅、重点突出；在案例选取方面，注意实用性强、针对性强。

本书适合作为高等职业学校“网页设计与制作”课程的教材，也可以作为网页设计爱好者的入门读物。