1、*第1章 網站規劃和設計 【知識與技能要點】1、了解網站開發的流程2、掌握域名的申請步驟3、理解服務商的概念4、正確選擇接入方式*對于企業、事業單位而言，建設網站可以宣傳自己的形象和介紹產品、服務、與客戶之間有更好的交流溝通，增加企業、事業單位的知名度。對于個人而言，可以在綜合類網站提供的二級域名上建設自己的主頁。個人主頁可以展示個人風采，交流某些方面的經驗，與同行進行交流溝通。如果你建設的網站很成功，還有可能獲得風險投資。無論是企業、事業單位的網站還是個人主頁，要想使網站結構清晰合理、內容準確詳實、頁面生動鮮明、完整的網站建設規劃和具體的設計方案是在開始建設網站之前必須考慮的問題。 第1章

2、網站規劃和設計 *1.1網站開發流程 網站的建設通常都遵循一個基本的流程：即規劃階段、設計階段、開發階段、發布階段與維護階段。 如下圖所示。規劃維護設計發布開發*1.1網站開發流程 1.1.1網站規劃 規劃站點是網站建設的第一步。“好的開始是成功的一半”，良好的網站規劃是進一步開發的基礎。 1.確定網站目標 盡管建設網站的目標不盡相同，但是作為網站開發者，我們必須十分明確這個目標。因為站點目標越明確，發現的問題就越多，以后的工作也就越具體。這個過程實際上是整理思路的過程，它將作為下一步工作的指導。 *1.1網站開發流程 2.分析目標用戶對站點的需求 因為一個網站想在同一時間內讓所有訪問者都感覺

3、到滿意是不可能的，因此我們必須根據站點目標確定出可能對網站感興趣的目標用戶，然后從目標用戶的角度出發，考慮他們對站點的需求，從而將制作的站點最大限度地與目標用戶的愿望統一，這樣就能夠接近或達到建立站點的目標，從而獲得最大的成功。 *1.1網站開發流程 3.確定站點風格 確定站點的整體風格，也就是確定網站內容的大致表現形式，包括網頁所采用的布局結構、顏色、字體、圖像效果、標志圖案等。 (1)信息式 這種類型的網頁界面是以文字信息為主，頁面的布局要求整齊劃一，簡潔明快。站點導航結構清楚，通常采用文字導航或簡單的按鈕導航，整個站點以提供文字信息為主要目標。 *1.1網站開發流程 (2)畫廊式 該類站

4、點的典型代表是一些設計類的個人網站或公司網站，它們的表現形式主要以圖像、動畫、多媒體等高新網絡技術為主，注重通過各種信息手段表現個人特色或公司要宣傳的理念。(3)綜合式 隨著網站技術的日漸成熟，網站的表現形式漸漸變得模糊起來。即使是傳統的以信息提供為主的網站，也添加了大量的多媒體的修飾成分，從而使訪問者得到了更加豐富的上網體驗。而對于傳統的畫廊式網站，則添加了更多內容的方面，使訪問者不但能得到美的享受，而且能獲得相應的信息。*1.1網站開發流程 4.考慮網絡技術因素 確定了網站的風格后，就需要考慮影響目標用戶訪問網站的網絡技術因素了，這些因素將決定網頁最終的下載顯示以及使用。(1)帶寬 網絡帶

5、寬是指通信線路上一定時間內的信息流量，一般用來表示網絡的信息傳輸速度。帶寬所決定的連接速度將影響到網頁的設計，因為對于網站訪問者來說，下載速度是他們評價網頁的最重要的因素之一。 *1.1網站開發流程 (2)瀏覽器與分辨率 鑒于目前國內用戶使用的大多是Windows98/Me/NT/2000/XP自身攜帶的IE瀏覽器，索引一般在制作網頁時不考慮瀏覽器的兼容問題，除非確定目標用戶可能使用其他類型的瀏覽器。(3)即時交互與插件 考慮網站是否需要進行交互了。 例如，若希望提供即時的交互，那么接著就要考慮在網頁中加入JavaScript腳本，或是使用一些服務器端編程技術（如ASP、PHP等），或是使用一

6、些可以實現交互式功能的對象（如Flash對象、Authorware對象等）。*1.1網站開發流程 1.1.2網站設計 經過網站規劃階段后，網頁設計者對所面臨的形勢有了一個大概的了解，接下來將進入工作流程中的第二步網頁設計。 1.建立站點的目錄結構 在設計站點時，應該事先在計算機硬盤中建立一個文件夾，以它作為工作的起點。具有良好的組織結構的站點文件夾會使得網站更易于制作和維護。*1.1網站開發流程 通常的做法是：首先將站點中的各種信息資源進行整理、歸類，然后在計算機硬盤上新建一個站點文件夾（即根文件夾），再根據需要在文件夾中新建若干個子文件夾，以便將不同類型的文件存放在站點中，最后是在這個站點根

7、文件夾中新建一個主頁文件。 在網站開發中一定要特別注意文件、文件夾、圖像等網頁素材的命名，由于這些命名規則受到不同操作系統的影響，故應該在網站中使用通用名稱。*1.1網站開發流程 在網站中命名時一般應遵循以下規則：(1)最好使用小寫英文名稱(可以用漢語拼音代替)，但中間不能有空格。例如mypage.htm、youmain.htm等。一般情況下，不要使用中文文件名。(2)可以包含數字或下劃線，例如mypage1.htm、you_main.htm等。(3)注意正確使用文件的擴展名，網頁文件的擴展名為.htm或.html，而圖像也有自己的擴展名，例如：logo.gif、image_1.jpg等。一般

8、情況下，文件的擴展名都是由響應軟件自動添加的。*1.1網站開發流程2.設計導航系統 網站中的導航系統，實質上是指一組使用了超鏈接技術的網頁對象（包括文字、按鈕、小圖片等），它們將網站中的內容有機地連接在一起，是瀏覽者獲取網頁信息的基本界面 導航系統一般可以分為文本導航、圖片導航和圖像映射導航。文本導航簡潔實用，圖片導航直觀高效，圖像映射導航則能使站點更具有特色，用戶需要根據站點目標確定采用哪種類型的站點導航。*1.1網站開發流程 導航設計的基本原則是：通過最少的點擊次數得到最多的信息。這就意味著應該根據頁面內容的邏輯關系制作網站的導航系統，而不是將網站中的所有信息都用超鏈接連接起來，否則瀏覽者

9、將無法進行有效瀏覽。設計網站導航系統時應該注意以下幾個要點：(1)瀏覽者應該能夠方便的知道他們現在正處于網站中的什么位置，也就是說要提供頁面的位置信息。(2)在頁面中提供返回首頁或上一級頁面的超鏈接。(3)提供與站點制作者聯系的電子郵件鏈接。(4)整個導航系統的風格應該一致，否則會使瀏覽者產生一種已經離開該網站的錯覺。*1.1網站開發流程3.設計頁面的版式 頁面版式就是如何安排網頁中的元素（包括文本、圖像、動畫等），或者指明用什么形式表現網頁的內容。 在設計頁面布局之前，首先應確定頁面中要放置什么內容，包括導航欄、文本、圖像或其他多媒體信息的詳細數目，然后在紙上或圖像處理軟件（如Photosh

10、op、Fireworks等）中繪制出頁面的布局效果，最后可以選擇使用特定排版技術（如表格、層或框架等），對內容進行排版。*1.1網站開發流程 在設計頁面版式時應注意以下兩點內容：(1)設計頁面應以網站目標為準，最大限度地體現網站的功能。(2)形象簡明，易于接受，設計頁面時應當始終為目標用戶著想，網頁中的任何信息都應該是為瀏覽者服務的。要確保網頁中的信息能夠被用戶接受。總之，設計頁面布局時，簡單即是美，和諧即是美。 *1.1網站開發流程頁面布局*1.1網站開發流程4.網頁中的顏色 顯示器通過三種基本顏色（紅、綠、藍）來調配顯示的顏色，但是不同的顯示器對顏色的支持程度不同，所以顏色顯示出來就會有一

11、定的差異。為了避免這種情況的發生，可以在制作網頁或處理圖像時使用所謂的“Web安全色”。 在使用#號和6位數字的十六進制數值構造的顏色時，若紅、綠、藍三原色的每兩位數值相同則稱為安全色。由“00、33、66、99、CC、FF”組成的顏色值，是設置256色顯示器絕對支持的顏色，稱為標準安全色。 *1.1網站開發流程 在網頁制作過程中通過設置文本顏色、背景顏色、鏈接顏色以及圖像的顏色，可以構造出很多網頁布局效果。一般設計顏色方案時應遵循以下幾個要點：(1)保持一致性。若選擇了一種顏色作為網站的主色調，那么最好在網頁中保持這種風格，另外頁面中的圖像或其他多媒體信息的顏色也應該與之匹配。(2)注意可讀

12、性。獲取信息是絕大多數訪問者瀏覽的目的，故不論是文本式的網頁還是畫廊式的網頁，應該注意頁面的可讀性。例如，白底黑字顯然比黑底白字的可讀性好，而在黑色背景下的紫色超鏈接，可能會被訪問者忽略掉。*1.1網站開發流程5.文字、圖像、動畫等對象的使用 網頁中的文字設計也是體現站點風格的一種方式。為確保網頁中的所有的字體能夠被訪問者的瀏覽器正確顯示，中文網站中的字體最好使用默認的“宋體”，或是“楷體”、“黑體”等基本字體。 *1.1網站開發流程1.1.3網頁制作 網站建設的第三步是具體事實設計結果，即將站點中的網頁按照設計方案制作出來。此階段需要根據設計階段制作出的示范網頁，通過Dreamweaver等

13、軟件在各個具體網頁中添加實際的內容，包括文本、圖像、聲音、Flash電影以及其他多媒體信息。 *1.1網站開發流程1.1.4網站發布 網站制作到一定規模后，就可以考慮將它發布到Internet上，以便使人們能夠通過Internet訪問它。發布站點時，用戶首先需要向ISP申請網頁空間，得到有關遠程站點的基本信息（包括用戶名、主機地址、用戶密碼等），然后使用FTP軟件或Dreamweaver進行網站上傳。 *1.1網站開發流程1.1.5網站維護 將站點上傳并不意味者大功告成，因為只有不斷地更新站點中的信息，才能吸引新的訪問者和留住現有的訪問者。隨著網站的發布，我們應該根據訪問者的建議，不斷修改或更

14、新網站中的信息，并從瀏覽者的角度出發進一步地將網站完善。這時網站建設工作又返回到流程中的第一步，這樣周而復始，就構成了網站的維護過程。 *1.2 申請域名 建立網站就必須擁有自己的域名，域名可以理解為我們常說的網址。域名在國際互聯網（也稱因特網）上是唯一的，誰先注冊，誰就具有使用權。你在建立網站之前首先應該申請域名。有了域名之后，你就可以將建立的網站放置到Web服務器上，全世界的瀏覽者在瀏覽器上只要鍵入你注冊的域名，就可以隨時瀏覽你的網頁。 *1.2 申請域名 1.2.1 域名常識 與Internet互連的服務器以IP（Internet Protocol）地址作為唯一標識，我們建立的網站就是放

15、置到這個具有唯一標識的服務器上，這樣，只要鍵入這個Internet上唯一的IP地址就可以立即打開網站主頁。IP地址不易記憶，因此國際互聯網機構就使用域名映射IP地址的方法，通過DNS域名解析系統將域名解析成IP地址。 域名有國內域名和國際域名之分。而域名本身有頂級域名、二級域名、三級域名等之分。域名是由域名注冊服務商代表注冊者行使域名注冊請求或更改服務的。 *1.2 申請域名 1.2.2 域名的層次 任何域名都是由英文字母和數字組成，各部分之間用英文的“.”來分隔。一個完整的域名應該由兩個或兩個以上的部分組成。最右邊的部分稱為頂級域名。如。 *1.2 申請域名 1.2.3 域名命名規則 1.國

16、際域名的命名規則 國際域名的命名一般遵循下列規則：國際域名可使用英文26個字母,10個阿拉伯數字以及橫杠(-) 組成，其中橫杠不能作為開始符和結束符。國際域名不能超過 67 個字符(包括.com、.net和.org)。域名不能包含空格，在域名中英文字母是不區分大小寫的。*1.2 申請域名 2.國內域名的命名規則 對于注冊國內域名，也就是頂級域名為cn的域名，CNNIC（中國互聯網絡信息中心）在國際域名命名規則的基礎上又增加了一些要求。如國內用戶只能注冊三級域名，各級域名之間用實點“.”連接，三級域名長度不得超過20個字符；不得使用或限制使用以下名稱。見教材。 值得注意的是在對國內域名命名時,

17、一般遵循下列規則。見教材。*1.2 申請域名 域名申請是指在有資格進行域名注冊代理的機構那里進行域名登記，無論是國內域名還是國際域名，域名申請都需委托一家專門機構進行。目前在國內無論是專業化程度還是知名度及CNNIC全國優秀代理排名，中國萬網（）都一直在域名注冊以及主機托管領域名列前茅。下面就以在中國萬網上申請國內域名為例，說明域名申請的步驟和方法。 *1.2 申請域名 在瀏覽器中鍵入網址，你將進入中國萬網的主頁，如圖1-7所示。首先在“英文域名查詢”框中輸入你準備注冊的域名，以查詢該域名是否有人已經注冊。 例如你在查詢框中輸入thegirlofthw后，選擇其中的.（代表要注冊國內商業類域名

18、），而后單擊右側的“查詢”按鈕，等待一會，如果域名還沒被注冊，則會出現如圖1-8所示的窗口；如果該域名已經被注冊，則會出現如圖1-9所示的窗口，此時你需要重新輸入其他域名后再查詢注冊的情況。 *1.2 申請域名 當你再次輸入的域名沒有被注冊，則接下來你會進入到域名注冊界面，如圖1-10所示。你會看到一些相關的提示信息，如包括域名注冊的價格、服務期限等，你需要選擇一種付款方式。而后單擊“提交”按鈕，進入下一個操作界面。 接下來出現的操作界面是用于填寫注冊人信息的界面，如圖1-11所示。值得注意的是：用戶首先必須先要接受網站制定的注冊協議，即必須選中“我已閱讀，理解并接受中國萬網國內英文域名注冊協

19、議”此項，如圖1-11下部所示，若沒有選中，則在提交時，無法通過。另外，在填寫注冊人信息時，凡帶有星號的項目是必填項，如圖1-11所示，如果沒有填寫，提交檢查時會報錯，即返回注冊人信息界面，要求必須如實填寫。 *1.2 申請域名 *1.2 申請域名 *1.2 申請域名*1.2 申請域名*1.2 申請域名*1.3 選擇網站建設服務商 1.3.1ISP概述 1.什么是ISP ISP( Internet Server Provider，Internet服務提供商)就是為用戶提供Internet接入和(或)Internet信息服務的公司和機構。前者又稱為IAP(Internet Access Prov

20、ider，Internet 接入提供商)，后者又稱為ICP(Internet Content Provider，Internet內容提供商)。由于接入國際互聯網需要租用國際信道，其成本對于一般用戶是無法承擔的。 *1.3 選擇網站建設服務商 2.ISP的應用 ISP（因特網服務提供商）能提供撥號上網服務、網上瀏覽、下載文件、收發電子郵件等服務，是網絡最終用戶進入Internet的入口和橋梁。它包括Internet接入服務和Internet內容提供服務。ISP提供的接入方式很多，目前比較流行的方法有局域網(LAN)、寬帶ADSL以及普通撥號上網(dial-up)。 *1.3 選擇網站建設服務商

21、ISP為家庭和商業用戶提供因特網連接服務。有本地、區域、全國和全球等四種ISP。然而,提供帶寬、轉接和路由業務的區域和全國提供商被稱為NSP(網絡服務提供商)更為適合。在大多數情況下，互聯方案是分級的，本地的ISP接入區域NSP，然后依次接入全國和全球的NSP。 ISP通常是本地服務提供商，為客戶提供因特網接入和支持。而NSP更注重于網絡基礎設施和轉售帶寬。我國最大的ISP服務提供商是中國電信局。選擇一個好的ISP服務商，能使我們更好地在Internet上漫游。選擇的時候，應該注意服務商的中繼線條數、通信線路速率及出口速率。*1.3 選擇網站建設服務商 3.ISP的發展過程 ISP最初出現在2

22、0世紀80年代末。美國國家科學基金會(NSF)創立了NSFNET，它定義了一個分級網絡方案，其中本地網絡接入區域網，而區域網又接入NSFNET國家骨干網。 到了1993年，因特網商業化的壓力特別大。NSF決定私有化因特網，并宣布停止資助NSFNET的意圖，將其現有的網絡資源轉為商業運作。因特網的商業化開始了。由NSF出資建立的區域網絡變成了開始轉售帶寬和轉接業務給小型ISP的商業實體。今天主要的骨干網運營商包括Sprint. MCI Worldcom 、Cable&Wireless等。 *1.3 選擇網站建設服務商 4.ISP典型設施PoP 一個典型的ISP設施(PoP)是一個安裝路由器、服務

23、器、存儲設備和其他通信和網絡設備的安全位置。PoP是客戶可以連接到服務提供商的設備并獲得對更大網絡訪問的任何設施。一些PoP是為最終用戶接入設計的，而另一些是為允許ISP連接到NSP網絡而設計的。PoP不是因特網專有的實體。 *1.3 選擇網站建設服務商 一般來說，PoP有兩個主要特征：接入方和因特網連接方。在接入方和因特網連接方之間是一個核心網絡或者一個交換機，提供雙方的互聯和與其他設備的連接,例如RADIUS AAA(身份驗證、授權、記帳)服務器、DNS服務器、電子郵件服務器、Web服務器、主機系統等等。PoP也裝有支持設備,例如機架、電源、電纜托架、機柜、保安系統和防火以及管理業務。 *

24、1.3 選擇網站建設服務商 PoP通過其核心設施將許多小網絡和成百上千的個人用戶集中連接到通向因特網的一個或多個高速中繼線上。當然也可能存在多個因特網連接，一些是到服務提供商擁有的其他PoP的，一些是到因特網骨干網的，還有一些直接通到其他的區域網來完成連接。此時ISP提供商可以提供配置業務，允許公司在PoP處安裝他們的設備和利用快速因特網進行連接。 *1.3 選擇網站建設服務商 1.3.2如何選擇ISP ISP是因特網服務提供商,它能提供撥號上網服務、網上瀏覽、下載文件、收發電子郵件等服務，是網絡最終用戶進入Internet的入口和橋梁。不同的ISP所提供的服務是有所差別的，我們應按需選擇合適

25、的ISP。如圖1-7所示的中國萬網就是一個ISP，它主要提供了包括域名注冊、虛擬主機服務、獨享主機服務、企業郵箱、速成網站的建設方案、如何制作網站和對網站的推廣等服務。 *1.3 選擇網站建設服務商 1.SOHU *1.3 選擇網站建設服務商 2.北京寬帶網 *1.3 選擇網站建設服務商3.北京教育信息網 *1.4 選擇網站接入方式 隨著電信競爭的加劇、用戶規模的擴大、業務量的增長以及業務種類的增多，尤其是用戶對各種新業務、寬帶業務的需求越來越高，傳統的用戶接入網絡的方式已經越來越不適應新形勢，已成為整個電信網的瓶頸。因此寬帶化、綜合化、IP化、智能化已成為用戶接入網絡的發展新方向。 *1.4

26、 選擇網站接入方式 1.ADSL接入方式 ADSL是目前DSL技術系列中最適合寬帶上網的技術，理論上ADSL可在5公里的范圍內、在一對銅纜雙絞線上實現下行速度達8Mbps、上行速率達1Mbps的數據傳輸。但由于受骨干網帶寬、網站服務器速度以及線路狀況的限制并基于經濟性等方面的考慮，現階段運營商在開放ADSL接入業務時提供的下行帶寬一般限制在512Kbps2Mbps范圍內。ADSL的標準化很完善，產品的互通性很好，隨著使用量的增大價格也在大幅下降，而且ADSL接入能提供QoS服務，且確保用戶能獨享一定的帶寬。ADSL作為最經濟便捷的寬帶接入途徑，是目前中國兩大固定網絡運營商重點發展的寬帶技術。 *1.4 選擇網站接入方式 *1.4 選擇網站接入方式 2.DDN接入方式 DDN專線將數字通信技術、計算機技術、光纖通信技術以及數字交叉連接技術等有機的結合在一起，提供了一種高速度、高質量、高可靠性的通信環境，為用戶規劃、建立自己安全、高效的專用數據網絡提供了條件，因此，在多種Internet的接入方式中深受廣大客戶的青睞。 *1.4 選擇網站接入方式 *1.4 選擇網站接入方式 3.FTTxLA