本书是一本帮助网页制作爱好者对网页制作快速入门、提高，并能学以致用的书籍。主要内容包括：了解网页的基本知识、初识Dreamweaver CS3、规划与创建站点、利用文本创建简洁的网页、用表格制作表格式数据网页、给网页加入图像、用超级链接互联网页、添加炫目的动态元素、站点的发布、使用层叠样式表美化网页、使用AP Div布局网页、用框架布局页面、模板的使用、表单的应用、行为的应用、动态网页基础、制作ASP动态网页、网页制作辅助软件的使用、网页特效制作与网页制作技巧等知识。为了使读者对本书知识有更加完整的认识，最后我们还制作了3个非常实用的例子，让读者通过本书能真正解决实际工作、学习中的难题。

本书内容丰富、实用，共分为4篇。每一篇又由多章组成。在结构上考虑到不同学习程度的读者对学习的内容有不同要求，所以不同的篇章也由不同的板块组成，如本章小结、知识关联和提高知识问答等。在每一页的页脚，都提供了与本页知识相关的操作技巧、注意事项和作者经验谈，尽可能多地为读者设想，解决学习中的疑问。

本书适合于从未接触过网页制作的人员和有一定网页制作基础但想提高制作技能的用户自学使用，也可作为电脑培训班、学校的教学用书。

前 言

60后：人到中年，虽然有了固定的工作，收入也比较稳定，但长江后浪推前浪，后生可畏，充电是必需的！电脑就是我要补的第一课。

70后：已过而立之年，事业也进入正轨，虽然电脑也学过一些，但是软、硬件的更新速度太快了，要想不落后，还要加紧学习呀！

80后：要找工作了，现在一般的工作都要求会电脑，但仅仅会还是不行的，要想提高竞聘的几率，还要学得深入一些，真正达到用人单位的要求。

90后：从小就开始普及电脑，电脑对于我们来说一点都不陌生，我们是新新人类，但好像会的都是皮毛，最多就是打打字、玩玩游戏，其他的就不怎么样了。父母、老师都让我们认真学习，我想他们说的肯定有道理吧！所以我也必须学点“真”东西。

  为什么要选择本书？

不管您处于哪个阶层、哪个年龄段，只要您还不会电脑，而且希望学到的东西不仅仅是“皮毛”，那本书一定可以帮您实现这个愿望。本书经过编者精心策划和编写，其特色介绍如下。

? 科学的知识分布

本书采用入门篇、提高篇、精通篇和实战篇的写法，将知识点根据读者学习的难易程度，以及在实际工作中应用的轻重顺序来安排，真正为读者的学习考虑，也让不同读者能在学习的过程中有针对性地选择学习内容。如果我们把学电脑的整个过程比作4级的阶梯，那么每一篇就是一级阶梯，学习完一篇就能达到该阶梯所对应的高度。

? 清新的阅读环境

虽然本书立足于专业性，且页数偏多，但并不像传统的教科书，语言枯燥、无味，理论知识和实例效果生硬、无实际使用价值，而是深入考虑读者的需求，将内容版式设计得清新、典雅，内容实用，就像一位贴心的朋友、老师在您面前将枯燥的电脑知识娓娓道来。

? 专业的知识体现

为了体现本书的专业性和实用性，书中特别在每页的底部以灰色底纹隔开一段区域，在入门篇、提高篇、精通篇、实战篇中分别设置“行家提醒”、“专家指导”、“精讲笔录”、“应用点睛”等版块，对正文知识进行补充与提升。

 

? 多媒体光盘辅助学习

为了增加读者的学习渠道，增强读者的学习兴趣，本书配有多媒体教学光盘，其教学方式轻松、活泼，让读者在不知不觉间学会电脑的使用。同时光盘中还搜集了本书所有实例使用过的素材和源文件，让读者可以跟着本书做出对应的效果，并能快速应用于实际工作中。

  本书讲些什么？

本书是一本电脑基础图书，分为4篇、共22章，主要内容介绍如下。

? 入门篇（网页制作基础操作）：主要讲解网页制作最基本的知识。包括网页的基本知识、初识Dreamweaver CS3、规划与创建站点、利用文本创建简洁的网页、用表格制作表格式数据网页、给网页加入图像、用超级链接互联网页、添加炫目的动态元素、站点的发布等。

? 提高篇（使用较高级的网页制作技术制作较复杂的网页）：主要讲解网页制作的高级技术。包括使用层叠样式表美化网页、使用AP Div布局网页、用框架布局页面、模板的使用、表单的应用、行为的应用等。

? 精通篇（网页制作技巧）：主要讲解网页制作中的技巧。包括动态网页基础、制作ASP动态网页、网页制作辅助软件的使用、网页特效制作与网页制作技巧等。

? 实战篇（知识综合运用）：运用本书前3篇的知识制作3个实例，分别是“昆虫的世界”网站制作、“拉风车神”网站制作、“奶油饼屋”博客网站制作，通过这3个实例的制作，学习不同的网页布局方式、发布方式及动静态网页的制作等知识，真正做到学以致用。

  本书作者是谁？

我们创作本书的宗旨是：保证每个知识点都能让读者学有所用。鉴于这个宗旨，参与本书编写的人员在电脑书籍的编写方面都有较高的造诣。他们是九州书源的周大勇、吴波、陈强、汪宗健、周红军、刘斌、童伟、宋海涛、艾琳、唐玉珊、钟树成、周秀、吉春勇、彭锋、陈腾、陈星润、王镜淋、徐建利、张勤、张春虎、左超红、曾帅、代华、严欣荣等。在创作本书的过程中，他们花了大量心血，在此表示感谢。虽然对于本书我们已尽可能做到更好，但仍可能存在疏漏和不足之处，欢迎读者朋友及专家学者不吝赐教。

  学习本书有了疑惑怎么办？

如果您在学习的过程中遇到困难或疑惑，可以联系我们，我们会尽快为您解答。

我们的联系方式如下：

E-mail：book@jzbooks.com

网 址：http://www.jzbooks.com

丛书编委会 

2008年1月

目 录

入  门  篇

 

第1章  网页的基本知识 3

1.1  网页制作基础知识 4

1.1.1  认识网页 4

1.1.2  认识网站 4

1.1.3  网页的类型 6

1.1.4  网页制作中的专业术语 7

1.1.5  网页页面的基本组成元素 10

1.2  网站的一般开发流程 11

1.2.1  收集资料和素材 11

1.2.2  规划站点 11

1.2.3  制作网页 12

1.2.4  测试站点 12

1.2.5  发布站点 12

1.2.6  更新和维护站点 12

1.3  商业网站开发流程 13

1.3.1  需求分析阶段 14

1.3.2  实现阶段 14

1.3.3  发布阶段 14

1.4  商业网站项目管理流程 14

1.5  网页制作相关软件 16

1.5.1  网页编辑软件 16

1.5.2  图像处理软件 17

1.5.3  动画制作软件 17

1.5.4  网页配色软件 17

1.5.5  网站推广软件 18

1.6  网页制作的原则和技巧 18

1.6.1  网页制作的基本原则 18

1.6.2  网页基本元素的标准及使用技巧 19

1.6.3  用色的技巧 21

1.7  如何学好网页制作 23

1.8  基础练习 23

1.8.1  浏览各种网站确定其类型 24

1.8.2  指出网页中各部分的名称 24

1.9  本章小结 24

知识关联 24

第2章  初识Dreamweaver CS3 25

2.1  Dreamweaver CS3的启动与

 退出 26

2.1.1  启动Dreamweaver CS3 26

2.1.2  退出Dreamweaver CS3 26

2.2  认识Dreamweaver CS3

 的工作界面 26

2.2.1  插入栏 27

2.2.2  文档工具栏 27

2.2.3  浮动面板组 27

2.2.4  “属性”面板 28

2.2.5  状态栏 28

2.3  网页文件操作 29

2.3.1  新建网页 29

2.3.2  设置网页属性 30

2.3.3  保存网页 30

2.3.4  预览网页 30

2.3.5  打开网页 30

2.4  基础实例—— 新建“小小”网页 31

2.5  基础练习 32

2.6  本章小结 32

知识关联 32

第3章  规划与创建站点 33

3.1  站点的规划 34

3.1.1  认识站点 34

3.1.2  规划站点结构 34

3.2  站点的创建与管理 36

3.2.1  创建站点 36

3.2.2  管理站点 39

3.3  基础实例—— 规划并创建“生活

 一点通”站点 44

3.3.1  规划站点 44

3.3.2  创建站点 45

3.4  基础练习 47

3.4.1  规划“海韵房产”站点 47

3.4.2  根据规划创建站点 48

3.5  本章小结 48

知识关联 48

第4章  利用文本创建简洁的网页 49

4.1  添加文本 50

4.1.1  认识“文本”插入栏 50

4.1.2  添加普通文本 50

4.1.3  添加特殊符号 51

4.1.4  添加空格 52

4.1.5  添加水平线 52

4.1.6  添加日期 54

4.1.7  文本换行与分段 55

4.2  设置文本格式 57

4.2.1  设置文本基本格式 57

4.2.2  设置段落格式 60

4.3  创建列表 63

4.3.1  编号列表 63

4.3.2  项目列表 64

4.3.3  定义列表 64

4.3.4  设置列表属性 64

4.3.5  嵌套列表的创建 65

4.4  基础实例—— 制作“听读看”

 网页 66

4.5  基础练习 69

4.6  本章小结 70

知识关联 70

第5章  用表格制作表格式数据网页 71

5.1  制作表格的方法 72

5.1.1  创建表格 72

5.1.2  创建嵌套表格 73

5.1.3  在表格中添加内容 73

5.2  编辑表格的方法 73

5.2.1  选择表格 73

5.2.2  行或列的选中 74

5.2.3  单元格的选中 74

5.2.4  单元格的合并与拆分 75

5.2.5  行或列的添加与删除 76

5.3  表格和单元格的属性设置 77

5.3.1  设置表格属性 77

5.3.2  设置单元格属性 78

5.4  表格的高级操作 79

5.4.1  排序表格 79

5.4.2  导入和导出表格内容 80

5.5  使用布局视图进行网页布局 82

5.5.1  创建布局表格和布局单元格 82

5.5.2  设置布局表格和布局单元格属性 84

5.6  基础实例—— 制作“心有所属”

 网页 87

5.6.1  使用布局表格及布局单元格

进行页面布局 88

5.6.2  设置表格及单元格属性 90

5.7  基础练习 91

5.8  本章小结 92

知识关联 92

第6章  给网页加入图像 93

6.1  网页中支持的图像格式 94

6.2  为网页添加图像 94

6.2.1  直接插入图像 94

6.2.2  用占位符插入图像 96

6.3  设置图像属性 97

6.4  创建鼠标经过图像 101

6.5  插入导航条 102

6.6  基础实例—— 创建“动物世界”

 网页 103

6.7  基础练习 107

6.8  本章小结 108

知识关联 108

第7章  用超级链接互联网页 109

7.1  认识超级链接 110

7.1.1  超级链接的类型 110

7.1.2  超级链接路径的分类 112

7.2  创建超级链接 112

7.2.1  创建文本超级链接 113

7.2.2  创建图像超级链接 114

7.2.3  创建锚链接 116

7.2.4  创建电子邮件链接 117

7.2.5  创建空链接 118

7.3  基础实例——为“网站联盟”

 网页添加链接 118

7.4  基础练习 122

7.5  本章小结 124

知识关联 124

第8章  添加炫目的动态元素 125

8.1  插入Flash媒体元素 126

8.1.1  认识Flash文件 126

8.1.2  插入Flash动画 127

8.1.3  设置Flash背景透明 128

8.1.4  插入Flash按钮 129

8.1.5  插入Flash文本 130

8.1.6  插入FlashPaper 131

8.1.7  插入Flash视频 132

8.2  插入其他媒体元素 133

8.2.1  插入Shockwave影片 133

8.2.2  插入Java Applet 134

8.2.3  插入插件 135

8.3  添加音乐元素 136

8.3.1  添加背景音乐 137

8.3.2  添加音乐链接 138

8.3.3  页面音乐的嵌入 138

8.4  利用时间轴制作简单动画 139

8.4.1  认识时间轴 139

8.4.2  制作动画效果 140

8.5  基础实例—— 制作“八月疯狂卖”

 网页 142

8.6  基础练习 147

8.7  本章小结 148

知识关联 148

第9章  站点的发布 149

9.1  申请域名及主页空间 150

9.1.1  申请免费的主页空间和域名 150

9.1.2  申请收费的网站空间和域名 152

9.1.3  申请域名 155

9.2  站点的本地测试 156

9.2.1  兼容性测试 156

9.2.2  检查站点范围的链接 158

9.2.3  修复站点范围的链接 160

9.2.4  下载速度检测 160

9.3  发布站点 161

9.3.1  配置远程信息 161

9.3.2  发布站点 163

9.4  站点管理和宣传 164

9.4.1  使用同步功能 164

9.4.2  使用设计笔记 164

9.4.3  使用站点报告 166

9.4.4  站点的宣传 167

9.5  基础练习 169

9.5.1  申请免费主页空间 170

9.5.2  上传站点 170

9.6  本章小结 170

知识关联 170

 

提  高  篇

 

第10章  使用层叠样式表美化网页 173

10.1  什么是层叠样式表 174

10.2  创建层叠样式表 174

10.2.1  认识“CSS样式”面板 174

10.2.2  创建层叠样式表 175

10.3  定义层叠样式表属性 177

10.3.1  设置类型属性 177

10.3.2  设置背景属性 178

10.3.3  设置区块属性 179

10.3.4  设置方框属性 180

10.3.5  设置边框属性 181

10.3.6  设置列表属性 181

10.3.7  设置定位属性 182

10.3.8  设置扩展属性 183

10.4  管理层叠样式表 184

10.4.1  编辑层叠样式 184

10.4.2  链接外部层叠样式表文件 185

10.4.3  删除层叠样式表 186

10.5  应用层叠样式表 186

10.5.1  使用网页元素的快捷菜单应用CSS

样式 186

10.5.2  使用CSS样式的快捷菜单应用CSS

样式 187

10.5.3  使用网页元素的“属性”面板应用

CSS样式 187

10.6  提高实例——美化“软件下载”

  页面 187

10.7  提高练习 192

10.8  本章小结 193

提高知识问答 193

第11章  使用AP Div布局网页 195

11.1  AP Div的创建 196

11.1.1  创建AP Div 196

11.1.2  创建嵌套AP Div 196

11.2  AP Div的编辑操作 197

11.2.1  认识“AP 元素”面板 197

11.2.2  选择AP Div 197

11.2.3  移动AP Div 198

11.2.4  对齐AP Div 198

11.2.5  调整AP Div的大小 199

11.2.6  设置AP Div的堆叠顺序 200

11.2.7  改变AP Div的可见性 202

11.3  AP Div的属性设置 202

11.3.1  单个AP Div的属性设置 203

11.3.2  多个AP Div的属性设置 204

11.4  使用Div+CSS布局网页 204

11.4.1  了解基于CSS的页面布局 204

11.4.2  插入Div标签进行布局 205

11.5  提高实例—— 制作“猫和鱼的

对话”网页 208

11.6  提高练习 211

11.6.1  制作“小二上菜”场景1 212

11.6.2  制作“小二上菜”场景2 212

11.7  本章小结 213

提高知识问答 214

第12章  用框架布局页面 215

12.1  了解框架及框架集 216

12.2  框架网页的创建 216

12.2.1  从“新建文档”对话框创建 217

12.2.2  从“布局”插入栏中创建 217

12.2.3  手动创建框架网页 218

12.2.4  创建嵌套框架集 218

12.3  框架及框架集的基本操作 219

12.3.1  选择框架和框架集 219

12.3.2  保存框架和框架集文档 220

12.3.3  删除框架 223

12.4  框架及框架集的设置 223

12.4.1  设置框架的属性 223

12.4.2  设置框架集的属性 224

12.4.3  设置框架集的网页标题 225

12.4.4  使用链接控制框架的内容 225

12.4.5  生成无框架内容 226

12.5  提高实例—— 制作“Logo制作

   教程”页面 226

12.6  提高练习 230

12.7  本章小结 231

提高知识问答 231

第13章  模板的使用 233

13.1  模板的创建 234

13.1.1  将现有网页另存为模板 234

13.1.2  创建空白模板 234

13.2  模板的编辑 235

13.2.1  指定可编辑区域 235

13.2.2  更改可编辑区域的名称 236

13.2.3  取消对可编辑区域的标记 236

13.2.4  定义模板的重复区域 237

13.2.5  定义模板的可选区域 238

13.3  模板的应用 240

13.3.1  从“从模板新建”对话框创建新

网页 240

13.3.2  在“资源”面板中从模板创建新

网页 240

13.3.3  为网页应用模板 241

13.4  模板的管理 241

13.4.1  删除模板 242

13.4.2  打开网页所附模板 242

13.4.3  更新网页模板 242

13.4.4  将网页脱离模板 242

13.5  创建嵌套模板 243

13.6  提高实例—— 制作“求职简历”

网页 244

13.6.1  基本模板的制作和应用 245

13.6.2  嵌套模板的制作与应用 247

13.7  提高练习 250

13.8  本章小结 251

提高知识问答 251

第14章  表单的应用 253

14.1  创建表单 254

14.1.1  创建表单的方法 254

14.1.2  设置表单属性 255

14.2  添加表单对象 256

14.2.1  添加文本字段 256

14.2.2  添加隐藏域 258

14.2.3  添加复选框 259

14.2.4  添加单选按钮 260

14.2.5  单选按钮组 260

14.2.6  添加列表/菜单 261

14.2.7  添加跳转菜单 262

14.2.8  添加文件域 263

14.2.9  添加按钮 263

14.2.10  添加图像域 264

14.2.11  添加字段集 265

14.3  提高实例—— 制作“按揭贷款

计算器” 265

14.3.1  创建表单 266

14.3.2  创建表单对象 267

14.4  提高练习 269

14.4.1  创建表单及表单对象 269

14.4.2  设置表单及表单对象属性 270

14.5  本章小结 271

提高知识问答 272

第15章  行为的应用 273

15.1  什么是行为 274

15.2  行为的添加与编辑 275

15.2.1  认识“行为”面板 275

15.2.2  添加行为 275

15.2.3  修改行为 276

15.2.4  删除行为 276

15.2.5  获取更多的行为 276

15.3  使用Dreamweaver预置的行为 277

15.3.1  交换图像 278

15.3.2  弹出信息 279

15.3.3  打开浏览器窗口 280

15.3.4  拖动AP元素 281

15.3.5  控制Shockwave或Flash 282

15.3.6  播放声音 283

15.3.7  改变属性 283

15.3.8  显示-隐藏元素 284

15.3.9  显示弹出式菜单 285

15.3.10  检查表单 286

15.3.11  设置导航栏图像 287

15.3.12  调用JavaScript 288

15.3.13  转到URL 288

15.4  提高实例—— 制作“Windows XP

  登录”网页 289

15.4.1  为网页“login.html”添加行为 289

15.4.2  为网页“login2.html”添加行为 290

15.5  提高练习 291

15.6  本章小结 291

提高知识问答 292

 

精  通  篇

 

第16章  动态网页基础 295

16.1  认识动态网页 296

16.2  数据库基础 296

16.2.1  Access 296

16.2.2  SQL Server 298

16.2.3  MySQL 303

16.2.4  Oracle 305

16.3  动态网页开发语言 305

16.3.1  ASP 306

16.3.2  ASP.NET 306

16.3.3  PHP 307

16.3.4  JSP 308

16.4  Web服务器 309

16.4.1  IIS 309

16.4.2  Apache 311

16.5  动态网页开发流程 311

16.6  精通实例——用ASP开发一个

   简单的网页 312

16.6.1  制作动态网页 312

16.6.2  浏览动态网页 313

16.7  精通练习 313

16.8  本章小结 314

第17章  制作ASP动态网页 315

17.1  IIS的配置 316

17.2  数据库（Access）的创建 317

17.3  动态站点的创建及配置 318

17.4  数据源的创建 319

17.4.1  了解连接字符串 319

17.4.2  在Dreamweaver中创建数据库 

连接 320

17.5  制作数据库动态网页 321

17.5.1  创建记录集 321

17.5.2  制作动态页面 325

17.6  精通练习 337

17.7  本章小结 338

第18章  网页制作辅助软件的使用 339

18.1  使用Fireworks处理图像 340

18.1.1  用Fireworks编辑网页中的图像 340

18.1.2  用Fireworks优化网页中的图像 341

18.2  配色软件“玩转颜色”的

  使用 342

18.2.1  网页颜色的抓取 343

18.2.2  分析网页色彩 343

18.3  配色网页“peise.htm”的

   使用 345

18.4  文本动画制作软件“Flax”的

   使用 347

18.5  发布站点软件“LeapFTP”

   的使用 349

18.5.1  配置站点 349

18.5.2  上传站点 350

18.5.3  下载站点 351

18.6  网站登录软件“登录骑兵”

   的使用 352

18.7  精通实例—— 制作“吸纳网”

   网页 355

18.8  精通练习 358

18.9  本章小结 358

第19章  网页特效制作与网页制作

  技巧 359

19.1  JavaScript简介 360

19.1.1  JavaScript的特点 360

19.1.2  JavaScript的函数 360

19.1.3  在网页中使用JavaScript 361

19.2  网页特效制作 362

19.2.1  动态链接注释 362

19.2.2  确认删除 364

19.2.3  全屏打开窗口 365

19.2.4  日期联动下拉列表框 365

19.2.5  禁止使用鼠标右键 367

19.2.6  震动的图像 368

19.3  网页制作技巧 369

19.3.1  消除网页中的乱码 369

19.3.2  制作“1”像素的表格边框 369

19.3.3  去掉单击超级链接后的图像虚线 370

19.3.4  制作“设为首页”超级链接 370

19.3.5  制作“添加到收藏夹”链接 371

19.3.6  禁止保存网页 371

19.3.7  查看网页源代码 372

19.3.8  更换IE地址栏前的图标 372

19.3.9  定时跳转 372

19.3.10  让表单和其他内容之间无空隙 372

19.4  Web 2.0标准简介 373

19.4.1  什么是Web标准 373

19.4.2  应用Web标准建设网站的好处 374

19.4.3  应用Web标准改善现有网站 375

19.5  精通实例—— 制作完全符合

Web 2.0的网页 377

19.6  精通练习 381

19.7  本章小结 382

 

实  战  篇

 

第20章  “昆虫的世界”网站制作 385

20.1  实例说明 386

20.2  制作要点 387

20.3  制作过程 387

20.3.1  规划站点及素材收集 387

20.3.2  创建本地站点 388

20.3.3  创建形象页 390

20.3.4  导出样式表文件 395

20.3.5  制作模板页面 395

20.3.6  制作首页 399

20.3.7  制作“昆虫知识”页面 401

20.4  拓展练习 403

20.4.1  制作模板文档 404

20.4.2  通过模板创建首页 404

20.4.3  通过模板创建“星光追击”网页 405

第21章  “拉风车神”网站制作 407

21.1  实例说明 408

21.2  制作要点 409

21.3  制作过程 410

21.3.1  创建站点 410

21.3.2  创建顶部页面top.html 411

21.3.3  制作底部网页bottom.html 415

21.3.4  制作首页主内容页面main.html 416

21.3.5  制作首页 421

21.3.6  制作“人车生活”页面rcsh.html 422

21.3.7  发布站点 426

21.4  拓展练习 429

第22章  “奶油饼屋”博客网站

制作 431

22.1  实例说明 432

22.2  制作要点 434

22.3  制作过程 434

22.3.1  创建数据库文件 434

22.3.2  配置IIS与创建站点 435

22.3.3  创建“管理员登录”页面

login.asp 437

22.3.4  制作右侧网页right.asp 438

22.3.5  制作首页index.asp 441

22.3.6  制作info.asp页面 444

22.3.7  制作发布日志页面post.asp 446

22.3.8  制作编辑日志页面edit.asp 448

22.3.9  制作删除日志页面del.asp 450

22.3.10  制作注销退出页面quit.asp 451

22.4  拓展练习 452