本书通过大量动手操作和案例全程记录了网页开发与设计过程，全书共 14章，内容充实，案例丰富，实用性强。第1章介绍基础知识：第2～6章介绍XHTML标记语言。第7章讨论网页设计最佳实践。第8章介绍网站开发。第9 章和第10章集中讨论CSS。第11章讨论网页多媒体和交耳性。第12章提供电子商务概况。第13章重点介绍网站推广。第14章讨论JavaScript。

本书侧重于动手能力的培养；既可用作网页开发教材供高等院校学生使用，又可供有意提高网页开发技能的读者自学。通过本书的阅读，读者可迅速掌握网页开发技术，设计出漂亮、美观的网页。

译  者  序

　　XHTML是当前和未来网页文档的标准之一，它是对HTML 4的重述、延伸和扩展，同时结合了HTML 4.01在格式化文本方面的优势和XML在数据结构以及可扩展性方面的优势。对于网页制作初学者来说，了解和掌握XHTML语言是跨入网页制作领域的敲门砖，也是今后进一步学习其他网页技术的奠基石。

　　《XHTML网页开发与设计基础(第3版)是一本专为网页制作初学者编写的XHTML教材，它从最基本的Internet和World Wide Web概念讲起，循序渐进地向读者介绍了XHTML技术及其应用。XHTML的一个重要特点是大量使用层叠样式表(CSS)来格式化网页，使网页内容与格式相分离，从而制作出可读性更强、结构更清晰的页面。因此，本书除了介绍XHTML之外，还向读者讲述了CSS的基本格式化命令和如何将XHTML与CSS结合起来对网页内容格式、页面布局等进行设置。除此之外，本书还就网站设计与网站开发的基本原则、色彩应用、多媒体及交互性应用、电子商务、网站推广方式、JavaScript等相关内容展开讨论。这些论述占据了本书很大一部分篇幅，因此读者在学习的过程中不仅能够掌握网页技术的应用方法，而且还能够了解到与网页制作相关的其他知识，比如怎样才能使网页的颜色搭配和谐美观、怎样才能使网页下载速度加快、怎样才能让更多人知道你的网页并提高网站的访问量等。这些知识对于初学者来说是至关重要的，这也是本书区别于其他技术教程的重要特点之一。另外，每章结尾的复习题和动手操作练习为读者提供了动手实践的机会，案例分析部分更是从实际出发，按部就班地对读者进行引导，让您了解现实中网站项目的开发流程，并在此基础上动手制作自己的网站。各章节中还穿插了与网页制作相关的道德问题和无障碍设计的讨论。

　　总的来说，本书结构清晰，内容丰富，论述深入浅出，尤其适合初学者使用。《XHTML网页开发与设计基础》前两版受到了广大读者的欢迎和肯定，充分表明了本书的实用价值，我们相信第3版的问世也将能够给读者带来更大的帮助。将本书翻译成中文出版发行的初衷是为国内网页制作初学者提供一套详尽易懂的入门教材，只要她能够起到引导初学者登堂入室的作用，我们的努力也就没有白费了。

　　感谢所有为本书的翻译出版尽力的人，特别是清华大学出版社的编辑文开琪女士，她的耐心审校和专业建议保证了译稿的高质量。参与本书翻译工作的还有杨欢耸、苌伟、陈炜保、高喜军、关秋菊、黄旭东、李响、林殿芳、刘命海、罗建文、苗克良、乔田珍、杨晓霖、袁蕾、赵铁军和赵水东，在此一并对他们表示感谢！

　　由于译者水平有限加之时间仓促，译稿中难免有曲解或误解作者原意的地方，望读者谅解并予以批评指正。

　　

　　陈 小 彬   

　　2007年8月于广州

　　

目    录

第1章  Internet和Web简介 1

1.1  Internet的演变 2

1.2  Internet、内联网和外联网 3

万维网的演变 3

1.3  Internet标准和协调 4

1.4  Web标准和万维网联盟 4

1.4.1  无障碍技术和Web 5

1.4.2  有道德地使用网络信息 5

1.5  网络概论 6

1.6  客户端/服务器模型 8

1.7  Internet协议 9

1.7.1  文件传输协议 9

1.7.2  电子邮件协议 9

1.7.3  超文本传输协议 9

1.7.4  传输控制协议/Internet协议 9

1.8  URL和域名 10

1.8.1  URL 10

1.8.2  域名 11

1.9  标记语言 13

1.9.1  标准通用标记语言 13

1.9.2  超文本标记语言 13

1.9.3  可扩展标记语言 13

1.9.4  可扩展超文本标记语言 13

1.10  Internet和Web发展趋势 14

小结  16

重要术语 17

复习题 17

网上研究 19

第2章  XHTML基础 20

2.1  什么是HTML 21

2.2  为什么是XHTML而不是HTML 21

2.3  文档类型定义 22

2.4  第一个网页 23

2.4.1  保存文件 25

2.4.2  测试页面 26

2.5  XHTML——主体和文本基础 27

2.5.1  <body>标记 27

2.5.2  标题标记 28

2.5.3  无障碍与标题 29

2.5.4  段落标记 29

2.5.5  换行标记 30

2.6  XHTML——列表基础 32

2.6.1  定义列表 32

2.6.2  有序列表 33

2.6.3  无序列表 34

2.7  XHTML——更多区块级标记 36

2.7.1  预先格式化的文本 36

2.7.2  文本缩进 37

2.8  XHTML——文本格式化 38

2.8.1  <font>标记 39

2.8.2  逻辑样式标记 41

2.8.3  物理样式标记 42

2.8.4  XHTML特殊字符 43

2.9  XHTML语法校验 45

小结  47

重要术语 47

复习题 48

网上研究 58

第3章  XHTML链接和表格 59

3.1  XHTML——超链接 60

3.1.1  锚标记 60

3.1.2  绝对和相对链接 60

3.1.3  无障碍和链接 63

3.1.4  关于相对链接的其他内容 64

3.1.5  相对链接示例 64

3.1.6  在新的浏览器窗口中打开

链接 65

3.1.7  内部链接 65

3.1.8  E-mail链接 68

3.2  在网页中使用表格 69

3.2.1  XHTML表格概览 69

3.2.2  XHTML表头 70

3.2.3  XHTML表格标题 71

3.2.4  XHTML表格属性 72

3.2.5  将属性应用于行和单元格 76

3.2.6   无障碍和表格 79

3.3  XHTML——用表格格式化网页 80

3.3.1   无障碍和布局表格 82

3.3.2  更多页面布局表格样板 82

3.3.3  可变和固定表格宽度 84

3.3.4  嵌套表格 85

小结  87

重要术语 87

复习题 87

网上研究 101

第4章  XHTML颜色和可见元素 102

4.1  在网页上使用颜色 103

4.1.1  Web颜色调色板 103

4.1.2  颜色和body标记 104

4.1.3  无障碍设计和颜色 104

4.2  水平分隔线 105

水平分隔线属性 105

4.3  图片类型 108

4.3.1  GIF图片 108

4.3.2  JPEG图片 110

4.3.3  PNG图片 111

4.4  使用图片 112

4.4.1  图片标记 112

4.4.2  无障碍与图片 113

4.4.3  页面背景 114

4.4.4  图片链接 117

4.5  XHTML图片和其他 120

4.5.1  <nobr>标记 120

4.5.2  使用表格格式化图片 121

4.5.3  图片映射 122

4.5.4  缩略图 124

4.5.5  高级技术：图片切割 124

4.6  图片来源和使用指导 124

4.6.1  图片来源 125

4.6.2  图片使用指导 125

4.6.3  Web无障碍 127

小结  127

重要术语 127

复习题 128

网上研究 144

第5章  XHTML框架 145

5.1  框架概述 146

5.1.1  使用框架的优点 147

5.1.2  使用框架的缺点 148

5.1.3  无障碍与框架 149

5.2  XHTML——使用框架 149

5.2.1  你的第一个框架集 149

5.2.2  <frameset>标记 154

5.2.3  <frame />标记 156

5.2.4  <noframes>标记 158

5.2.5  target属性 159

5.2.6  <base />标记 159

5.3  内嵌框架 159

5.4  框架、链接和道德 163

小结  164

重要术语 164

复习题 164

网上研究 179

第6章  XHTML表单 180

6.1  表单概述 181

6.2  XHTML——使用表单 182

6.2.1  <form>标记 183

6.2.2  基本表单元素 185

6.3  改善表单 196

6.3.1  <label>标记 196

6.3.2  <fieldset>和<legend>标记 197

6.3.3  tabindex属性 198

6.3.4  accesskey属性 198

6.3.5  无障碍与表单 198

6.3.6  图像按钮和<button>标记 199

6.4  CGI服务器端处理 201

6.4.1  应用CGI的步骤 202

6.4.2  使用CGI 202

6.4.3  隐私和表单 205

6.4.4  CGI资源 206

6.4.5  服务器端程序使用的

其他技术 206

小结  207

重要术语 207

复习题 207

网上研究 219

第7章  网站设计 220

7.1  网站组织结构 221

7.1.1  层级型组织结构 222

7.1.2  直线型组织结构 224

7.1.3  随机型组织结构 225

7.2  网站导航——最佳规范 225

7.2.1  易于导航 225

7.2.2  导航栏 226

7.2.3  短小的页面 229

7.2.4   229

7.2.5  站点地图和站点搜索功能 229

7.3  设计原则 230

7.3.1  反复：使视觉元素重复贯穿

整个设计 230

7.3.2  对比：增加视觉刺激和

吸引注意力 231

7.3.3  近似：分组相关项目 231

7.3.4  对齐：使元素对齐从而达到

视觉上的统一 231

7.4  网页设计——最佳规范 231

7.4.1  下载时间 232

7.4.2  感觉到的下载时间 232

7.4.3  折叠处之上 233

7.4.4  网页“房地产” 233

7.4.5  水平滚动 233

7.4.6  恰当的空白间隔 233

7.4.7  目标受众 234

7.4.8  浏览器友好支持 236

7.4.9  屏幕分辨率 236

7.4.10  页面布局 237

7.5  页面布局设计技巧 238

7.5.1  固定设计 238

7.5.2  粘着设计 239

7.5.3  流动设计 239

7.6  文本设计——最佳规范 241

7.7  图片设计——最佳规范 242

7.8  提供无障碍访问方式设计 245

7.9  最佳规范检验清单 247

小结  250

重要术语 250

复习题 250

网上研究 255

第8章  网站开发 257

8.1  成功的大规模项目开发 258

8.1.1  项目经理 258

8.1.2  信息设计师 258

8.1.3  市场代表 258

8.1.4  文书和编辑 258

8.1.5  内容经理 258

8.1.6  图像设计师 258

8.1.7  数据库管理员 259

8.1.8  网络管理员 259

8.1.9  网页开发人员 259

8.1.10  确定项目人选的标准 259

8.2  开发流程 259

8.2.1  酝酿 261

8.2.2  分析 261

8.2.3  设计 264

8.2.4  制作 265

8.2.5  测试 265

8.2.6  开通 267

8.2.7  维护 268

8.2.8  评估 268

8.3  Web主机托管 268

8.3.1  Web主机提供商的种类 268

8.3.2  主机需求 269

8.4  选择虚拟主机 271

小结  271

重要术语 271

复习题 272

网上研究 276

第9章  层叠样式表入门 277

9.1  层叠样式表概况 278

9.1.1  使用层叠样式表的优点 278

9.1.2  层叠样式表的类型 278

9.1.3  CSS语法入门 279

9.2  使用内联样式 281

与样式连用的XHTML元素 282

9.3  使用内嵌样式表 284

9.3.1  在CSS中使用类选择符 286

9.3.2  在CSS中使用id选择符 288

9.4  使用外部样式表 288

9.5  “层叠”的含义 290

9.6  CSS伪类和链接 293

9.7  CSS和字体 301

9.8  CSS策略 303

小结 303

重要术语 304

复习题 304

网上研究 313

第10章  层叠样式表——页面布局 314

10.1  CSS页面布局概况 315

10.1.1  使用CSS进行页面布局的

???优点 317

10.1.2  使用CSS进行页面布局的

???缺点 317

10.2  框模型 318

10.3  CSS定位属性 320

10.3.1  相对定位和绝对定位 320

10.3.2  float属性 323

10.3.3  display属性 325

10.3.4  z-index属性 326

10.4  分两栏的页面布局 336

10.5  使用列表进行导航区布局设计 341

10.6  三栏页面布局 343

10.7  使用CSS设置表单样式 350

10.8  用CSS设置打印样式 353

10.9  CSS调试技巧 355

10.10  CSS页面布局资源 356

小结  357

重要术语 357

复习题 357

网上研究 370

第11章  Web媒体和交互性 372

11.1  辅助软件和插件 373

11.2  音频文件类型 374

获取音频文件 374

11.3  在网页上使用音频 375

11.3.1  <embed>标记 376

11.3.2  <object>标记 377

11.3.3  背景声音 380

11.4  视频文件类型 381

获取视频文件 381

11.5  在网页上使用视频 381

11.5.1  <embed>标记 382

11.5.2  <object>标记 383

11.5.3  只适用于Internet Explorer的

??选项 383

11.6  浏览器兼容性和无障碍性 384

11.7  流媒体 384

11.8  RealNetworks流媒体入门 385

11.8.1  制作 386

11.8.2  发布 386

11.8.3  回放 387

11.9  版权问题和媒体文件 387

11.10  Adobe Macromedia Flash 388

11.10.1  Flash的常用用法 388

11.10.2  网页设计和Flash 390

11.10.3  在网页上添加Flash动画 390

11.10.4  Flash资源 393

11.11  Java 394

11.11.1  Java小程序常见用途 394

11.11.2  在网页上添加Java

????小程序 396

11.11.3  免费Java小程序资源 398

11.12  JavaScript 399

11.12.1  JavaScript的常见用途 400

11.12.2  免费JavaScript资源 400

11.13  动态HTML(DHTML) 401

11.13.1  DHTML的常见用途 401

11.13.2  免费DHTML资源 402

11.14  Ajax——一种先进的Web技术 403

11.14.1  Ajax的常用用途 403

11.14.2  Ajax资源 404

11.15  无障碍与多媒体/交互性 404

小结  405

重要术语 405

复习题 405

网上研究 415

第12章  电子商务概述 416

12.1  什么是电子商务 417

12.1.1  电子商务的优点 417

12.1.2  电子商务的风险 417

12.2  电子商务商业模型 418

12.3  电子数据交换 419

12.4  电子商务统计数据 419

12.5  电子商务相关问题 420

12.6  电子商务安全 421

12.6.1  加密 421

12.6.2  整体性 422

12.6.3  安全套接层 423

12.6.4  数字化证书 423

12.6.5  SSL和数字证书 425

12.7  订单和支付流程 426

12.7.1  现金模型 426

12.7.2  支票模型 426

12.7.3  信用卡模型 426

12.7.4  智能卡 427

12.8  电子商务店面解决方案 428

12.8.1  快餐式在线店面 428

12.8.2  现成的购物车软件 429

12.8.3  定制解决方案 429

12.8.4  节省费用的半定制解决

???方案 429

小结  431

重要术语 431

复习题 431

网上研究 447

第13章  开发人员网站推广 448

13.1  搜索引擎和搜索索引概况 449

13.2  常用的搜索引擎和搜索索引 449

13.3  搜索引擎组成部分 450

13.3.1  搜索机器人 450

13.3.2  数据库 450

13.3.3  搜索表单 451

13.4  设计能够推广网站的页面 451

13.4.1  关键字 451

13.4.2  说明 452

13.4.3  元标记 452

13.5  被搜索引擎和搜索索引收录 453

13.6  监控搜索引擎和搜索索引列表 455

13.7  链接的受欢迎程度 456

13.8  其他网站推广活动 457

13.8.1  分销联盟计划 457

13.8.2  条幅广告 457

13.8.3  交换条幅广告 458

13.8.4  交换链接协议 458

13.8.5  邮件列表 459

13.8.6  “粘人”的网站特色 459

13.8.7  个人推荐 459

13.8.8  博客和RSS供应 460

13.8.9  Web圈 460

13.8.10  新闻组和邮件服务器

讨论 460

13.8.11  传统媒体广告和

现有广告材料 460

小结  461

重要术语 461

复习题 461

第14章  JavaScript概述 466

14.1  JavaScript概述 467

14.2  JavaScript的发展历程 467

14.3  JavaScript的常见用途 468

14.3.1  警示消息框 468

14.3.2  弹出窗口 468

14.3.3  浏览器嗅探 469

14.3.4  跳转菜单 469

14.3.5  鼠标移动技巧 470

14.4  在网页中添加JavaScript 471

14.4.1  <script>标记 471

14.4.2  JavaScript程序块模板 471

14.5  文档对象模型概述 474

14.6  事件和事件处理器 476

14.7  变量 479

14.7.1  在网页中添加变量 480

14.7.2  使用输入提示框获取

??变量值 482

14.8  程序设计概念入门 483

14.8.1  数学运算符 483

14.8.2  判断 484

14.8.3  函数 486

14.9  表单处理 489

14.10  无障碍与JavaScript 494

14.11  JavaScript资源 494

小结  495

重要术语 495

复习题 495

网上研究 504

网页开发人员参考 505

附录A  XHTML参考 506

附录B  特殊字符 533

附录C  CSS属性参考 535

附录D  HTML与XHTML 542

附录E  FTP 网页发布教程 548

附录F  第508条款标准 560

参考答案  562

　　

　　

X

　　

15

XHTML网页开发与设计基础(第3版)