本书分为“Web基础知识”、“网站规划”和“网站设计技术”三部分，共24章，系统讲解了网站开发的基本概念、网页设计的原则以及各种主流的网站开发平台（Apache+MySQL+ PHP+Dreamweaver）和开发技术（HTML、XML、Ajax、JavaScript、CSS、Cookies等）。

本书为普通高等教育“十一五”国家级规划教材，质量要求严格，行文严谨精练，图文并茂，每章后附有内容丰富的习题和思考题。

本书可作为高等学校本、专科学生的教材或教学参考书，也可以作为网站规划、设计人员的参考      用书。

随着Internet在世界范围的普及与应用，计算机网络已成为计算机应用领域中最活跃的部分，计算机技术只有通过网络才能在信息处理中显示出其强大威力。在计算机网络飞速发展的今天，Internet已经深入到各种领域，使人们的工作和生活发生了革命性的变化。而信息的发布和获取主要通过Internet网站，因此“网站设计与建设”就显得至关重要，网站设计与建设的优劣直接影响到浏览客户的数量，也就直接影响到信息发布的质量和影响力。网站的建设不仅是简单文字信息的发布，更重要的是体现企业或部门的形象，使更多的客户访问网站，让客户尽可能快地得到他们所需要的信息。做一个网站非常容易，但做好一个网站却非常不容易。

本课程主要讲述静态网站和动态网站的规划、设计和建设以及相关的技术，主要包括“Web基础知识”、“网站规划”和“网站设计技术”三部分。“Web基础知识”部分主要介绍了Web的一些基本概念：Web技术、Web导航、Web页面结构、Web多媒体等与Web有关的设计以及Web设计原则，还介绍了静态网站和动态网站等概念；“网站规划”部分讲述了网站开发的基本概念：网站团队、网站CI形象、Web战略、策略以及开发方法等；网站的规划设计讲述了网站设计流程、网站策划书、需求分析、概要设计、详细设计、测试设计以及总结报告和用户手册的书写规范；硬件平台规划讲述了网站与Internet的互联方式、服务器的选择、服务器常用技术、服务器环境因素以及ISP、ICP、ASP等供应商的选择；网站软件平台规划讲述了Web服务器操作系统、Web服务器、应用服务器（中间件）、数据库服务器和动态语言的选择；“网站设计技术”部分介绍了HTML技术、表格框架技术、XML技术、Cookies技术、层叠样式表（CSS）、JavaScript技术、Ajax设计方法、网站开发设计工具和网站发布方法，并介绍了一个WAMP（Windows+Apache+MySQL+PHP）动态网站环境的搭建以及PHP与MySQL编程等技术；附录部分介绍了一个当前十分流行的网页设计工具Adobe 

Dreamweaver CS3。

通过本课程的学习，学生能够掌握对网站的规划和设计，并能熟练地使用现在最流行的网站设计平台和工具Apache+MySQL+PHP+Dreamweaver等设计（动态）网站和网页。

本书除可作为高等学校本、专科生的“网站设计与建设”、“动态网站的规划与设计”和“网站规划与设计”等课程的教材或参考书外，也可以作为从事网站规划和设计人员的参考用书。

本书第1～9章和第17章由山东大学计算机科学与技术学院的刘运臣老师编写；于永棠老师编写第10～14章和第21章；张晓梅老师编写第15、16章和第18～20章及附录；连莉老师编写第22～24章。全书由刘运臣规划统稿。

在本书编写过程中，特别是在大纲制定过程中，石冰、孙玉清、向辉和龚斌四位教授进行过多次指导，本书还得到孟祥旭教授的鼎力支持和帮助，在此一并致谢。

在书稿准备过程中，也得到王慧玲老师和董立新老师的帮助，在此表示感谢。

本书在编写过程中参考了大量相关书籍，特别参考了大量Internet网站信息，包括论坛和博客等，对此我们表示深深的感谢！

最后非常感谢清华大学出版社给予这本书的帮助和支持。

由于时间仓促且编者水平有限，书中的疏漏甚至错误在所难免，恳请专家和读者批评指正。

  

编    者  

2007年7月

IV

网站设计与建设

V

第一部分  Web基础知识

第1章  Web设计综述 2

1.1  Internet与intranet 2

1.2  WWW简述 3

1.3  Web媒体新特征 4

1.4  Web技术和工具 6

1.5  Web客户与Web设计 7

1.6  客户资源与Web设计 7

1.7  Web页面与传统软件用户界面 9

1.8  页面布局与Web设计 10

1.9  颜色与Web设计 17

1.10  字体与Web设计 26

1.11  小结 30

思考与练习 30

第2章  导航与Web设计 32

2.1  导航重要性 32

2.2  主要导航和次要导航 33

2.3  导航体系 34

2.4  站点结构 45

2.5  导航规则 46

2.6  小结 49

思考与练习 49

第3章  图形与Web设计 50

3.1  网站图像的重要性 50

3.2  网站图像常用规则 51

3.3  数字图像 54

3.4  位图图像和矢量图形 59

3.5  常用图形文件格式 62

3.6  小结 65

思考与练习 66

第4章  多媒体与Web设计 67

4.1  多媒体Web设计原则 67

4.2  动画与Web设计 69

4.3  视频与Web设计 70

4.4  音频与Web设计 75

4.5  多媒体网站设计考虑的主要因素 77

4.6  小结 77

思考与练习 78

第5章  静态网站、动态网站及IP域名 79

5.1  静态网页和静态网站 79

5.2  动态网页和动态网站 80

5.3  动态生成静态网站 81

5.4  Web应用程序 83

5.5  统一资源定位符 83

5.6  IP地址 84

5.7  子网掩码 86

5.8  域名系统DNS 89

5.9  域名申请步骤 93

5.10  小结 99

思考与练习 99

第二部分  网 站 规 划

第6章  网站规划开发基本概念 102

6.1  网站设计团队 102

6.2  网站定位 103

6.3  网站CI形象 108

6.4  网站蓝图 110

6.5  Web战略 110

6.6  Web策略 111

6.7  心理映射 111

6.8  网站开发方法 112

6.9  网站客户群 112

6.10  小结 113

思考与练习 113

第7章  网站规划设计 115

7.1  网站设计流程 115

7.2  网站策划书撰写要点 116

7.3  功能需求分析设计 118

7.4  网站概要设计 122

7.5  网站详细设计 125

7.6  网站测试设计 128

7.7  撰写网站开发总结性报告 133

7.8  编写网站用户手册 133

7.9  小结 134

思考与练习 135

第8章  硬件平台规划 137

8.1  选择接入Internet的方式 137

8.2  服务器选型 145

8.3  服务器组件 149

8.4  服务器常用技术 160

8.5  服务器机房环境因素 168

8.6  网站建设服务供应商选择 170

8.7  小结 174

思考与练习 175

第9章  软件平台规划 177

9.1  Web服务器操作系统选型 177

9.2  HTTP（Web）服务器选型 182

9.3  应用服务器（中间件）选型 187

9.4  Web数据库服务器选型 193

9.5  动态网页设计语言选型 200

9.6  小结 204

思考与练习 205

第三部分  网站设计技术

第10章  HTML基础 208

10.1  HTML简介 208

10.2  HTML标准及版本历史 210

10.3  网页的可访问性 212

10.4  HTML标记与属性 213

10.5  HTML中的超链接 216

10.6  HTML的扩展 217

10.7  小结 219

思考与练习 220

第11章  HTML表格与页面结构 221

11.1  HTML表格的基本结构 221

11.2  HTML表格与页面布局 226

11.3  小结 227

思考与练习 227

第12章  HTML框架与页面结构 228

12.1  HTML框架与框架组合 228

12.2  框架与页面结构 228

12.3  小结 232

思考与练习 233

第13章  XML技术简介 234

13.1  XML语法与文档结构 234

13.2  文档类型定义 236

13.3  命名空间 241

13.4  XML架构 243

13.5  XML解析器 247

13.6  小结 248

思考与练习 249

第14章  Metadata、Cookies与Web设计 250

14.1  Metadata 250

14.2  Cookies 254

14.3  小结 256

思考与练习 256

第15章  层叠样式表CSS 257

15.1  样式表 257

15.2  层叠样式表 258

15.3  定义和使用样式 258

15.4  可变的样式元素 260

15.5  小结 264

思考与练习 264

第16章  JavaScript基础 266

16.1  什么是JavaScript 266

16.2  JavaScript和其他语言 267

16.3  JavaScript的优势 269

16.4  JavaScript版本及运行环境 269

16.5  在HTML中内嵌JavaScript 270

16.6  使用JavaScript和用户通信 272

16.7  JavaScript函数 275

16.8  使用JavaScript进行浏览器检测 276

16.9  小结 280

思考与练习 280

第17章  Ajax设计方法 281

17.1  什么是Ajax 281

17.2  Ajax工作原理 282

17.3  XMLHttpRequest对象 283

17.4  获取Request对象 284

17.5  Ajax请求与响应 286

17.6  处理服务器响应 287

17.7  启动一个Ajax过程 288

17.8  小结 289

思考和练习 289

第18章  网站开发设计工具 290

18.1  网站开发设计方法 290

18.2  所见即所得设计工具的特点 290

18.3  网站知名开发设计工具 292

18.4  HTML文本编辑器特点 302

18.5  HTML知名文本编辑器 303

18.6  小结 303

思考和练习 304

第19章  网站发布 305

19.1  网站发布方法 305

19.2  数据库的发布 305

19.3  网页的发布方法 307

19.4  手工方式发布网页代码 308

19.5  Web方式发布网页代码 308

19.6  FTP方式发布网页代码 310

19.7  小结 311

思考和练习 311

第20章  Apache+MySQL+PHP动态网站平台的搭建 312

20.1  Apache+MySQL+PHP开发环境介绍 312

20.1.1  硬件环境需求 312

20.1.2  软件介绍及下载 312

20.2  PHP开发环境的安装与配置 314

20.2.1  Apache 314

20.2.2  PHP 318

20.2.3  MySQL 320

20.3  相关软件工具 323

20.3.1  phpMyAdmin 323

20.3.2  MySQL-Front 324

20.3.3  Zend Optimizer：PHP的优化器，支持加密PHP脚本 327

20.3.4  PHP Home 328

20.4  小结 330

思考与练习 330

第21章  PHP编程 331

21.1  PHP概述 331

21.1.1  什么是PHP 331

21.1.2  PHP内嵌在HTML文档中 332

21.1.3  PHP的注释 333

21.1.4  PHP的语句分隔 333

21.1.5  PHP的HTML输出 333

21.2  变量、运算符与表达式 334

21.2.1  PHP数据类型 334

21.2.2  PHP标识符 335

21.2.3  PHP运算符 340

21.2.4  运算优先级 342

21.3  控制语句 342

21.3.1  表达式与语句 342

21.3.2  选择结构 343

21.3.3  循环结构 346

21.4  数组 349

21.4.1  一维数组 349

21.4.2  多维数组 351

21.5  类 352

21.5.1  定义一个类 352

21.5.2  类的继承 353

21.5.3  对象的创建 353

21.6  函数 354

21.6.1  PHP保留函数 355

21.6.2  自定义函数 363

21.7  小结 366

思考与练习 367

第22章  MySQL数据库 368

22.1  MySQL概述 368

22.2  MySQL特点 369

22.3  MySQL数据库的工作模式 370

22.3.1  服务器端程序 370

22.3.2  客户端程序 374

22.4  用户口令管理 377

22.4.1  MySQL用户配置信息 377

22.4.2  更改用户的口令 378

22.5  数据库操作 379

22.5.1  查看数据库 379

22.5.2  创建数据库 380

22.5.3  删除数据库 380

22.5.4  打开一个数据库 381

22.5.5  数据库的名称 381

22.6  MySQL语言参考 383

22.6.1  MySQL数据类型 383

22.6.2  MySQL的列类型 385

22.6.3  用户变量 389

22.6.4  系统变量 391

22.6.5  注释语法 392

22.7 “表”操作 393

22.7.1  显示表 393

22.7.2  创建表 393

22.7.3  显示表的结构 395

22.7.4  修改表的结构 396

22.7.5  删除表 399

22.8 “记录”操作 400

22.8.1  增加记录 400

22.8.2  查询记录 402

22.8.3  排序记录 404

22.8.4  修改记录 405

22.8.5  删除记录 405

22.9 “索引”操作 406

22.9.1  产生索引 406

22.9.2  删除索引 407

22.10 “显示信息”操作 408

22.11  用户管理 410

22.11.1  MySQL提供的权限 411

22.11.2  增加用户 412

22.11.3  删除用户 413

22.11.4  设置用户密码 414

22.11.5  取消权限 414

22.12  优化 414

22.12.1  降低权限优化性能 415

22.12.2  使“表”结构尽可能小 415

22.12.3 “优化表”操作 415

22.13 “锁”操作 416

22.14  数据备份与恢复 416

22.14.1  数据备份 416

22.14.2  为系统崩溃进行的备份与恢复 417

22.14.3  自动恢复 420

22.15  小结 421

思考与练习 421

第23章  PHP与MySQL数据库 423

23.1  概述 423

23.2  MySQL数据库的连接与关闭 423

23.3  PHP对MySQL数据库操作 424

23.4  PHP“记录查询”操作 425

23.5  存储并显示查询结果 426

23.6  PHP获取MySQL错误信息 429

23.7  PHP“数据库”操作命令 430

23.8  PHP“表”操作命令 431

23.9  PHP“记录”操作命令 431

23.10  PHP“字段”操作命令 432

23.11  小结 435

思考与练习 436

第24章  PHP与ODBC数据源 437

24.1  ODBC概述 437

24.2  创建MyODBC数据源 438

24.3  PHP ODBC的连接与关闭 440

24.4  通过ODBC的SQL查询 441

24.5  通过ODBC获取查询结果 443

24.6  ODBC的其他操作 446

24.7  PHP有关ODBC的函数 448

24.8  小结 449

思考与练习 449

附录A  网页设计工具Adobe Dreamweaver CS3 451

A.1  初步认识Adobe Dreamweaver CS3 451

A.1.1  Dreamweaver CS3工作区集成窗口 451

A.1.2  Dreamweaver CS3工作流程概述 453

A.2  Adobe Dreamweaver CS3基础应用 454

A.2.1  创建Dreamweaver CS3站点 454

A.2.2  创建和管理文件 457

A.2.3  使用HTML“表格”对页面进行布局 461

A.2.4  使用HTML“框架”对页面进行布局 462

A.2.5  使用 CSS创建页面和对页面进行布局 464

A.2.6  可视化构建Spry页 468

A.3  Adobe Dreamweaver CS3新特性 471

A.4  PHP应用开发示例 472

参考文献 483

XII

网站设计与建设

XIII