网站构建 高级教程

• 实例教程主页
• 网站构建

当你将他们的《网站构建实例教程》学习培训结束，你会把握怎样建设一个更专业的网站。

您也会学习到怎样做好面向未来的提前准备，以及如何应用例如 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：

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