第2章网页设计步骤

1、第第章章 网站设计步骤网站设计步骤 第二章第二章 网站设计步骤网站设计步骤 网站的设计与建设是需要一系列步骤来完成的，网站的设计与建设是需要一系列步骤来完成的，能否遵循网站的设计步骤直接影响一个网站质量，能否遵循网站的设计步骤直接影响一个网站质量，也直接影响网站发布后是否能成功运行。也直接影响网站发布后是否能成功运行。第第章章 网站设计步骤网站设计步骤 2.12.1总体概述总体概述2.22.2 网站的规划与设计网站的规划与设计2.32.3 站点建设站点建设2.42.4 站点发布和网站的管理与维护站点发布和网站的管理与维护习习 题题第二章第二章 网站设计步骤网站设计步骤第第章章 网站设计步骤网站

2、设计步骤 2.12.1 总体概述总体概述 网站建设总的网站建设总的来说需要经历四个来说需要经历四个步骤，分别是网站步骤，分别是网站的规划与设计、站的规划与设计、站点建设、网站发布点建设、网站发布和网站的管理与维和网站的管理与维护，如图护，如图2-12-1所示。所示。图图2-1 网站建设的步骤网站建设的步骤第第章章 网站设计步骤网站设计步骤 2.22.2 网站的规划与设计网站的规划与设计 在网站建设之前，需要对网站进行一系列的分在网站建设之前，需要对网站进行一系列的分析和估计，然后根据分析的结果提出合理的建设方析和估计，然后根据分析的结果提出合理的建设方案，这就是网站的规划与设计。网站的规划与设

3、计案，这就是网站的规划与设计。网站的规划与设计可分为网站定位、内容收集、栏目规划、目录结构可分为网站定位、内容收集、栏目规划、目录结构设计、网站标志设计、风格设计、导航系统设计七设计、网站标志设计、风格设计、导航系统设计七个环节。如图个环节。如图2-12-1所示。所示。第第章章 网站设计步骤网站设计步骤 图图22 “淡蓝的天空淡蓝的天空”个人网站个人网站下面我们就以建立一个名为下面我们就以建立一个名为“淡蓝的天空淡蓝的天空”的的个人网站为例来进行栏目规划。如图个人网站为例来进行栏目规划。如图22所示所示。第第章章 网站设计步骤网站设计步骤 案例假设：如你是一个开朗幽默、喜欢交友、案例假设：如你

4、是一个开朗幽默、喜欢交友、喜欢音乐、喜欢上网、喜欢读书的人，你已经收喜欢音乐、喜欢上网、喜欢读书的人，你已经收集网上很多好的资源和音乐，同时在网络和书刊集网上很多好的资源和音乐，同时在网络和书刊中摘录了许多好的文章，现在你要为自己建立一中摘录了许多好的文章，现在你要为自己建立一个网站。目的是介绍自己、张扬自己的个性、与个网站。目的是介绍自己、张扬自己的个性、与所有爱好者分享你收集的资源，同时给爱好者提所有爱好者分享你收集的资源，同时给爱好者提供一个交流的平台。供一个交流的平台。第第章章 网站设计步骤网站设计步骤 实例实例21 “淡蓝的天空淡蓝的天空”个人网站个人网站的栏目规划（）的栏目规划（）

5、一、要求与目的一、要求与目的 掌握掌握网站的定位网站的定位 掌握掌握栏目规划栏目规划 掌握逻辑掌握逻辑结构设计结构设计 掌握掌握目录结构设计目录结构设计第第章章 网站设计步骤网站设计步骤 二、规划分析过程二、规划分析过程 1网站定位：网站定位： 通过上述案例假设，从中可对网站做出定位：通过上述案例假设，从中可对网站做出定位：极具个性化的个人网站，根据个人兴趣爱好，分极具个性化的个人网站，根据个人兴趣爱好，分享资源，以期通过网络平台结识更多的同好者。享资源，以期通过网络平台结识更多的同好者。 网站访问群体定位：所有志趣相投的朋友，网站访问群体定位：所有志趣相投的朋友，共同交流和资源共享。共同交流

6、和资源共享。 为了表达一种心境，凸现自己的个性，将要为了表达一种心境，凸现自己的个性，将要建立的网站取名为建立的网站取名为“淡蓝的天空淡蓝的天空”。第第章章 网站设计步骤网站设计步骤 2网站栏目划分网站栏目划分 对网站及其访问群体做了定位后，接着需要做的对网站及其访问群体做了定位后，接着需要做的是确定网站所必需的栏目，依案例假设，确定栏目及是确定网站所必需的栏目，依案例假设，确定栏目及其名称如下：其名称如下：1)1)平凡的陌生人平凡的陌生人：此栏目主要是为了在网络上展：此栏目主要是为了在网络上展现自己，现自己，) )让别人了解自己。让别人了解自己。 2)感动你的心灵感动你的心灵：此栏目主要是把

7、自己平时收集：此栏目主要是把自己平时收集的文摘、网络文学、杂文、幽默等共享出来，的文摘、网络文学、杂文、幽默等共享出来，与有共同与有共同)兴趣的朋友一同来欣赏，以期望在心兴趣的朋友一同来欣赏，以期望在心灵深处有所触动。灵深处有所触动。第第章章 网站设计步骤网站设计步骤 3)请聆听请聆听：此栏目主要是把自己喜欢的音乐呈现：此栏目主要是把自己喜欢的音乐呈现给同给同)好者或浏览者，好者或浏览者，)来共同来共同)欣赏这美妙的乐欣赏这美妙的乐曲。曲。4)那笨拙的脚印那笨拙的脚印：此栏目主要是提供收集的网络：此栏目主要是提供收集的网络资源，起名资源，起名“那笨拙的脚印那笨拙的脚印”主要是为了体现主要是为了

8、体现设计者在网络和相关技术上的欠缺，同时也隐设计者在网络和相关技术上的欠缺，同时也隐含设计者此方面虽然含设计者此方面虽然“脚印笨拙脚印笨拙”，但仍孜孜，但仍孜孜不倦的追求的心境，也包含谦逊的成分在内。不倦的追求的心境，也包含谦逊的成分在内。第第章章 网站设计步骤网站设计步骤 5)同心结：此栏目主要是给有着共同兴趣的朋友：此栏目主要是给有着共同兴趣的朋友提供相互链接的平台，以达到能和同类的网站提供相互链接的平台，以达到能和同类的网站进行相互推荐，建立良好的合作关系的目的。进行相互推荐，建立良好的合作关系的目的。6)晚安：此栏目主要是留言本，提供浏览者与浏：此栏目主要是留言本，提供浏览者与浏览者、

9、浏览者与作者间共同览者、浏览者与作者间共同)交流的地方，起交流的地方，起名名)“晚安晚安”主要是考虑到同主要是考虑到同)好者多位全职，晚好者多位全职，晚上上网较多，同时也体现设计者不上上网较多，同时也体现设计者不)拘一格的设拘一格的设计思想，表达个性，问候朋友。计思想，表达个性，问候朋友。 第第章章 网站设计步骤网站设计步骤 在所有栏目中，在所有栏目中，“感动你的心灵感动你的心灵”和和“那笨那笨拙的脚印拙的脚印”是重要的栏目，其中是重要的栏目，其中“感动你的心灵感动你的心灵”需要对它进行更细的划分，根据自己兴趣和所收需要对它进行更细的划分，根据自己兴趣和所收集的相关文章，本栏目又被划分为：集的

10、相关文章，本栏目又被划分为：“文摘文摘”、“网文网文”、“杂文杂文”、“幽默幽默”、“测验测验”、“专栏专栏”等子栏目。等子栏目。第第章章 网站设计步骤网站设计步骤 3. 网站逻辑结构设计网站逻辑结构设计 由于本网站属于个人网站。由于本网站属于个人网站。一般情况下栏目不是太多，结一般情况下栏目不是太多，结构不是太复杂，层次不是太多，构不是太复杂，层次不是太多，为了能使相关内容划分的很清为了能使相关内容划分的很清楚，便于理解和浏览，本网站楚，便于理解和浏览，本网站采用层次型逻辑结构。如图采用层次型逻辑结构。如图2 23 3所示。所示。图图2-3 层次型逻辑结构层次型逻辑结构第第章章 网站设计步骤

11、网站设计步骤 将网站所有将网站所有栏目及其子栏目栏目及其子栏目连在一起，本网连在一起，本网站的逻辑目录结站的逻辑目录结构如图构如图24所示所示图图2-4 “淡蓝的天空淡蓝的天空”网站层次型目录结构图网站层次型目录结构图第第章章 网站设计步骤网站设计步骤 4网站目录结构设计网站目录结构设计 为了便于网站管理和维护，网站的目录结为了便于网站管理和维护，网站的目录结构设计采用规范设计，即建立网站根目录，再构设计采用规范设计，即建立网站根目录，再在网站根目录下建立各级栏目的目录，目录名在网站根目录下建立各级栏目的目录，目录名采用拼音，采用拼音，imagesimages目录有两级目录有两级网站网站ima

12、gesimages和各栏目目录下独立的和各栏目目录下独立的imagesimages。如图。如图2 25 5所示。所示。第第章章 网站设计步骤网站设计步骤 图图2-5 “淡蓝的天空淡蓝的天空”网站目录网站目录第第章章 网站设计步骤网站设计步骤 三、本实例知识点三、本实例知识点 1、网站的定位网站的定位 网站的定位就是确定网站的建设目标，它通常需要确网站的定位就是确定网站的建设目标，它通常需要确定三个方面：网站的建设目的、网站的访问对象和网站的定三个方面：网站的建设目的、网站的访问对象和网站的内容与服务。用更通俗的话来说，就是回答内容与服务。用更通俗的话来说，就是回答“为什么要建为什么要建立这个网

13、站立这个网站? ?这个网站为谁服务这个网站为谁服务? ?网站提供哪些方面的内容网站提供哪些方面的内容和服务和服务?”?”这三个问题。这三个问题。第第章章 网站设计步骤网站设计步骤 2、栏目规划及其任务栏目规划及其任务 栏目规划的主要任务是对所收集的大量内容进行栏目规划的主要任务是对所收集的大量内容进行有效的筛选，并将它们组织成一个合理的便于理解的有效的筛选，并将它们组织成一个合理的便于理解的逻辑结构，即建立网站的逻辑结构，在这其中不仅需逻辑结构，即建立网站的逻辑结构，在这其中不仅需要为整个网站建立层次型结构，还需要为每一个栏目要为整个网站建立层次型结构，还需要为每一个栏目或者子栏目设计合理的逻

14、辑结构。除此之外，栏目规或者子栏目设计合理的逻辑结构。除此之外，栏目规划还需要确定哪些是重点栏目、哪些是需要实时更新划还需要确定哪些是重点栏目、哪些是需要实时更新的栏目、需要提供哪些功能性栏目等。的栏目、需要提供哪些功能性栏目等。第第章章 网站设计步骤网站设计步骤 1)确定必需的栏目确定必需的栏目2)确定重点栏目确定重点栏目3)建立层次型结构建立层次型结构设计每一个栏目设计每一个栏目 设计栏目之间的关系设计栏目之间的关系 第第章章 网站设计步骤网站设计步骤 3、逻辑结构设计逻辑结构设计 不同网页之间通常具有一定的逻辑关系，比如先后关不同网页之间通常具有一定的逻辑关系，比如先后关系、包含关系、并

15、列关系等，多个网页按照它们之间的系、包含关系、并列关系等，多个网页按照它们之间的逻辑关系组织在一起就形成了各种逻辑结构。在现在的逻辑关系组织在一起就形成了各种逻辑结构。在现在的网站中，最常见的逻辑结构就是层次型结构，其次是线网站中，最常见的逻辑结构就是层次型结构，其次是线型结构和网型结构。型结构和网型结构。第第章章 网站设计步骤网站设计步骤 1)线型结构线型结构 图图2-7 线性结构线性结构图图2-8 当当网购物流程当当网购物流程图图2-9 带抉择的线型结构带抉择的线型结构图图2-10 带选项的线型结构带选项的线型结构第第章章 网站设计步骤网站设计步骤 2) 层次型结构层次型结构 图图2-11

16、 层次型结构说明图层次型结构说明图第第章章 网站设计步骤网站设计步骤 3) 网络型结构网络型结构图图2-12 网络型结构网络型结构第第章章 网站设计步骤网站设计步骤 4、网站目录结构设计网站目录结构设计 目录结构又称为物理结构，它的设计解决的是如何目录结构又称为物理结构，它的设计解决的是如何在硬盘上更好地存放包括网页、图片、在硬盘上更好地存放包括网页、图片、FlashFlash动画、动画、JavaAppletJavaApplet、数据库等各种资源在内的所有网站资源。、数据库等各种资源在内的所有网站资源。 目录结构是否合理，对网站的创建效率会产生较大目录结构是否合理，对网站的创建效率会产生较大的

17、影响，但更主要的，会对未来网站的性能、网站的维的影响，但更主要的，会对未来网站的性能、网站的维护及扩展产生很大的影响。举一个例子来说明，比如极护及扩展产生很大的影响。举一个例子来说明，比如极端情况下，端情况下，第第章章 网站设计步骤网站设计步骤 目录结构的设计通常需要遵循以下原则：目录结构的设计通常需要遵循以下原则： 不要将所有的文件都放在根目录下不要将所有的文件都放在根目录下 根据栏目规划来设计目录结构根据栏目规划来设计目录结构 每个目录下都建立独立的每个目录下都建立独立的imagesimages子目录子目录4) 目录的层次不要太深目录的层次不要太深 不不)要使用中文目录名要使用中文目录名

18、可执行文件和不可执行文件分开放置可执行文件和不可执行文件分开放置7) 数据库文件单独放置数据库文件单独放置 第第章章 网站设计步骤网站设计步骤 实例实例22 “淡蓝的天空淡蓝的天空”个人网站个人网站的栏目规划（二）的栏目规划（二）一、要求与目的一、要求与目的 掌握掌握网站的色彩搭配网站的色彩搭配 掌握掌握网站的版面布局设计网站的版面布局设计 掌握网站的导航设计掌握网站的导航设计第第章章 网站设计步骤网站设计步骤 二、规划分析过程二、规划分析过程1风格设计：风格设计： 风格设计包含很多内容，为了体现个人风格，符风格设计包含很多内容，为了体现个人风格，符合网站的名称和定位。下面我们在色彩搭配和版面

19、合网站的名称和定位。下面我们在色彩搭配和版面布局方面做一些规划和设计。布局方面做一些规划和设计。1) 色彩的选取及搭配色彩的选取及搭配 本网站名为本网站名为“淡蓝的天空淡蓝的天空”，因此整个网站拟采，因此整个网站拟采用蓝色（用蓝色（0082CE0082CE）为主要色调，再辅助于一些绿）为主要色调，再辅助于一些绿等其它颜色，体现凉爽、清新、淡雅、浪漫的氛围。等其它颜色，体现凉爽、清新、淡雅、浪漫的氛围。第第章章 网站设计步骤网站设计步骤 图图2-14 “淡蓝的天空淡蓝的天空”首页图形界面首页图形界面第第章章 网站设计步骤网站设计步骤 为了更好地体现网站风格，本案例所有网页均采用一为了更好地体现网

20、站风格，本案例所有网页均采用一副已设计好的图片作为网页界面，不同的栏目采用不同副已设计好的图片作为网页界面，不同的栏目采用不同的风格图片。比如首页就采用一副包含网站名称、各主的风格图片。比如首页就采用一副包含网站名称、各主要栏目，以蓝色为主要色调的图片来作为整个首页的界要栏目，以蓝色为主要色调的图片来作为整个首页的界面，如图面，如图2-142-14所示。所示。2) 版面布局版面布局 首页布局：首页布局： 首页虽然采用图首页虽然采用图2 21414的图片作为整个网页的界面，的图片作为整个网页的界面，但在布局上基本属于图但在布局上基本属于图2 21515所示的布局方式。所示的布局方式。第第章章 网

21、站设计步骤网站设计步骤 图图2-15 “淡蓝的天空淡蓝的天空”首页版面布局首页版面布局第第章章 网站设计步骤网站设计步骤 其它栏目布局基本采用类似的布局方式，请学习者自行其它栏目布局基本采用类似的布局方式，请学习者自行设计（或参考本书提供的电子文档）。设计（或参考本书提供的电子文档）。3) 导航设计导航设计 由于本案例栏目数量、网页数量都不多，导航系统选由于本案例栏目数量、网页数量都不多，导航系统选择栏目名称直接导航的形式。择栏目名称直接导航的形式。图图2-17 “感动你的心灵感动你的心灵”版面布局版面布局图图第第章章 网站设计步骤网站设计步骤 三、本实例知识点三、本实例知识点 1、网站的风格

22、设计网站的风格设计1) 色彩搭配色彩搭配(1)(1)主色调的确定主色调的确定 (2) (2) 导航条的颜色导航条的颜色 (3) (3) 栏目索引条的颜色栏目索引条的颜色 (4) (4) 文字的颜色文字的颜色 (5) (5) 插图的颜色插图的颜色2) 版面布局设计版面布局设计 第第章章 网站设计步骤网站设计步骤 图图2-20隆尧之窗隆尧之窗网络文学网站主页网络文学网站主页第第章章 网站设计步骤网站设计步骤 图图2-21隆尧之窗隆尧之窗网络文学网站的栏目首页网络文学网站的栏目首页第第章章 网站设计步骤网站设计步骤 图图2-22隆尧之窗隆尧之窗网络文学网站的内容网页网络文学网站的内容网页第第章章 网

23、站设计步骤网站设计步骤 图图2-23网站版面布局的变化网站版面布局的变化第第章章 网站设计步骤网站设计步骤 图图2-24左右型框架和上下型框架左右型框架和上下型框架第第章章 网站设计步骤网站设计步骤 图图2-25复合型框架复合型框架第第章章 网站设计步骤网站设计步骤 图图2-26网页设计重点区域网页设计重点区域第第章章 网站设计步骤网站设计步骤 2、网站的导航设计网站的导航设计 在现实生活中，我们经常需要从一个地方到另一个地在现实生活中，我们经常需要从一个地方到另一个地方，比如到一个购物中心去购物或到某一个地方去旅游。方，比如到一个购物中心去购物或到某一个地方去旅游。这时，我们总是希望能走最短

24、、最舒适、最安全的路线到这时，我们总是希望能走最短、最舒适、最安全的路线到达目的地而不迷路。这就需要导航，导航就是帮助我们找达目的地而不迷路。这就需要导航，导航就是帮助我们找到能最快到达目的地的路。到能最快到达目的地的路。第第章章 网站设计步骤网站设计步骤 在访词网站的时候也一样，用户也期望在任何一个在访词网站的时候也一样，用户也期望在任何一个网页上都能清楚地知道目前所处的位置，并且能快速网页上都能清楚地知道目前所处的位置，并且能快速地从这个网页切换到另一网页。因此网站导航对于一地从这个网页切换到另一网页。因此网站导航对于一个网站来说非常的必要和重要，它是衡量一个网站是个网站来说非常的必要和重

25、要，它是衡量一个网站是否优秀的重要标准。否优秀的重要标准。第第章章 网站设计步骤网站设计步骤 图图2-27新浪网导航条新浪网导航条第第章章 网站设计步骤网站设计步骤 图图2-28新浪网读书栏目导航条新浪网读书栏目导航条第第章章 网站设计步骤网站设计步骤 图图2-29新浪网读书栏目路径导航条新浪网读书栏目路径导航条第第章章 网站设计步骤网站设计步骤 图图2-30 相关导航举例相关导航举例第第章章 网站设计步骤网站设计步骤 图图2-31重点导航重点导航第第章章 网站设计步骤网站设计步骤 （三）网页制作技术（三）网页制作技术 网页制作指的就是使用网页制作工具来制作每一网页制作指的就是使用网页制作工具

26、来制作每一个网页。网页文件是一种特殊的文本文件，所以它的个网页。网页文件是一种特殊的文本文件，所以它的制作工具非常广泛，比如记事本、制作工具非常广泛，比如记事本、UltraeditUltraedit、WordWord等都可以用来制作一个网页。但是最为主要的还是使等都可以用来制作一个网页。但是最为主要的还是使用专用的网页制作工具，其中最为主流的是用专用的网页制作工具，其中最为主流的是MacromediaMacromedia公司开发的公司开发的DreamweaverDreamweaver系列和微软公司系列和微软公司开发的开发的FrontPageFrontPage。第第章章 网站设计步骤网站设计步骤

27、 网页制作通常需要用到很多网页制作技术，总的来网页制作通常需要用到很多网页制作技术，总的来说分为三类：静态网页技术、动态网页技术和动态服说分为三类：静态网页技术、动态网页技术和动态服务器网页技术。务器网页技术。 静态网页技术指的就是：静态网页技术指的就是：HTML(HyperText Markup HTML(HyperText Markup Language)Language)技术，即超文本标记语言技术。技术，即超文本标记语言技术。HTMLHTML是网页是网页的基本语言，也是其他网页制作技术的基础，所以如的基本语言，也是其他网页制作技术的基础，所以如果要学习如何做网页，那么首先就必须从果要学习

28、如何做网页，那么首先就必须从HTMIHTMI开始学开始学起。起。第第章章 网站设计步骤网站设计步骤 动态网页技术就是我们常说的动态网页技术就是我们常说的DHTMLDHTML技术。技术。DHTMLDHTML是一种在网页下载到浏览器以后仍然能够控制网页中是一种在网页下载到浏览器以后仍然能够控制网页中各个各个HTMLHTML元素，使其随时变换的元素，使其随时变换的HTMLHTML。通过这种变换。通过这种变换能使网页产生各种特殊的效果，比如当鼠标移至某段能使网页产生各种特殊的效果，比如当鼠标移至某段文字上时能弹出一个快捷菜单，又比如一个图片能慢文字上时能弹出一个快捷菜单，又比如一个图片能慢慢显现出来等

29、。慢显现出来等。DHTMLDHTML在实现时并不是独立的，它通常在实现时并不是独立的，它通常需要和脚本语言需要和脚本语言(Javagcript(Javagcript、VaScriptVaScript和和JScript)JScript)、层叠样式表层叠样式表(CSS)(CSS)及层技术组合在一起使用。及层技术组合在一起使用。第第章章 网站设计步骤网站设计步骤 动态服务器网页技术指的是作用于动态服务器网页技术指的是作用于WWWWWW服务器端的服务器端的动态网页技术，而上面所说的动态网页技术作用于客动态网页技术，而上面所说的动态网页技术作用于客户端，即浏览器。动态服务器网页技术不是一种产生户端，即浏

30、览器。动态服务器网页技术不是一种产生变形、消失、变色等动画效果的技术，而是一种动态变形、消失、变色等动画效果的技术，而是一种动态生成网页的技术。在这种技术的支持下，静态的生成网页的技术。在这种技术的支持下，静态的HTMLHTML网页由动态网页所替代，网页的数据存放在数据库中。网页由动态网页所替代，网页的数据存放在数据库中。当用户访问这个网页时，动态网页才从数据库中取出当用户访问这个网页时，动态网页才从数据库中取出相应的数据并放在指定的位置，并形成一个新的相应的数据并放在指定的位置，并形成一个新的HTMLHTML网页。网页。第第章章 网站设计步骤网站设计步骤 本书主要把网页制作技术的重点放在了介

31、绍静态网页技术之本书主要把网页制作技术的重点放在了介绍静态网页技术之上。上。（四）网站测试（四）网站测试 在所有网页都制作完成之后，在正式对外发布网站之前，在所有网页都制作完成之后，在正式对外发布网站之前，还有还有_ _步非常重要的工作就是网站测试。网站测试的目的就步非常重要的工作就是网站测试。网站测试的目的就是为了保证在网站发布之后所有的用户都能正常地浏览网页是为了保证在网站发布之后所有的用户都能正常地浏览网页和使用所提供的服务。和使用所提供的服务。 在图在图2 23434中显示了网站测试所要进行的工作，通常包中显示了网站测试所要进行的工作，通常包括五个方面：功能测试、性能测试、可用性测试、

32、客户端兼括五个方面：功能测试、性能测试、可用性测试、客户端兼容性测试和安全性测试。容性测试和安全性测试。第第章章 网站设计步骤网站设计步骤 图图2-33 网站测试网站测试第第章章 网站设计步骤网站设计步骤 1 1、功能测试、功能测试 功能测试的任务是测试网站能否正常运行，其、测试功能测试的任务是测试网站能否正常运行，其、测试的对象包括超链接、表单、的对象包括超链接、表单、CookiesCookies、网页编程语言及数、网页编程语言及数据库。超链接的测试可以分为三个方面，首先是测试所据库。超链接的测试可以分为三个方面，首先是测试所有的超链接是否都按指示的那样确实链接到了该链接的有的超链接是否都按

33、指示的那样确实链接到了该链接的网页；其次是测试每一个超链接所链接的网页是否存在；网页；其次是测试每一个超链接所链接的网页是否存在；最后是测试网站上是否有孤立的网页，即没有其他网页最后是测试网站上是否有孤立的网页，即没有其他网页的超链接指向这个网页。很多工具都能对超链接进行自的超链接指向这个网页。很多工具都能对超链接进行自动的测试，比如动的测试，比如MacromediaMacromedia公司的公司的DreamweaverDreamweaver。第第章章 网站设计步骤网站设计步骤 表单测试需要测试的是表单提交内容的正确性和提交过表单测试需要测试的是表单提交内容的正确性和提交过程操作的完整性。比如

34、用户在表单上填写了程操作的完整性。比如用户在表单上填写了18001800年的出生年年的出生年份显然就不正确，又比如用户在正确填写完所有信息，可提份显然就不正确，又比如用户在正确填写完所有信息，可提交之后仍得到错误提示，这很可能是表单在提交过程中出现交之后仍得到错误提示，这很可能是表单在提交过程中出现了问题。了问题。 CookiesCookies也是现在很多网站用来在客户端存储信息的手段，也是现在很多网站用来在客户端存储信息的手段，但是用户却可以对但是用户却可以对CookiesCookies的使用进行限制，比如禁止的使用进行限制，比如禁止CookiesCookies使用，所以需要进行使用，所以需

35、要进行CookiesCookies测试，测试测试，测试CoookiesCoookies是是否起作用，是否按预定的时间保存信息，刷新对否起作用，是否按预定的时间保存信息，刷新对CookiesCookies有有什么影响等。什么影响等。第第章章 网站设计步骤网站设计步骤 无论是无论是HTMLHTML、JavaScriptJavaScript、VBScriptVBScript，还是用于编写，还是用于编写Java AppletJava Applet、ActiveXActiveX等控件的等控件的JavaJava、VCVC，都经历了很多，都经历了很多版本。不同的版本可能要求不同的运行环境，所以对这些版本。不

36、同的版本可能要求不同的运行环境，所以对这些编程语言的检查也不可忽略。编程语言的检查也不可忽略。 数据库也是经常导致网页错误的重要因素，比如所提数据库也是经常导致网页错误的重要因素，比如所提交的数据与数据库所要求的数据不符而导致发生数据一致交的数据与数据库所要求的数据不符而导致发生数据一致性错误，又比如动态网页要求读取数据库中根本不存在的性错误，又比如动态网页要求读取数据库中根本不存在的表或者表中的某个字段，从而导致网页输出错误。所以也表或者表中的某个字段，从而导致网页输出错误。所以也非常需要对数据库进行系统的测试，保证对数据库的各项非常需要对数据库进行系统的测试，保证对数据库的各项操作无误。操

37、作无误。第第章章 网站设计步骤网站设计步骤 2 2、性能测试、性能测试 性能测试是为了让用户能更好地访问网站，它通常分为性能测试是为了让用户能更好地访问网站，它通常分为连接速度测试、稳定性测试、负载测试和压力测试三个方连接速度测试、稳定性测试、负载测试和压力测试三个方面。因为不同的用户会使用不同的接入方式，比如有的拨面。因为不同的用户会使用不同的接入方式，比如有的拨号上网，有的使用号上网，有的使用ADSLADSL宽带上网，不同的接入方式就有不宽带上网，不同的接入方式就有不同的接入带宽，所以连接速度测试就是要保证各种接入方同的接入带宽，所以连接速度测试就是要保证各种接入方式都尽可能流畅地访问网站。比如有些网页设置了超时限式都尽可能流畅地访问网站。比如有些网页设置了超时限制，如果用户的连接速度太