网页设计与制作实例教程

第1章 网页与网站基础 1

1.1 网页与网站知识 2

1.1.1 认识网页与网站 2

1.1.2 网页基本组成元素 9

1.1.3 静态网页和动态网页 10

1.2 网页编写语言与制作工具 13

1.2.1 网页设计语言基础 13

1.2.2 网页编写语言介绍 19

1.2.3 网页制作工具 24

1.2.4 网页美化工具 25

1.3 网站开发流程 26

1.3.1 网站总体策划 26

1.3.2 建立发布网站 29

1.3.3 维护加密网站 34

1.4 小结和习题 36

1.4.1 本章小结 36

1.4.2 强化练习 36

第2章 网页规划设计 38

2.1 规划网站主题 39

2.1.1 网站需求分析 39

2.1.2 网站主题确定 43

2.1.3 网站内容设计原则 44

2.1.4 网站内容组织 47

2.2 设计版面布局 48

2.2.1 版面布局的基本概念 49

2.2.2 网页布局类型 50

2.2.3 网页布局方法 52

2.3 网页颜色设计 53

2.3.1 色彩基础知识 53

2.3.2 页面色彩搭配 58

2.4 小结和习题 60

2.4.1 本章小结 60

2.4.2 强化练习 61

第3章 初识网页制作软件 62

3.1 Dreamweaver工作环境 63

3.1.1 使用界面 63

3.1.2 自定义工作界面 64

3.1.3 视图模式 65

3.2 站点的创建与管理 67

3.2.1 站点的规划 67

3.2.2 站点的创建 68

3.2.3 站点的管理 70

3.3 Dreamweaver基本操作 75

3.3.1 新建网页 75

3.3.2 网页预览及参数设置 76

3.3.3 设置页面属性 77

3.4 小结和习题 79

3.4.1 本章小结 79

3.4.2 强化练习 80

第4章 制作网页内容 81

4.1 输入设置网页文本 82

4.1.1 输入网页文本 82

4.1.2 修改网页内容 85

4.1.3 设置文本格式 87

4.1.4 设置段落格式 90

4.1.5 插入列表 93

4.1.6 插入数据表格 95

4.2 网页中插入图片 98

4.2.1 插入图片 99

4.2.2 设置图像对齐方式 100

4.2.3 制作鼠标经过图像 102

4.2.4 添加背景图像 103

4.3 网页中插入多媒体 105

4.3.1 插入动画 105

4.3.2 插入视频文件 107

4.3.3 插入音乐 108

4.4 使用模板快速制作网页 112

4.4.1 创建模板文件 112

4.4.2 使用模板制作网页 120

4.4.3 管理模板文件 122

4.5 小结和习题 124

4.5.1 本章小结 124

4.5.2 强化练习 125

第5章 设置网页超级链接 127

5.1 认识超级链接 128

5.1.1 超级链接定义与分类 128

5.1.2 URL简介 128

5.1.3 超级链接的路径 128

5.2 创建超级链接 129

5.2.1 创建图像超链接 129

5.2.2 创建文本超链接 131

5.2.3 创建电子邮件超链接 133

5.2.4 创建锚记超链接 135

5.2.5 创建空链接及脚本链接 136

5.2.6 创建下载文件超链接 137

5.2.7 创建热区链接 138

5.3 管理超级链接 141

5.3.1 自动更新超链接 141

5.3.2 检查链接错误 142

5.4 小结和习题 143

5.4.1 本章小结 143

5.4.2 强化练习 143

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

6.1 CSS基础知识 146

6.1.1 初识CSS样式 146

6.1.2 使用“记事本”编写CSS 150

6.1.3 使用Dreamweaver编写CSS 152

6.2 CSS样式基本语法 158

6.2.1 CSS常用选择器 158

6.2.2 CSS选择器声明 161

6.2.3 CSS样式常用单位 163

6.3 使用CSS样式设置文本 168

6.3.1 字体属性 168

6.3.2 段落属性 174

6.4 使用CSS样式美化网页 183

6.4.1 设置图片样式 183

6.4.2 设置背景与边框 189

6.5 小结和习题 194

6.5.1 本章小结 194

6.5.2 强化练习 195

第7章 规划布局网页 199

7.1 使用表格布局 200

7.1.1 插入表格 200

7.1.2 设置表格属性 203

7.1.3 认识表格标签 206

7.1.4 用表格布局网页 208

7.1.5 表格模式 215

7.2 使用层布局 217

7.2.1 制作层 217

7.2.2 嵌套层 222

7.2.3 认识层HTML代码 225

7.2.4 定位网页元素 228

7.2.5 表格与层转换 230

7.3 使用框架布局 233

7.3.1 创建框架和框架集 233

7.3.2 保存框架集和框架 235

7.3.3 设置框架和框架集属性 238

7.3.4 用框架布局页面 241

7.3.5 控制带有链接的框架内容 244

7.4 使用CSS布局 246

7.4.1 表格＋CSS布局 246

7.4.2 DIV＋CSS布局 251

7.5 小结和习题 263

7.5.1 本章小结 263

7.5.2 强化练习 263

第8章 添加网页特效 266

8.1 使用网页行为添加网页特效 267

8.1.1 交换图像 267

8.1.2 弹出信息 268

8.1.3 打开窗口 270

8.1.4 其他效果 271

8.2 使用AP元素增加网页特效 274

8.2.1 拖动元素效果 275

8.2.2 切换元素效果 276

8.2.3 分割元素效果 277

8.2.4 热点链接效果 279

8.3 使用Spry构件增强视觉效果 282

8.3.1 创建菜单特效 282

8.3.2 增加选项特效 285

8.3.3 使用折叠特效 286

8.3.4 显示可折叠特效 287

8.4 小结和习题 290

8.4.1 本章小结 290

8.4.2 强化练习 290

第9章 制作动态网页 292

9.1 动态网页概述 293

9.1.1 静态网页和动态网页 293

9.1.2 动态网页设计语言 294

9.2 安装和配置Web服务器 295

9.2.1 安装IIS 295

9.2.2 配置Web服务器 298

9.3 制作网页表单 303

9.3.1 认识表单元素 303

9.3.2 建立表单 304

9.3.3 提交表单 306

9.4 建立网站数据库 308

9.4.1 数据库技术概述 308

9.4.2 创建Access数据库 310

9.5 使用ASP+Access制作动态网页 314

9.5.1 登录页面 314

9.5.2 答题页面 316

9.5.3 答题结果页面 320

9.6 小结和习题 325

9.6.1 本章小结 325

9.6.2 强化练习 325

第10章 网页设计与制作实例 328

10.1 制作静态网页 329

10.1.1 规划网站 329

10.1.2 建立站点 330

10.1.3 制作首页 331

10.1.4 制作分栏目页面 339

10.2 制作动态网页 341

10.2.1 规划网站 342

10.2.2 创建数据库 343

10.2.3 制作前台网页 348

10.2.4 制作后台管理网页 353

10.3 小结和习题 366

10.3.1 本章小结 366

10.3.2 强化练习 366

Dreamweaver CS6是一款集网页制作和网站管理于一身的所见即所得的网页编辑器，是针对专业网页设计师特别开发的视觉化网页开发工具。本书从实用的角度出发，以简明生动的语言，采用实例式教学方式，由浅入深地介绍了网页制作的过程，并详细介绍了实践中的经验和技巧。全书图文并茂，理论与实践相结合，每个实例都给出了详细的步骤，便于读者学习。本书可作为高等院校计算机、多媒体、电子商务等专业的教材，也可作为信息技术培训机构的培训用书，还可作为网页设计与制作人员、网站建设与开发人员、多媒体设计与开发人员的参考书。

●内容实用：本书将操作分解成一个个实例，每个实例都通过“跟我学”来实现轻松学习和掌握。每章节还设置了“强化练习”模块，使读者对所学知识加以巩固提高。
●图文并茂：在介绍具体操作步骤的过程中，语言简洁，基本上每一个步骤都配有对应的插图，用图文来分解复杂的步骤。路径式图示引导，便于在翻阅图书的同时上机操作。
●提示技巧：本书对读者在学习过程中可能会遇到的疑问以“知识库”的形式进行了说明，以免读者在学习的过程中走弯路。
●本书提供PPT教学课件和案例源文件