网站构建 高级教程

• 教程首页
• 网站构建

当您将我们的《网站构建教程》学习完毕，您会掌握如何建设一个专业的网站。

您也会学到如何做好面向未来的准备，以及如何使用诸如 XHTML 和 XML 之类的新技术。

开始学习网站构建！

内容目录

• 网站构建
• 一个网站开发人员必须掌握的知识是什么？不要跳过本章，其中的内容非常重要。所以，将这一章全部读完吧！
• 网站设计
• 本章内容：如何设计你的站点。
• 网络用户
• 本章内容：网络用户以及他们使用什么类型的设备。
• 网站标准
• 本章内容：WEB 标准，以及如何使用它们。
• 网站验证
• 本章内容：如何验证您的网站中的 HTML、XHTML、CSS、XML、和 WMP 页面。

网站构建

• 教程首页
• 网站设计

每个网站开发者都必须了解以下 Web 构件：

• HTML 4.01
• CSS 的使用 （样式表）
• XHTML
• XML 和 XSLT
• 客户端脚本
• 服务器端脚本
• 通过 SQL 管理数据
• Web 的未来

HTML 4.01

HTML 是 Web 的语言，每一个 Web 开发者都需要对它拥有基本的了解。

HTML 4.01 是重要的 Web 标准，它与 HTML 3.2 的差异非常之大。

当类似 font 的标签和 color 属性被添加到 HTML 3.2 后，它就逐渐成为开发人员们的一场噩梦。开发那些必须把字体信息加入每个单独页面的网站，其过程成为了一种漫长而昂贵的折磨。

通过 HTML 4.01，所有的格式化信息可以被移出 HTML 文档，转而放入一个独立的样式表中。

HTML 4.01 之所以重要，另外一个原因是由于 XHTML 1.0，这个最新的 HTML 标准是作为一种 XML 应用被重新表达的 HTML 4.01。在您的页面中使用 HTML 4.01 可以确保在未来将 HTML 轻松升级到 XHTML。

请确保您使用了最新的 HTML 4.01 标准。

学习我们的完整的 HTML 4.01 参考手册。

层叠样式表（Cascading Style Sheets – CSS）

样式可定义 HTML 元素如何被显示，类似 font 标签在 HTML 3.2 中所起到的作用。样式通常被保存在 HTML 文档之外的文件中。外部样式表使您有能力仅仅通过编辑一个简单的 CSS 文档来改变网站内所有页面的外观和布局。如果您曾经尝试过进行某些改变，比如同时改变站内所有网页标题的字体或颜色，您就会明白 CSS 如何能够达到事半功倍的效果。

请务必学习我们的 CSS 教程。

XHTML – HTML 的未来

XHTML 指可扩展超文本标记语言（Extensible HyperText Markup Language）。

XHTML 1.0 是源自 W3C 的最新的 HTML 标准。它于 2000 年 1 月 26 日成为正式的推荐标准（Recommendation）。W3C Recommendation 意味着其规范的稳定性，同时其规范目前已成为一种 Web 标准。

XHTML 是一种使用 XML 进行重构的 HTML 4.01，并可以通过遵循一些简单的指导方针立即在现有的浏览器中投入使用。

为未来做好准备：请阅读如何将网站转化为 XHTML。

XML – 用于描述数据的工具

扩展标记语言（XML）并不是HTML的替代品。在未来的 web 开发中，XML 会被用来描述和存储数据，而 HTML 会被用来显示数据。

我们对 XML 最合适的描述是，一个跨平台的、独立于软硬件的，信息存储和传输工具。

我们相信 XML 的重要性不亚于 HTML 对于 web 的基础性地位，并且 XML 将会成为最重要的数据处理和传输工具。

请确保学习我们的 XML 教程。

XSLT – 用户转换数据的工具

XSLT（可扩展的样式表语言转换，Extensible Stylesheet Language Transformations），是用于转换 XML 的语言。

未来的网站将不得不向不同的浏览器并向其他web服务器以不同的格式传递数据。而 XSLT 则是一种将 XML 数据转换为不同格式的新的 W3C 标准。

XSLT 可以把 XML 文件转换为浏览器可识别的格式，比如 HTML，或者 WML – 一种用于许多手持设备的标记语言。

XSLT 还可以添加元素，并对元素进行删除、重新排列及排序，测试并确定显示哪些元素，等等。

请确保学习我们的 XSLT 教程。

客户端脚本

客户端脚本脚本是一种有关因特网浏览器行为的编程。您应该学习 JavaScript，这样才能有能力传递更多的动态网站内容：

• JavaScript 是为 HTML 设计者提供的一种的编程工具
• HTML 的创作者通常都不是程序员，但是 JavaScript 是一种语法非常简单的脚本语言！几乎任何人都能够把某些 JavaScript 的代码片断放入他们的 HTML 页面中。
• JavaScript 可以在HTML页面中放入动态的文本
• 像这样的一条 JavaScript 语言可以在 HTML 页面中写入可变的文本：document.write(“h1” + name + “/h1”)
• JavaScript 能够对事件进行反应
• 可以把 JavaScript 设置为在某事件执行时发生，比如当页面加载完毕或当用户点击某个 HTML 元素时。
• JavaScript 可读取并修改 HTML 元素
• JavaScript 能够读取并修改 HTML 元素的内容
• JavaScript 可被用来验证数据
• 可使用 JavaScript 在表单被提交到服务器前对表单数据进行验证，这样可确保服务器进行正确的数据处理。

一定要学习我们的 JavaScript 教程。

服务器端脚本

服务器端脚本和因特网服务器编程有关。您应该学习服务器端脚本，这样才能有能力传递更多的动态网站内容。通过服务器端的编程，你可以：

• 动态地编辑、修改或添加网页内容
• 对用户从 HTML 提交的查询或数据进行响应
• 访问数据或数据库，并把结果返回浏览器
• 访问文件或 XML 数据，并把结果返回浏览器
• 把 XML 转换为 HTML，并把结果返回到浏览器
• 为不同的用户定制页面，提高页面的可用性
• 对不同的网页提供安全和访问控制
• 为不同类型的浏览器设计不同的输出
• 最小化网络流量

在 W3SCHOOL，我们通过 ASP 和 PHP 为您演示了服务器端的脚本编程

请确保学习我们的 ASP 教程 和 PHP教程。

使用 SQL 管理数据

结构化查询语言（SQL）是对诸如下列数据库进行访问的通用标准：SQL Server、Oracle、Sybase 以及 Access。

对于那些希望从数据库存储和提取数据的人们来说，有关 SQL 的知识是极具价值的。

任何web管理员都应当明白，SQL 对于 web 上的数据库来说，是一种真正切合的引擎。

请确保学习我们的 SQL 教程。

未来的前景

您需要明白一件很重要的事情，网站的功能性将会彻底地变革。我们会看一种巨大的转变，那就是网站从“静态内容”的展示转向“动态内容”的传递。

我们还会看到很多新式的浏览器，比如移动设备中的浏览器，同时，我们还会看到更多有关服务器间，以及服务器与浏览器间使用XML来进行的数据通信。

网站设计

• 网站构建
• 网络用户

设计网站需要严谨的思考和周全的计划。

最重要的事情是了解您的受众（用户）。

用户都是浏览者

如果您认为一般的用户会完完整整地阅读您的网页，那么您就错了。

无论您在网页中发布了多么有用的信息，一个访问者在决定是否继续阅读之前仅仅会花几秒钟的时间进行浏览。

如果您希望用户阅读您的文字，请确保在页面段落的第一句就说明您的观点。另外，您还需要在整个页面中使用简短的段落以及有趣的标题。

少即是多

使所有的句子尽可能地短。使所有的段落尽可能地短。使所有的章节尽可能地短。使您的页面尽可能地短。

请在段落和章节之间使用很多的留白。充斥着冗长文字的页面会赶走您的用户。

也不要在单一的页面上放置太多的内容。如果确实有必要传递大量的信息，请尽量把内容分为小块，然后放入不同的页面中。不要指望每个访问者都能把一张数千字的页面一路滚动到底。

导航

尽量创建通用于网站中所有页面的导航结构。

把文本段落中的超链接使用量降至最低。请不要使用文本段落内的超链接随意地把访问者带到别的页面。因此这样做会破坏导航结构一致性的感觉。

如果您必须使用超级链接，请把它们添加到段落的底部，或站点的导航菜单。

下载速度

最常见的错误是用于网站开发者的开发环境造成的，例如使用一台本地的机器开发站点，或者使用一条高速的因特网连接。开发人员有时不会意识到下载他们的页面要花很长的时间。

因特网可用性方面的研究告诉我们，如果网页的下载时间超过7秒，大多数的访问者会选择离开。

在您发布任何大量的内容前，请确保这些页面在低速的调制解调器连接上进行过测试。如果您的页面需要花大量的时间下载，您或许应当考虑删除某些图片或多媒体内容。

允许您的用户发言！

得到来自用户的反馈是件好事情。您的访问者就是你的“客户”。他们经常会给您一些有价值的点子，或者无偿地向您提供改进的建议。

如果您提供了某种方便的联系途径，您将得到来自很多技能和知识都各不相同的人们大量有益的反馈。

网站用户

• 网站设计
• 网站标准

您的用户所使用的硬件和软件各不相同。

最重要的事情是了解您的受众（用户）。

他们使用什么显示器？

请记住，在 web 上并非所有用户都使用与您相同的显示器。如果您针对 1024×768 分辨率的现实设计网页，那么某些使用低分辨率显示器的访问者在阅读您的网页时就会出现问题。

尽管某些用户仍然在使用 640×480 分辨率的显示器，但是 800×600 是低分辨率标准的趋势。W3SCHOOL 被设计为支持 1024×768 以上的分辨率。

如果您是拥有极高分辨率的开发人员中的一员，请确保使用了不同的低分辨率显示器来测试您的网页。

当设计网页布局时有一种明智的方法是，把页面的某个部分设计为可变的尺寸，这样就可以适应更大或更小的分辨率显示器。

他们使用什么浏览器？

两种主要的浏览器 (Netscape 和 Microsoft) 都有自己的特征和怪癖，这些都是您在设计网页时必须考虑的。

如果您很重视您的网站，那么请您不要忘记使用不同类型的浏览器来测试每张页面。

目前，最常见的浏览器是 Microsoft Internet Explorer 和 Mozilla Firefox。

此外，某些访问者也许会使用纯文本的浏览器，比如 Lynx，或者他们可能会通过某个类似 AOL 的在线服务来访问您的站点。这些浏览器中的某些可能不会按照您的预想来显示网页。

明智的做法是，使用严谨的、正式的且正确的 HTML（或 XHTML）。严谨且正确的编码总是有助于浏览器正确地显示您的页面。

他们安装了什么插件？

某些网页中的元素，比如声音和视频片断或者其他的多媒体内容，也许需要使用单独的程序（助手应用程序或插件）。

请不要在您的网页中使用这些元素，除非您能够保证访问者有权使用所需的软件来查看它们。

怎样帮助残疾人士？

一些人们拥有严重的视力或听力问题。这些用户也许同样需要访问您站点。

他们中的一些人会使用盲文点字法或基于语言的浏览器来设法阅读您的站点。请记住，如果您不为他们提供某些基于文本的选择来替代图象和其他图形元素，那么所有的视觉内容都会失去作用。

为残疾人士设计网站并非易事，但是有一件小事您是可以做到的 – 至少对于弱视的人们来说 – 令您的网页可使用可调节的字体尺寸。

用户都是浏览者

如果您认为一般的用户会完完整整地阅读您的网页，那么您就错了。

无论您在网页中发布了多么有用的信息，一个访问者在决定是否继续阅读之前仅仅会花几秒钟的时间进行浏览。

如果您希望用户阅读您的文字，请确保在页面段落的第一句就说明您的观点。另外，您还需要在整个页面中使用简短的段落以及有趣的标题。

Web 标准

• 网络用户
• 网站验证

Web 标准会帮助我们实现 WWW 的梦想。

Web 标准让 Web 开发更加容易。

为什么使用 web 标准？

由于存在不同的浏览器版本，web 开发者常常需要为耗时的多版本开发而艰苦工作。当新的硬件（比如移动电话）和软件（比如微浏览器）开始浏览 web 时，这种情况开始会变得更加严重。

为了 web 更好地发展，对于开发人员和最终用户而言非常重要的事情是，在开发新的应用程序时，浏览器开发商和站点开发商共同遵守标准。

web 的不断壮大，使得越来越有必要依靠标准实现其全部潜力。web 标准可确保每个人都有权利访问相同的信息。如果没有 web 标准，那么未来的 web 应用，包括我们所梦想的应用程序，都是不可能实现的。

同时，Web 标准也可以使站点开发更快捷，更令人愉快。为了缩短开发和维护时间，未来的网站将不得不根据标准来进行编码。开发人员不必为了得到相同的结果，而挣扎于多版本的开发。

其他的考虑

一旦 web 开发人员遵守了 web 标准，由于开发人员可以更容易地理解彼此的编码，web 开发的团队协作将得到简化。

某些开发人员认为标准等同于约束，并认为利用特殊的浏览器特性会为其工作成果增加保障。但是当访问方式日益增加时，未来对这些页面的调整会变得越来越困难。遵守标准是您解决此问题需要走出的第一步。只有使用 web 标准，才能确保在不频繁和费时地重写代码的情况下，所有的浏览器，无论新的或老式的，都可以正确地显示您的站点。

Standardization 可增加网站的访问量。

标准的 web 文档更易被搜索引擎访问，也更易被准确地索引。

标准的 web 文档更易被转换为其他格式。

标准的 web 文档更易被程序代码访问（比如 JavaScript 和 DOM）。

希望节省大量的时间吗？请养成使用验证服务来验证页面的习惯吧。验证可使您的文档与标准保持一致，并免于严重的错误。

易用性

易用性是 HTML 标准的一个重要部分。

标准使得残疾人士更容易地使用 web。盲人可使用计算机为他们读出网页。而弱视的人士可重新排列并放大网页。简单的 web 标准，比如 HTML 和 CSS，将使您的网页更容易被语音阅读器和其他不常见的输出设备理解。

万维网联盟（World Wide Web Consortium）

万维网联盟，建立于 1994 年，是一个国际性的联盟，其宗旨是投身于“引领 web 以激发其全部潜能”。

作为开发人员，特别是当创建这个教育性的网站时，我们愿意帮助其实现这个梦想。

您可以在下一节阅读更多有关 W3C 的内容。

ECMA

欧洲计算机工业协会 (ECMA)，1961 年创建于瑞士，其目标是满足对计算机语言和输入输出代码进行标准化的需要。

ECMA 不是一个官方的标准化机构，而是一个与其它官方机构，比如国际标准化组织 (ISO) 和欧洲通信标准机构 (ETSI)，进行合作的公司联合体。

对于 web 开发人员来说，最重要的标准是 ECMAScript，JavaScript 的标准化。

ECMAScript 是一种标准化的脚本语言，用来处理由 W3C 文档对象模型 (DOM) 所规定的网页对象。通过 ECMAScript，可对 DOM 对象进行添加、删除或修改。

ECMAScript 标准基于 Netscape 的 JavaScript 和微软的 JScript。

最新的 ECMAScript 规范是 ECMA-262：

http://www.ecma-international.org/publications/standards/ECMA-262.HTM

Web 安全

• 万维网联盟
• 教程首页

此刻，您已向整个世界提供了您的 IP 地址。

请确保您没有同时提供对私人数据的访问权限。

您的 IP 地址是公共的

访问因特网是要冒安全方面的风险的。

当您连到因特网后，IP地址被用来识别您的 PC。假如您不加防范，外部世界会利用这个 IP 地址（非法）访问您的计算机。

固定的 IP 地址要冒更大的风险。

假如您正在使用拨号连接的 modem，那么每当您连到因特网上时就会获得一个新的 IP 地址，但是如果您拥有一个固定的 IP 地址（电缆、专线等），您的IP就不会有变化了。

如果您正在使用一个固定的 IP 地址，那么您给了那些黑客们随时对计算机进行攻击的可能性。

您的网络共享

个人电脑常常会连接到一个共享网络中。大企业中的个人电脑会连接到大的集团网络。小公司的个人电脑会连接到小的本地网络，而私人家庭中的电脑也会经常与家庭成员分享网路。

网络经常用来共享打印机、文件以及磁盘存储。

当您连接到因特网，您的共享资源可能被外部世界访问到。

常见的 windows 安全问题

不幸地是，很多微软的 windows 用户都意识不到其网络设置中常见的安全漏洞。

这是 Microsoft Windows 中常见的网络组件安装列表：

• Microsoft 网络客户端
• Microsoft 的文件和打印机网络共享
• Internet 协议（TCP/IP ）

如果您的设置允许在 TCP/IP 上使用 NetBIOS，那么会面临一个安全问题：

• 文件会被整个 Internet 共享
• 您的登录名、计算机名称以及工作组名称对其他人都是可见的

如果您的设置允许 TCP/IP 上的文件和打印机共享，您也会面临安全问题：

• 文件会被整个 Internet 共享

没有连接任何网络的计算机也可能拥有危险的网络设置，这是由于一旦 Internet 被安装，网络设置就会发生改变。

解决问题

请在网络连接属性中禁用 NetBIOS 协议和文件打印机共享，具体的操作方法会因不同的 windows 版本而略有不同。

如果您仍然需要在网络上共享打印机和文件，你可以选择使用 NetBEUI 协议来代替 TCP/IP 协议。