進(jìn)階建站教程

當(dāng)您學(xué)完我們的《建站教程》后，您將掌握如何搭建一個(gè)專業(yè)的網(wǎng)站。

您還將學(xué)習(xí)如何為未來(lái)做準(zhǔn)備以及如何使用 XML 和 XML 等新技術(shù)。

開(kāi)始學(xué)習(xí)建站吧！

內(nèi)容目錄

網(wǎng)站建設(shè)

每個(gè)網(wǎng)站開(kāi)發(fā)都必須知道以下 Web 工件：

HTML 4.01

HTML 是 Web 的語(yǔ)言，每個(gè) Web 開(kāi)發(fā)人員都需要對(duì)它有基本的了解。

HTML 4.01 是一個(gè)重要的網(wǎng)絡(luò)標(biāo)準(zhǔn)，與 HTML 3.2 有很大不同。

當(dāng) HTML 3.2 中添加了字體等標(biāo)簽和屬性后，它逐漸成為開(kāi)發(fā)人員的噩夢(mèng)。 開(kāi)發(fā)必須將字體信息添加到每個(gè)頁(yè)面的網(wǎng)站成為一個(gè)漫長(zhǎng)而昂貴的考驗(yàn)。

使用 HTML 4.01網(wǎng)站制作，所有格式信息都可以從 HTML 文檔中移出并放入單獨(dú)的樣式表中。

HTML 4.01 重要的另一個(gè)原因是因?yàn)樽钚碌?HTML 標(biāo)準(zhǔn) 1.0 是將 HTML 4.01 重新表示為 XML 應(yīng)用程序。 在您的頁(yè)面中使用 HTML 4.01 可確保您將來(lái)可以輕松地將 HTML 升級(jí)到它。

請(qǐng)確保您使用的是最新的 HTML 4.01 標(biāo)準(zhǔn)。

研究我們完整的 HTML 4.01 參考資料。

級(jí)聯(lián)樣式表 (- CSS)

樣式定義 HTML 元素的顯示方式，類似于 HTML 3.2 中字體標(biāo)簽的作用。 樣式通常存儲(chǔ)在 HTML 文檔之外的文件中。 外部樣式表使您能夠通過(guò)簡(jiǎn)單地編輯一個(gè)簡(jiǎn)單的 CSS 文檔來(lái)更改站點(diǎn)內(nèi)所有頁(yè)面的外觀和布局。 如果您曾嘗試進(jìn)行更改，例如一次更改站點(diǎn)上所有頁(yè)面標(biāo)題的字體或顏色，您就會(huì)知道 CSS 如何事半功倍。

請(qǐng)務(wù)必學(xué)習(xí)我們的 CSS 教程。

- HTML 的未來(lái)

指可擴(kuò)展超文本標(biāo)記語(yǔ)言 ( )。

1.0 是來(lái)自 W3C 的最新 HTML 標(biāo)準(zhǔn)。 2000年1月26日成為正式的()。W3C意味著其規(guī)范的穩(wěn)定性，其規(guī)范現(xiàn)已成為Web標(biāo)準(zhǔn)。

是 HTML 4.01 的重構(gòu)版本，它使用 XML，并且可以通過(guò)遵循一些簡(jiǎn)單的指南立即在現(xiàn)有瀏覽器中使用。

為未來(lái)做好準(zhǔn)備：閱讀如何將您的網(wǎng)站轉(zhuǎn)換為 .

XML——描述數(shù)據(jù)的工具

可擴(kuò)展標(biāo)記語(yǔ)言 (XML) 不能替代 HTML。 在未來(lái)的Web開(kāi)發(fā)中，將使用XML來(lái)描述和存儲(chǔ)數(shù)據(jù)網(wǎng)站開(kāi)發(fā)，而HTML將用于顯示數(shù)據(jù)。

我們最好將 XML 描述為跨平臺(tái)、獨(dú)立于硬件的信息存儲(chǔ)和傳輸工具。

我們相信 XML 與 HTML 是網(wǎng)絡(luò)的基礎(chǔ)一樣重要，XML 將成為最重要的數(shù)據(jù)處理和傳輸工具。

請(qǐng)務(wù)必查看我們的 XML 教程。

XSLT - 用戶轉(zhuǎn)換數(shù)據(jù)的工具

XSLT（可擴(kuò)展樣式表語(yǔ)言轉(zhuǎn)換， ），是一種用于轉(zhuǎn)換 XML 的語(yǔ)言。

未來(lái)的網(wǎng)站將不得不以不同的格式將數(shù)據(jù)傳遞給不同的瀏覽器和其他網(wǎng)絡(luò)服務(wù)器。 另一方面，XSLT 是一種新的 W3C 標(biāo)準(zhǔn)，用于將 XML 數(shù)據(jù)轉(zhuǎn)換為不同的格式。

XSLT 可以將 XML 文檔轉(zhuǎn)換為瀏覽器可讀的格式，例如 HTML 或 WML——一種在許多手持設(shè)備中使用的標(biāo)記語(yǔ)言。

XSLT 還可以添加元素、刪除、重新排列和排序元素，測(cè)試和確定顯示哪些元素，等等。

請(qǐng)務(wù)必學(xué)習(xí)我們的 XSLT 教程。

客戶端腳本

客戶端腳本 腳本是一種關(guān)于 瀏覽器行為的編程。 您應(yīng)該學(xué)會(huì)能夠提供更多動(dòng)態(tài)的網(wǎng)站內(nèi)容：

請(qǐng)務(wù)必遵循我們的教程。

服務(wù)器端腳本

服務(wù)器端腳本與 服務(wù)器編程相關(guān)。 您應(yīng)該學(xué)習(xí)服務(wù)器端腳本，以便能夠提供更多動(dòng)態(tài)的網(wǎng)站內(nèi)容。 通過(guò)服務(wù)器端編程，您可以：

在 ，我們演示了使用 ASP 和 PHP 的服務(wù)器端腳本

請(qǐng)務(wù)必學(xué)習(xí)我們的 ASP 教程和 PHP 教程。

使用 SQL 管理數(shù)據(jù)

結(jié)構(gòu)化查詢語(yǔ)言 (SQL) 是訪問(wèn)數(shù)據(jù)庫(kù)的通用標(biāo)準(zhǔn)，例如：SQL 、 和 。

SQL 知識(shí)對(duì)于那些希望從數(shù)據(jù)庫(kù)中存儲(chǔ)和提取數(shù)據(jù)的人來(lái)說(shuō)是無(wú)價(jià)的。

任何 Web 管理員都應(yīng)該了解 SQL 是真正適合 Web 數(shù)據(jù)庫(kù)的引擎。

請(qǐng)務(wù)必學(xué)習(xí)我們的 SQL 教程。

前景

您需要了解一件非常重要的事情，網(wǎng)站的功能將完全改變。 我們將看到一個(gè)巨大的變化，即網(wǎng)站從“靜態(tài)內(nèi)容”的展示到“動(dòng)態(tài)內(nèi)容”的傳遞。

我們還會(huì)看到很多新的瀏覽器，比如移動(dòng)設(shè)備中的瀏覽器，同時(shí)我們會(huì)看到更多的服務(wù)器之間以及服務(wù)器和瀏覽器之間使用XML進(jìn)行數(shù)據(jù)通信。

網(wǎng)站設(shè)計(jì)

設(shè)計(jì)網(wǎng)站需要認(rèn)真思考和周密計(jì)劃。

最重要的是了解您的受眾（用戶）。

用戶是觀眾

如果您認(rèn)為普通用戶會(huì)完整地閱讀您的頁(yè)面，那您就錯(cuò)了。

無(wú)論您在網(wǎng)頁(yè)上發(fā)布的信息多么有用，訪問(wèn)者在決定是否繼續(xù)閱讀之前只會(huì)花幾秒鐘瀏覽。

如果您希望用戶閱讀您的文字，請(qǐng)確保您在頁(yè)面段落的第一句中表達(dá)您的觀點(diǎn)。 此外，您需要在整個(gè)頁(yè)面中使用帶有有趣標(biāo)題的短段落。

少即是多

使所有句子盡可能短。 使所有段落盡可能短。 使所有章節(jié)盡可能短。 使您的頁(yè)面盡可能短。

請(qǐng)?jiān)诙温浜驼鹿?jié)之間使用大量空白。 充滿冗長(zhǎng)文本的頁(yè)面會(huì)趕走您的用戶。

也不要在單個(gè)頁(yè)面上放置太多內(nèi)容。 如果真的需要傳達(dá)大量的信息，盡量把內(nèi)容分成小塊放在不同的頁(yè)面上。 不要指望每個(gè)訪問(wèn)者都會(huì)一直滾動(dòng)到包含數(shù)千個(gè)單詞的頁(yè)面的末尾。

導(dǎo)航

嘗試創(chuàng)建站點(diǎn)中所有頁(yè)面通用的導(dǎo)航結(jié)構(gòu)。

盡量減少在文本段落中使用超鏈接。 請(qǐng)不要在文本段落中使用超鏈接來(lái)隨機(jī)將訪問(wèn)者帶到其他頁(yè)面。 因此，這樣做會(huì)破壞導(dǎo)航結(jié)構(gòu)的一致性。

如果您必須使用超鏈接，請(qǐng)將它們添加到段落底部或站點(diǎn)的導(dǎo)航菜單中。

下載速度

最常見(jiàn)的錯(cuò)誤是由網(wǎng)站開(kāi)發(fā)使用的開(kāi)發(fā)環(huán)境引起的，例如使用本地機(jī)器開(kāi)發(fā)站點(diǎn)網(wǎng)站開(kāi)發(fā)，或者使用高速互聯(lián)網(wǎng)連接。 開(kāi)發(fā)人員有時(shí)沒(méi)有意識(shí)到下載他們的頁(yè)面需要很長(zhǎng)時(shí)間。

互聯(lián)網(wǎng)可用性研究告訴我們，如果下載時(shí)間超過(guò) 7 秒，大多數(shù)訪問(wèn)者都會(huì)離開(kāi)網(wǎng)頁(yè)。

在發(fā)布任何實(shí)質(zhì)性內(nèi)容之前，請(qǐng)確保這些頁(yè)面已在慢速調(diào)制解調(diào)器連接上進(jìn)行測(cè)試。 如果您的頁(yè)面需要很長(zhǎng)時(shí)間才能下載，您可能需要考慮刪除一些圖形或多媒體內(nèi)容。

讓您的用戶說(shuō)話！

從用戶那里獲得反饋是一件好事。 您的訪客是您的“客戶”。 他們經(jīng)常會(huì)給你一些有價(jià)值的想法，或者免費(fèi)為你提供改進(jìn)建議。

如果您提供某種簡(jiǎn)單的聯(lián)系方式，您將從具有許多不同技能和知識(shí)的人那里得到很多有用的反饋。

網(wǎng)站用戶

您的用戶使用不同的硬件和軟件。

最重要的是了解您的受眾（用戶）。

他們使用什么顯示器？

請(qǐng)記住，并非網(wǎng)絡(luò)上的所有用戶都與您使用相同的顯示器。 如果您將網(wǎng)頁(yè)設(shè)計(jì)為逼真的分辨率網(wǎng)站優(yōu)化，一些使用低分辨率顯示器的訪問(wèn)者將無(wú)法閱讀您的網(wǎng)頁(yè)。

盡管一些用戶仍在使用高分辨率顯示器，但現(xiàn)在有轉(zhuǎn)向低分辨率標(biāo)準(zhǔn)的趨勢(shì)。 旨在支持上述分辨率。

如果您是具有極高分辨率的開(kāi)發(fā)人員之一，請(qǐng)確保使用不同的低分辨率顯示器測(cè)試您的頁(yè)面。

設(shè)計(jì)網(wǎng)頁(yè)布局時(shí)，一種明智的方法是將頁(yè)面的部分設(shè)計(jì)為可變大小，以便它們可以適應(yīng)更大或更小分辨率的顯示器。

他們使用什么瀏覽器？

兩種主要瀏覽器（和 ）都有自己的特性和怪癖，您在設(shè)計(jì)網(wǎng)頁(yè)時(shí)必須考慮這些特性和怪癖。

如果您認(rèn)真對(duì)待自己的網(wǎng)站，請(qǐng)不要忘記使用不同類型的瀏覽器測(cè)試每個(gè)頁(yè)面。

目前，最常見(jiàn)的瀏覽器是 和 。

此外，您的某些訪問(wèn)者可能使用純文本瀏覽器（如 Lynx），或者他們可能通過(guò) AOL 等在線服務(wù)訪問(wèn)您的站點(diǎn)。 其中一些瀏覽器可能無(wú)法按您的預(yù)期顯示網(wǎng)頁(yè)。

使用嚴(yán)格、正式和正確的 HTML（或 ）是明智的。 仔細(xì)和正確的編碼總能幫助瀏覽器正確顯示您的頁(yè)面。

他們安裝了什么插件？

某些網(wǎng)頁(yè)元素，例如聲音和視頻剪輯或其他多媒體內(nèi)容，可能需要使用單獨(dú)的程序（輔助應(yīng)用程序或插件）。

請(qǐng)不要在您的網(wǎng)頁(yè)上使用這些元素，除非您可以保證您的訪問(wèn)者擁有查看它們所需的軟件。

如何幫助殘疾人？

有些人有嚴(yán)重的視力或聽(tīng)力問(wèn)題。 這些用戶可能還需要訪問(wèn)您的網(wǎng)站。

他們中的一些人會(huì)嘗試使用盲文或基于語(yǔ)言的瀏覽器來(lái)閱讀您的網(wǎng)站。 請(qǐng)記住，如果您不為圖像和其他圖形元素提供一些基于文本的替代品，那么所有視覺(jué)內(nèi)容都是無(wú)用的。

為殘障人士設(shè)計(jì)網(wǎng)站并不容易，但您可以做一件小事 - 至少對(duì)于視力不佳的人 - 讓您的網(wǎng)頁(yè)使用可調(diào)整的字體大小。

用戶是觀眾

如果您認(rèn)為普通用戶會(huì)完整地閱讀您的頁(yè)面，那您就錯(cuò)了。

無(wú)論您在網(wǎng)頁(yè)上發(fā)布的信息多么有用，訪問(wèn)者在決定是否繼續(xù)閱讀之前只會(huì)花幾秒鐘瀏覽。

如果您希望用戶閱讀您的文字，請(qǐng)確保您在頁(yè)面段落的第一句中表達(dá)您的觀點(diǎn)。 此外，您需要在整個(gè)頁(yè)面中使用帶有有趣標(biāo)題的短段落。

網(wǎng)絡(luò)標(biāo)準(zhǔn)

Web 標(biāo)準(zhǔn)將幫助我們實(shí)現(xiàn) WWW 的夢(mèng)想。

Web 標(biāo)準(zhǔn)使 Web 開(kāi)發(fā)更容易。

為什么要使用網(wǎng)絡(luò)標(biāo)準(zhǔn)？

由于存在不同的瀏覽器版本，Web 開(kāi)發(fā)人員經(jīng)常為耗時(shí)的多版本開(kāi)發(fā)而苦惱。 隨著新硬件（如手機(jī)）和軟件（如微型瀏覽器）開(kāi)始瀏覽網(wǎng)絡(luò)，這種情況開(kāi)始變得更糟。

為了使 Web 蓬勃發(fā)展，對(duì)于開(kāi)發(fā)人員和最終用戶而言，瀏覽器開(kāi)發(fā)人員和站點(diǎn)開(kāi)發(fā)人員在開(kāi)發(fā)新應(yīng)用程序時(shí)共同努力以遵守標(biāo)準(zhǔn)非常重要。

Web 的持續(xù)發(fā)展使得越來(lái)越有必要依靠標(biāo)準(zhǔn)來(lái)發(fā)揮其全部潛力。 Web 標(biāo)準(zhǔn)確保每個(gè)人都有權(quán)訪問(wèn)相同的信息。 如果沒(méi)有 Web 標(biāo)準(zhǔn)，未來(lái)的 Web 應(yīng)用程序（包括我們夢(mèng)想的應(yīng)用程序）將無(wú)法實(shí)現(xiàn)。

同時(shí)，Web 標(biāo)準(zhǔn)可以使網(wǎng)站開(kāi)發(fā)更快、更愉快。 為了減少開(kāi)發(fā)和維護(hù)時(shí)間，未來(lái)的網(wǎng)站將不得不按照標(biāo)準(zhǔn)進(jìn)行編碼。 開(kāi)發(fā)人員不必為了獲得相同的結(jié)果而糾結(jié)于多個(gè)版本。

其他考慮

一旦 Web 開(kāi)發(fā)人員遵守 Web 標(biāo)準(zhǔn)，Web 開(kāi)發(fā)的團(tuán)隊(duì)合作將得到簡(jiǎn)化，因?yàn)殚_(kāi)發(fā)人員可以更輕松地理解彼此的編碼。

一些開(kāi)發(fā)人員將標(biāo)準(zhǔn)等同于約束，并認(rèn)為利用特殊的瀏覽器功能可以為他們的工作產(chǎn)品增加保證。 但隨著訪問(wèn)方式的增多，未來(lái)對(duì)這些頁(yè)面的調(diào)整會(huì)越來(lái)越困難。 遵守標(biāo)準(zhǔn)是解決這個(gè)問(wèn)題需要采取的第一步。 只有使用 Web 標(biāo)準(zhǔn)，您才能確保所有瀏覽器，無(wú)論新舊，都能正確顯示您的站點(diǎn)，而無(wú)需頻繁且耗時(shí)地重寫您的代碼。

可以增加網(wǎng)站的訪問(wèn)量。

搜索引擎更容易訪問(wèn)標(biāo)準(zhǔn)網(wǎng)絡(luò)文檔，索引也更準(zhǔn)確。

標(biāo)準(zhǔn)的 Web 文檔更容易轉(zhuǎn)換為其他格式。

程序代碼（例如和 DOM）更容易訪問(wèn)標(biāo)準(zhǔn) Web 文檔。

想節(jié)省大量時(shí)間嗎？ 養(yǎng)成使用驗(yàn)證服務(wù)驗(yàn)證頁(yè)面的習(xí)慣。 驗(yàn)證使您的文檔符合標(biāo)準(zhǔn)并且沒(méi)有嚴(yán)重錯(cuò)誤。

便于使用

可用性是 HTML 標(biāo)準(zhǔn)的重要組成部分。

標(biāo)準(zhǔn)使殘障人士更容易訪問(wèn)網(wǎng)絡(luò)。 盲人可以使用計(jì)算機(jī)讓網(wǎng)頁(yè)朗讀給他們聽(tīng)。 視力不佳的人可以重新排列和放大網(wǎng)頁(yè)。 簡(jiǎn)單的網(wǎng)絡(luò)標(biāo)準(zhǔn)，如 HTML 和 CSS，將使您的網(wǎng)頁(yè)更容易被語(yǔ)音閱讀器和其他不太常見(jiàn)的輸出設(shè)備理解。

萬(wàn)維網(wǎng)聯(lián)盟（Wide Web）

萬(wàn)維網(wǎng)聯(lián)盟成立于 1994 年，是一個(gè)致力于“引領(lǐng)網(wǎng)絡(luò)發(fā)揮其全部潛力”的國(guó)際聯(lián)盟。

作為開(kāi)發(fā)人員，尤其是在創(chuàng)建這個(gè)教育網(wǎng)站時(shí)，我們希望幫助實(shí)現(xiàn)這個(gè)夢(mèng)想。