進階建站教程

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

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

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

內(nèi)容目錄

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

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

HTML 4.01

HTML 是 Web 的語言，每個 Web 開發(fā)人員都需要對它有基本的了解。

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

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

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

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

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

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

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

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

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

- HTML 的未來

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

1.0 是來自 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，并且可以通過遵循一些簡單的指南立即在現(xiàn)有瀏覽器中使用。

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

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

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

我們最好將 XML 描述為跨平臺、獨立于硬件的信息存儲和傳輸工具。

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

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

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

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

未來的網(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)記語言。

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

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

客戶端腳本

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

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

服務(wù)器端腳本

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

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

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

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

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

SQL 知識對于那些希望從數(shù)據(jù)庫中存儲和提取數(shù)據(jù)的人來說是無價的。

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

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

前景

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

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

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

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

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

用戶是觀眾

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

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

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

少即是多

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

請在段落和章節(jié)之間使用大量空白。 充滿冗長文本的頁面會趕走您的用戶。

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

導(dǎo)航

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

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

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

下載速度

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

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

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

讓您的用戶說話！

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

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

網(wǎng)站用戶

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

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

他們使用什么顯示器？

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

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

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

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

他們使用什么瀏覽器？

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

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

目前，最常見的瀏覽器是 和 。

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

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

他們安裝了什么插件？

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

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

如何幫助殘疾人？

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

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

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

用戶是觀眾

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

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

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

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

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

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

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

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

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

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

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

其他考慮

一旦 Web 開發(fā)人員遵守 Web 標(biāo)準(zhǔn)，Web 開發(fā)的團隊合作將得到簡化，因為開發(fā)人員可以更輕松地理解彼此的編碼。

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

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

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

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

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

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

便于使用

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

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

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

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

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