网站构建 高级教程

• 教程首页
• 网站构建

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

您也会学到若何做好面向未来的准备，以及若何使用诸如 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秒，大多数的接见者会选择脱离。

在您公布任何大量的内容前，请确保这些页面在低速的调制解调器毗邻上举行过测试。若是您的页面需要花大量的时间下载，您或许应当思量删除某些图片或多媒体内容。

允许您的用户谈话！

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

若是您提供了某种利便的联系途径，您将获得来自许多技术和知识都各不相同的人们大量有益的反馈。

网站用户

• 网站设计
• 网站尺度

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

最主要的��情是领会您的受众（用户）。

他们使用什么显示器？

logo设计制作在线教程，知名logo设计理念分析

请记着，在 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：

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 协议。