網站高級教程-網站構建-網站設計-網站用戶-Web 標準-Web 安全

網站構建 高級教程

  • 教程首頁

  • 網站構建

當您將我們的《網站構建教程》學習完畢，您會掌握如何建設一個專業的網站。

您也會學到如何做好面向未來的準備，以及如何使用諸如 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 上並非所有用戶都使用與您相同的顯示器。如果您針對 1024x768 解析度的現實設計網頁，那麼某些使用低解析度顯示器的訪問者在閱讀您的網頁時就會出現問題。

儘管某些用戶仍然在使用 640x480 解析度的顯示器，但是 800x600 是低解析度標準的趨勢。W3SCHOOL 被設計為支持 1024x768 以上的解析度。

如果您是擁有極高解析度的開發人員中的一員，請確保使用了不同的低解析度顯示器來測試您的網頁。

當設計網頁布局時有一種明智的方法是，把頁面的某個部分設計為可變的尺寸，這樣就可以適應更大或更小的解析度顯示器。

他們使用什麼瀏覽器？

兩種主要的瀏覽器 (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 協議。

獲取更多資訊，保護您的計算機

請訪問ZDNet 安全頻道，獲得更多有關網路安全的技巧和資訊。

你可能會喜歡