建網站的準備工作網站規劃與網頁設計建網站的準備工作1.1Internet概述1.2瀏覽器-服務器模式1.3Web標準第1章建站的準備工作建網站的準備工作

Internet即國際計算機互聯網，在中國也稱“因特網”或“萬維網”，是由符合TCP/IP等網絡協議的網絡組成的互聯網。它是目前全世界最大的網絡，包含著豐富多彩的信息，并提供方便快捷的服務。它縮短了人們之間的距離。通過Internet，用戶可以與接入Internet的任何一臺計算機進行交流，如發郵件、聊天、通話等。在這一節中，主要介紹Internet的工作原理、Internet發展簡史及其提供的主要服務等基礎知識，讓用戶對Internet有個大致的了解。1.1Internet概述建網站的準備工作1.1.1Internet的工作原理所謂計算機網絡，就是將各自獨立的計算機主機（結點）通過通信線路連接而成的信息技術系統。Internet是一種全球范圍的基于分組交換原理和TCP/IP的計算機網絡。它將信息進行分組（分割為許多小數據包）后以數據包為單位進行傳輸。Internet在進行信息傳輸時要完成的任務主要有兩項：一是正確分割源文件，以及在目的地將同一源文件的數據包準確地重組起來；二是將數據包準確地送往目的地。1.1.2Internet發展簡史

Internet起源于20世紀60年代。1968年，基于分組交換原理的計算機網絡——ARPANET。1983年，TCP/IP協議的建立，使計算機通信有了統一的標準。這是計算機網絡發展史上的一個里程碑，網絡從此進入高速發展的時代。

1.1Internet概述建網站的準備工作1.1.3Internet提供的主要服務

1．電子郵件

2．文件的下載和上傳

3．信息查詢

4．文件傳輸

5．網上聊天

6．BBS電子公告欄

7．網上游戲

8．個人主頁空間

9．電子商務

1.1Internet概述建網站的準備工作1.1.4TCP/IP簡介當計算機通過Internet相互進行通信時，它們使用的協議是TCP/IP（傳輸控制協議/網際協議）。1.1Internet概述圖1-1TCP/IP各層與OSI模型的對應關系1．TCP/IP的分層

TCP/IP的各層分別為主機至網絡層、互連網層、傳輸層和應用層。如圖1-1所示，在TCP/IP中，主機至網絡層相當于OSI模型中的物理層和鏈路層；與互連網層等價的部分為網絡層；另外一個兼容的協議層為傳輸層，TCP和UDP都運行在這一層；TCP/IP應用層協議與OSI模型的高層是相互對應的OSITCP/IP應用層表示層會話層傳輸層網絡層鏈路層物理層主機至網絡層互連網層傳輸層（不存在）（不存在）應用層7654321建網站的準備工作1.1.4TCP/IP簡介

2．TCP/IP協議

TCP/IP是一種分層協議，這一點與OSI模型中的協議層有些類似，但是并不完全相同。TCP/IP大約包含近100個非專有的協議，通過這些協議，可以高效、可靠地實現計算機系統之間的互聯。TCP/IP協議簇中的核心協議主要有：傳輸控制協議（TCP）、用戶數據報協議（UDP）、網際協議（IP）。對主要協議起補充作用的協議有5個，它們是通過TCP/IP提供的5個應用服務：文件傳輸協議（FTP）、遠程登錄協議（TELNET）、簡單郵件傳輸協議（SMTP）、域名服務（DNS）、簡單網絡管理協議（SNMP）和遠程網絡監測（RMON）。

1.1Internet概述建網站的準備工作1.1.5IP地址和域名

1．IP地址

IP地址共占用32位，一般以4個十進制數字表示，每個數字之間用小圓點（.）隔開，例如，“05”，這種記錄方法稱為“點—數”記號法。通常用IP地址標識一個網絡和與網絡連接的一臺主機。IP地址采用一種兩級結構，一部分表示主機所屬的網絡，另一部分表示主機本身，主機必須位于特定的網絡中，IP地址的基本組成為：“網絡標識號＋主機標識號”。為充分利用IP地址資源，考慮不同規模網絡的需要，IP協議將32位地址空間劃分為不同的地址級別，并定義了5類地址，A～E類。其中，A、B、C三類由InterNIC在全球范圍內統一分配；D、E類為特殊地址，一般不使用。1.1Internet概述建網站的準備工作1.1.5IP地址和域名

2．域名

TCP/IP包中包含著一個域名服務（DomainNameService，DNS）。DNS通過一個名為“解析”的過程將域名轉換為IP地址，或者將IP地址轉換為域名。名字比用點分隔的十進制數IP地址更好記些。既然計算機仍然使用IP地址，那么就必須有一種方法在二者之間進行轉換。DNS使用查找表格的方法來將二者的值關聯起來。

Internet主機域名由三部分組成：最高層的域（TLD）（如國家或組織類型）、可選的子域名（如大學或企業名稱）和主機名（如主機計算機的名稱）。

1.1Internet概述建網站的準備工作1.1.5IP地址和域名

2．域名表1-1中說明了部分組織的InternetTLD域命名約定，表1-2中列出了部分國家的TLD域命名約定。1.1Internet概述組

織

類

型域命名約定國

家域命名約定國

家域命名約定商業com澳大利亞au莫桑比克mz教育edu加拿大ca尼日利亞ng政府gov中國cn波蘭po國際條約組織int芬蘭fi卡塔爾qa網絡提供商net法國fr薩摩亞群島ws非營利性組織org匈牙利hu瑞典se意大利it阿拉伯聯合酋長國ae日本jp英國uk約旦jo美國us表1-1表1-2建網站的準備工作1.1.6萬維網WWW

1．WWW和瀏覽器的基本概念

WWW是WorldWideWeb的縮寫，又稱3W或Web，中文譯名為“萬維網”。它作為Internet上的新一代用戶界面，摒棄了以往純文本方式的信息交互手段，采用超文本（Hypertext）方式工作。利用該技術可以為企業提供全球范圍的多媒體信息服務，使企業獲取信息的手段有了根本性的改善，與之密切相關的是瀏覽器（Browser）。瀏覽器實際上就是用于網上瀏覽的應用程序，其主要作用是顯示網頁和解釋腳本。對一般設計者而言，不需要知道有關瀏覽器實現的技術細節，只要知道如何熟練掌握和使用它即可。用戶只需要操作鼠標，就可以得到來自世界各地的文檔、圖片或視頻等信息。1.1Internet概述建網站的準備工作1.1.6萬維網WWW

1．WWW和瀏覽器的基本概念瀏覽器種類很多，目前常用的有InternetExplorer（簡稱IE）和Netscape兩種。如圖1-2所示的是IE瀏覽器的工作界面。1.1Internet概述圖1-2IE瀏覽器的工作界面建網站的準備工作1.1.6萬維網WWW

2．統一資源定位器（URL）

URL（UniversalResourceLocator）是“統一資源定位器”的英文縮寫。每個站點及站點上的每個網頁都有一個惟一的地址，這個地址被稱為統一資源定位地址。向瀏覽器輸入URL地址，可以訪問其指向的網頁，指定網頁中的超文本時也要用到URL地址。

URL的基本結構為：通信協議：//服務器名稱[:通信端口編號]/文件夾1[/文件夾2…]/文件名1.1Internet概述建網站的準備工作1.1.6萬維網WWW

3．超文本超文本（HyperText）技術是把一些信息根據需要鏈接起來的一種信息管理技術，用戶可以通過一個文本的鏈接指針打開另一個相關的文本。只要單擊頁面中的超鏈接（通常是帶下劃線的條目或圖片），便可跳轉到新的頁面或另一位置，獲得相關的信息。通常所說的網站或網頁，就是由一個或多個超文本組成的，而進入網站首先看到的那一頁稱為首頁或主頁（HomePage）。通常由主頁上的超鏈接引導用戶跳轉到其他位置。網頁的出色之處在于能夠把超鏈接（Hyperlink）嵌入網頁中，這使用戶能夠從一個網頁站點方便地轉移到另一個相關的網頁站點。1.1Internet概述建網站的準備工作1.1.6萬維網WWW

4．超文本標記語言HTML（實質為排版語言）

網頁是WWW的基本文檔，它是用HTML（HyperTextMarkupLanguage，超文本標記語言）編寫的。如圖1-4所示的是顯示在Windows“記事本”程序中的，用HTML編寫的網頁源代碼。如圖1-5所示的是經過瀏覽器“翻譯”之后顯示的對應該源代碼的網頁畫面。1.1Internet概述圖1-4HTML編寫的網頁源代碼

圖1-5瀏覽器“翻譯”之后顯示的對應該源代碼的網頁畫面

建網站的準備工作1.1.6萬維網WWW

5．HTTPHTTP（HyperTextTransferProtocol，超文本傳輸協議）是在Internet上傳送超文本的協議，它是運行在TCP/IP集之上的應用協議。它可以使瀏覽器更加高效，使網絡傳輸量減小。任何服務器除了包括供用戶訪問的HTML文件以外，還有一個HTTP駐留程序，用于響應用戶的請求。在打開一個網頁時，瀏覽器是HTTP客戶，向服務器發送請求。當瀏覽器中輸入一個HTTP的URL地址或單擊一個超鏈接時，瀏覽器就向服務器發送一個HTTP請求，此請求被送往由IP地址指定的URL。服務器駐留程序接收到請求，在進行必要的操作后回送所要求的HTML源文件，最后在客戶端瀏覽器將HTML源文件“翻譯”成Web頁面。簡單地說，HTTP就是專門為WWW設計的協議。1.1Internet概述建網站的準備工作1.1.6萬維網WWW

6．主頁主頁通常作為一個站點中的目錄或索引，就像一份報紙的頭版一樣，把最熱門、最重要的消息寫在上面，然后再注明“詳見第X版”，讓讀者能快速找到自己感興趣的新聞。。

7．常用搜索引擎搜索引擎本身是一個網絡站點，它能夠在WWW上主動搜索其他Web站點中的信息并記錄下各個網頁的Internet地址（也稱URL地址），并按要求進行排列，存放在可供查詢的大型數據庫中。這樣，用戶可以通過訪問搜索引擎網絡站點對所需信息進行查詢。查詢結果是一系列指向包含用戶所需信息的網頁的網絡地址，通過單擊超鏈接，就可以查看需要的信息了。在Internet上，提供信息查詢服務的搜索引擎很多，它們一般分為兩類：中文搜索引擎和英文搜索引擎。1.1Internet概述建網站的準備工作

隨著Internet和Intranet的迅速發展，網絡已經成為人們獲取和交換信息的最有效的途徑。同時，應用程序的設計已經由傳統的C/S（Client/Server，客戶-服務器）模式逐漸向B/S（Browser/Server，瀏覽器-服務器）模式過渡。

C/S模式是大家熟知的軟件系統體系模式，通過將任務合理分配到Client端和Server端，降低了系統的通信開銷，可以充分利用兩端硬件環境的優勢。

B/S模式是隨著Internet技術的興起，對C/S模式的一種變化或者改進的模式。在這種模式下，用戶界面完全通過WWW瀏覽器實現，一部分事務邏輯在前端實現，但是主要事務邏輯在服務器端實現。B/S模式利用不斷成熟和普及的瀏覽器技術實現原來需要復雜專用軟件才能實現的強大功能，并節約了開發成本，是一種全新的軟件系統構造技術。1.2瀏覽器-服務器模式建網站的準備工作B/S模式的工作原理如圖1-8所示。1.2瀏覽器-服務器模式圖1-8B/S模式的工作原理建網站的準備工作1.3Web標準

大多數網頁設計人員都有這樣的體驗，每次主流瀏覽器版本的升級，都會使用戶建立的網站變得過時，此時就需要升級或者重新建網站。同樣，每當新的網絡技術和交互設備出現時，設計人員也需要制作一個新版本來支持這種新技術或新設備，類似的問題舉不勝舉，例如，網站代碼臃腫，浪費了大量的網絡帶寬；針對某種瀏覽器的DHTML特效屏蔽了部分潛在的客戶，使之無法瀏覽網站等。這是一種惡性循環，是一種巨大的浪費。在W3C（）的組織下，Web標準開始被建立（以2000年10月6日發布XML1.0為標志），并在網站標準組織（）的督促下推廣執行。建網站的準備工作1.3Web標準1.3.1Web標準的概念

1.結構標準語言

(1)XMLXML（ExtensibleMarkupLanguage，可擴展標識語言）目前推薦遵循的是W3C于2000年10月6日發布的XML1.0。XML最初設計的目的是彌補HTML的不足，以強大的擴展性滿足網絡信息發布的需要，后來逐漸用于網絡數據的轉換和描述。

(2)XHTMLXHTML（ExtensibleHyperTextMarkupLanguage，可擴展超文本標記語言）是HTML向XML過渡的一個橋梁。是一個引導人們逐步走向規范、走向XML的過渡方案。XHTML雖然有“X”但它并不能擴展，只是在HTML的基礎上嚴格遵循XML規范。建網站的準備工作1.3Web標準2.表現標準語言

當討論Web標準時，總是提及結構和表現分離的重要性。結構是文檔中的主體部分，由語義化、結構化的標記組成。表現是賦予內容的一種樣式，在大多數情況下，表現就是文檔看起來的樣子。盡可能地把結構和表現相分離，這樣當表現變化時，不用去更改結構。

CSS（CascadingStyleSheets，層疊樣式表）目前推薦遵循的是W3C于1998年5月12日推薦的CSS2（）。W3C創建CSS標準的目的是以CSS取代HTML表格式布局、幀和其他表現的語言。純CSS布局與結構式XHTML相結合能幫助設計師分離外觀與結構，使站點的訪問及維護更加容易。建網站的準備工作3.行為標準

(1)DOM

根據W3CDOM規范（），DOM（DocumentObjectModel，文檔對象模型）是一種與瀏覽器、平臺、語言的接口，使得用戶可以訪問頁面其他的標準組件。簡單理解，DOM解決了Netscaped的JavaScript和Microsoft的JScript之間的沖突，給予Web設計師和開發者一個標準的方法，讓他們來訪問站點中的數據、腳本和表現層對象。

(2)ECMAScriptECMAScript是ECMA（EuropeanComputerManufacturersAssociation，歐洲計算機制造協會）制定的標準腳本語言。目前推薦遵循的是ECMAScript262。1.3Web標準建網站的準備工作1.3.2建立Web標準的目的簡單地說，建立Web標準的目的是：提供最大利益給最多的網站用戶；確保任何網站文檔都能夠長期有效；簡化代碼，降低建設成本；讓網站更容易使用，能適應更多不同用戶和更多網絡設備；當瀏覽器版本更新或者出現新的網絡交互設備時，確保所有應用能夠繼續正確執行。1.3Web標準建網站的準備工作1.3.3采用Web標準的優點

1．客戶端的優點采用Web標準后，客戶端帶來的好處主要體現在以下5個方面：文件下載與頁面顯示速度更快；內容能被更多的用戶所訪問（包括失明、弱視、色盲等殘障人士）；內容能被更廣泛的設備所訪問（包括屏幕閱讀機、手持設備、搜索機器人等）；用戶能夠通過樣式選擇定制自己的表現界面；所有頁面都能提供適于打印的版本。

2．服務器端的優點采用Web標準后，服務器端帶來的好處主要體現在以下5個方面：更少的代碼和組件，容易維護；帶寬要求降低（代碼更簡潔），成本降低；更容易被搜尋引擎搜索到；改版方便，不需要變動頁面內容；提供打印版本而不需要復制內容。1.3Web標準建網站的準備工作

域名只是Internet中用于解決IP地址對應問題的一種方法。域名由若干個英文字母和數字組成，由“.”分隔成幾部分，如、.cn等。1.4.1為什么要申請注冊域名隨著Internet信息時代的來臨，電子商務、網上銷售、網絡廣告已成為商界關注的熱點?！吧暇W”已成為不少人的口頭禪。但是，要想在網上建立服務器發布信息，則必須首先注冊自己的域名，只有有了自己的域名才能讓別人訪問到自己的網站。同時，由于域名的惟一性，盡早注冊又是十分必要的。因此，為了在網上宣傳自己的產品和服務，作為有頭腦、有遠見的企業和個人，應當及時申請注冊自己的域名。1.4申請注冊域名建網站的準備工作1.4.2Internet上域名命名的一般規則由于Internet上的各級域名分別由不同機構管理，因此，各個機構管理域名的方式和域名命名的規則也有所不同。但域名的命名也有一些共同的規則。

1．域名中使用的字符域名中只能包含字符：26個英文字母、數字0～9和“_”、“-”、“～”等。

2．域名中字符的組合規則域名中字符的組合規則是：在域名中不區分英文字母的大小寫，對于一個域名的長度是有一定限制的。1.4

申請注冊域名建網站的準備工作1.4.3如何選擇好的域名策劃一個成功的網站很不容易，但推廣一個網站更困難。在導致網站失敗的諸多因素中，一個糟糕的域名往往就注定了這個網站的悲劇性命運。因此，注冊一個好的域名是至關重要的。在域名的選擇時，需要注意以下3點。

1．避免難以記憶和過長的域名事實證明，二級域名超過12個字符時將很難被人們記住，即使這個域名是由可拼寫的單詞組成的，也不應超過此限度，因為較長的單詞容易拼錯。

2．域名中盡量使用常用字符盡量不要在域名中使用“_”、“-”、“～”這樣的特殊字符。

3．域名應該朗朗上口，便于記憶域名的命名應該朗朗上口且讓人過目不忘，如果用戶看到域名就能夠想到公司或個人的形象就再好不過了。1.4申請注冊域名建網站的準備工作1.4.4申請域名的注意事項

1．委托公司代辦注冊的注意事項如果用戶需要委托公司代辦注冊，需要注意以下3點：

考察委托公司的實力和可信度，確認不會因為該公司倒閉而使用戶遭受不可估量的損失；

填寫申請表時，所申請域名的管理聯系人及信箱一定要是自己單位的，否則可能會失去域名的控制權；

代辦的ISP或ICP最好有自己的網絡，包括DNS服務器、網站等，而不是其他網站的虛擬主機用戶。

2．“先申請先注冊”的原則因為CNNIC對域名注冊采用“先申請先注冊”的原則，沒有預留服務，即使注冊者是著名品牌、大公司，其域名一旦被別的公司搶注就沒有辦法挽回了。

1.4申請注冊域名建網站的準備工作1.4.4申請域名的注意事項

3．關于法律糾紛當域名出現糾紛時，按照管理規定，CNNIC的做法是：CNNIC不負責讓國家工商行政管理部門及商標管理部門查詢用戶域名是否與注冊商標或企業名稱相沖突，是否侵害了第三者的權益。任何因這類沖突引起的糾紛，由申請人自己負責處理并承擔法律責任。當某個三級域名與我國境內注冊商標或者企業名稱相同，并且注冊域名不為注冊商標或企業名稱持有方擁有時，注冊商標或者企業名稱持有方若沒有提出異議，則域名持有方可以繼續使用其域名；若注冊商標或者企業名稱持有方提出異議，在確認其擁有注冊商標權或者企業名稱權之日起，各級域名管理單位為域名持有方保留30天域名服務，30天后域名服務終止。1.4申請注冊域名建網站的準備工作1.4.5申請域名的形式

目前，申請域名有兩種形式：一種是收費的，另一種是免費的。實際上，大多數域名是收費的，免費的域名