第一章-網(wǎng)頁與網(wǎng)站基礎(chǔ)知識(shí)

1、網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作 越來越多的人開始熟悉網(wǎng)絡(luò)，熟悉網(wǎng)頁。人們已經(jīng)漸越來越多的人開始熟悉網(wǎng)絡(luò)，熟悉網(wǎng)頁。人們已經(jīng)漸漸意識(shí)到網(wǎng)絡(luò)正在改變?nèi)粘Ｉ睢Ｈ藗冃枰獮閭€(gè)人、企業(yè)漸意識(shí)到網(wǎng)絡(luò)正在改變?nèi)粘Ｉ睢Ｈ藗冃枰獮閭€(gè)人、企業(yè)制作一個(gè)精彩的網(wǎng)站，這就帶來一個(gè)新的問題：怎樣設(shè)計(jì)制作一個(gè)精彩的網(wǎng)站，這就帶來一個(gè)新的問題：怎樣設(shè)計(jì)制作一個(gè)實(shí)用而美觀的網(wǎng)站？在一個(gè)網(wǎng)站開發(fā)者眼中，如制作一個(gè)實(shí)用而美觀的網(wǎng)站？在一個(gè)網(wǎng)站開發(fā)者眼中，如果脫離了網(wǎng)頁的實(shí)用性來談網(wǎng)頁的美，是不實(shí)際的。設(shè)計(jì)果脫離了網(wǎng)頁的實(shí)用性來談網(wǎng)頁的美，是不實(shí)際的。設(shè)計(jì)制作一個(gè)網(wǎng)頁，首先是高效科學(xué)地安排頁面，然后才是對(duì)制作一個(gè)網(wǎng)頁，首先是高效科學(xué)

2、地安排頁面，然后才是對(duì)它進(jìn)行進(jìn)一步的美化。本課程就帶領(lǐng)同學(xué)們?nèi)绾巫龀鲆粋€(gè)它進(jìn)行進(jìn)一步的美化。本課程就帶領(lǐng)同學(xué)們?nèi)绾巫龀鲆粋€(gè)美觀而實(shí)用的網(wǎng)站。美觀而實(shí)用的網(wǎng)站。 第一章第一章 網(wǎng)頁與網(wǎng)站基礎(chǔ)知識(shí)網(wǎng)頁與網(wǎng)站基礎(chǔ)知識(shí)n網(wǎng)頁與網(wǎng)站的概念網(wǎng)頁與網(wǎng)站的概念n網(wǎng)頁的設(shè)計(jì)網(wǎng)頁的設(shè)計(jì)n網(wǎng)站的規(guī)劃網(wǎng)站的規(guī)劃n網(wǎng)站的開發(fā)流程網(wǎng)站的開發(fā)流程 1.1 網(wǎng)頁與網(wǎng)站的概念網(wǎng)頁與網(wǎng)站的概念nInternetInternet的概述的概述nWWWWWWn網(wǎng)頁與網(wǎng)站網(wǎng)頁與網(wǎng)站n域名與域名與IPIP地址地址1.1.1 Internet的概述的概述 InternetInternet是由成千上萬個(gè)網(wǎng)絡(luò)、上億臺(tái)計(jì)算機(jī)是由成千上萬個(gè)網(wǎng)絡(luò)、上

3、億臺(tái)計(jì)算機(jī)通過特定的網(wǎng)絡(luò)協(xié)議相互連接而成的全球計(jì)算機(jī)網(wǎng)通過特定的網(wǎng)絡(luò)協(xié)議相互連接而成的全球計(jì)算機(jī)網(wǎng)絡(luò)，是提供信息資源查詢和信息資源共享的全球最絡(luò)，是提供信息資源查詢和信息資源共享的全球最大的信息資源平臺(tái)。大的信息資源平臺(tái)。nInternetInternet最初并不是為商業(yè)性和廣泛使用而設(shè)計(jì)的。最初并不是為商業(yè)性和廣泛使用而設(shè)計(jì)的。它起源于它起源于19691969年美國國防部高級(jí)研究計(jì)劃署協(xié)助開發(fā)年美國國防部高級(jí)研究計(jì)劃署協(xié)助開發(fā)的的ARPANETARPANET。最初是只允許國防部人員進(jìn)入的封閉式網(wǎng)。最初是只允許國防部人員進(jìn)入的封閉式網(wǎng)絡(luò)。到絡(luò)。到19871987年，在美國國家科學(xué)基金會(huì)的推動(dòng)下

4、，將年，在美國國家科學(xué)基金會(huì)的推動(dòng)下，將之主要從軍事用途轉(zhuǎn)向科學(xué)研究和民事用途，形成了之主要從軍事用途轉(zhuǎn)向科學(xué)研究和民事用途，形成了今天的今天的InternetInternet主干網(wǎng)雛形主干網(wǎng)雛形NSFNETNSFNET。全球網(wǎng)絡(luò)的發(fā)展。全球網(wǎng)絡(luò)的發(fā)展是空前且出人意料的。今天，檢查電子郵件、訪問喜是空前且出人意料的。今天，檢查電子郵件、訪問喜愛的網(wǎng)站這些活動(dòng)已融入我們的日常生活。愛的網(wǎng)站這些活動(dòng)已融入我們的日常生活。從國內(nèi)從國內(nèi)InternetInternet的發(fā)展現(xiàn)狀來看，的發(fā)展現(xiàn)狀來看，19941994年年4 4月，中科院月，中科院計(jì)算機(jī)網(wǎng)絡(luò)信息中心正式接入計(jì)算機(jī)網(wǎng)絡(luò)信息中心正式接入Int

5、ernetInternet，在，在1010多年的時(shí)間里，多年的時(shí)間里，中國中國InternetInternet發(fā)生了飛速的發(fā)展，截至發(fā)生了飛速的發(fā)展，截至20062006年底，我國網(wǎng)民年底，我國網(wǎng)民人數(shù)達(dá)到了人數(shù)達(dá)到了1.371.37億，即每十人中就有一人是網(wǎng)民。億，即每十人中就有一人是網(wǎng)民。10%10%的網(wǎng)的網(wǎng)民普及率將是互聯(lián)網(wǎng)發(fā)展的高速拐點(diǎn)，突破民普及率將是互聯(lián)網(wǎng)發(fā)展的高速拐點(diǎn)，突破10%10%之后，中國之后，中國互聯(lián)網(wǎng)將迎來更快速的增長期。另外網(wǎng)站數(shù)、互聯(lián)網(wǎng)將迎來更快速的增長期。另外網(wǎng)站數(shù)、IPIP地址等也迅地址等也迅速增長，分別達(dá)到速增長，分別達(dá)到84.384.3萬和萬和9800980

6、0萬。從域名、網(wǎng)站數(shù)、萬。從域名、網(wǎng)站數(shù)、IPIP地地址等增長情況來看，我國互聯(lián)網(wǎng)資源得到了全面提升。址等增長情況來看，我國互聯(lián)網(wǎng)資源得到了全面提升。 InternetInternet所提供的服務(wù)主要是所提供的服務(wù)主要是WWWWWW、E-mailE-mail、FTPFTP、網(wǎng)上、網(wǎng)上傳呼、在線聊天、網(wǎng)上購物等等，而其中傳呼、在線聊天、網(wǎng)上購物等等，而其中WWWWWW和和E-mailE-mail是最是最常用的服務(wù)。常用的服務(wù)。1.1.2WWWnWWW(WorldWWW(World Wide Web) Wide Web)簡稱為簡稱為WebWeb或萬維網(wǎng)，客戶端只要或萬維網(wǎng)，客戶端只要通過通過“瀏覽

7、器瀏覽器”（BrowserBrowser）就可以非常方便地訪問）就可以非常方便地訪問InternetInternet上的服務(wù)器端，迅速地獲得所需的信息。如圖上的服務(wù)器端，迅速地獲得所需的信息。如圖所示。所示。 Internet瀏覽器瀏覽器WEB服務(wù)器服務(wù)器HTTP網(wǎng)絡(luò)協(xié)議網(wǎng)絡(luò)協(xié)議 用戶通過瀏覽器訪問用戶通過瀏覽器訪問WEBWEB服務(wù)器的網(wǎng)頁，那么如何查找這些服務(wù)器的網(wǎng)頁，那么如何查找這些網(wǎng)頁呢？通過在瀏覽器的地址欄中輸入網(wǎng)址，即網(wǎng)頁呢？通過在瀏覽器的地址欄中輸入網(wǎng)址，即URLURL，統(tǒng)一，統(tǒng)一資源定位器資源定位器。 URLURL的一般格式如下：的一般格式如下： 通信協(xié)議：通信協(xié)議：/主機(jī)域名主

8、機(jī)域名/ /路徑路徑/ /文件名文件名 其中，通信協(xié)議指提供該文件的服務(wù)器所使用的通其中，通信協(xié)議指提供該文件的服務(wù)器所使用的通信協(xié)議；主機(jī)域名指上述服務(wù)器所在主機(jī)的域名；路信協(xié)議；主機(jī)域名指上述服務(wù)器所在主機(jī)的域名；路徑指該文件在主機(jī)上的路徑；文件名指文件的名稱。徑指該文件在主機(jī)上的路徑；文件名指文件的名稱。 例如例如http:/ 其中，其中，httphttp是是WWWWWW服務(wù)器與服務(wù)器與WWWWWW客戶之間遵循的通信協(xié)議。客戶之間遵循的通信協(xié)議。用來標(biāo)識(shí)該文件存儲(chǔ)在山西大學(xué)的用來標(biāo)識(shí)該文件存儲(chǔ)在山西大學(xué)的WWWWWW服務(wù)服務(wù)器上，第二部分是文件所在的路徑，最后一部分器上，第二部分是文件所

9、在的路徑，最后一部分sxuc1.htmsxuc1.htm這個(gè)文件的名稱。這個(gè)文件的名稱。1.1.3 網(wǎng)頁與網(wǎng)站網(wǎng)頁與網(wǎng)站構(gòu)建構(gòu)建WWWWWW的基本單位是的基本單位是網(wǎng)頁網(wǎng)頁。網(wǎng)頁中包含所謂的。網(wǎng)頁中包含所謂的“超超鏈接鏈接”，通過已經(jīng)定義好的關(guān)鍵字和圖形，只要用鼠，通過已經(jīng)定義好的關(guān)鍵字和圖形，只要用鼠標(biāo)輕輕一點(diǎn)，就可以自動(dòng)跳轉(zhuǎn)到相應(yīng)的其它文件，獲標(biāo)輕輕一點(diǎn)，就可以自動(dòng)跳轉(zhuǎn)到相應(yīng)的其它文件，獲得相應(yīng)的信息，從而實(shí)現(xiàn)網(wǎng)頁之間的鏈接，從而構(gòu)成得相應(yīng)的信息，從而實(shí)現(xiàn)網(wǎng)頁之間的鏈接，從而構(gòu)成了了WWWWWW的縱橫交織的網(wǎng)狀結(jié)構(gòu)。的縱橫交織的網(wǎng)狀結(jié)構(gòu)。通過超鏈接連接起來的一系列邏輯上可以視為一個(gè)整通過超

10、鏈接連接起來的一系列邏輯上可以視為一個(gè)整體的頁面，則叫做體的頁面，則叫做網(wǎng)站網(wǎng)站。1.1.4 域名與域名與IP地址地址n在在InternetInternet上的每臺(tái)網(wǎng)絡(luò)設(shè)備都要有一個(gè)唯一的地上的每臺(tái)網(wǎng)絡(luò)設(shè)備都要有一個(gè)唯一的地址才能被訪問到，這個(gè)地址就是址才能被訪問到，這個(gè)地址就是IPIP地址地址。nIPIP地址是由地址是由32bits32bits的二進(jìn)制數(shù)值構(gòu)成，分成的二進(jìn)制數(shù)值構(gòu)成，分成4 4組，組，轉(zhuǎn)化為十進(jìn)制用點(diǎn)分隔。轉(zhuǎn)化為十進(jìn)制用點(diǎn)分隔。 比如：比如：00001.2 網(wǎng)頁的設(shè)計(jì)網(wǎng)頁的設(shè)計(jì)n網(wǎng)頁主題網(wǎng)頁主題 n網(wǎng)頁的文字網(wǎng)頁的文字 n網(wǎng)

11、頁的色彩網(wǎng)頁的色彩 n網(wǎng)頁版式和布局網(wǎng)頁版式和布局 1.2.1 網(wǎng)頁主題網(wǎng)頁主題 n網(wǎng)頁的主題指網(wǎng)頁所要表現(xiàn)的最主要的思想內(nèi)涵，可以網(wǎng)頁的主題指網(wǎng)頁所要表現(xiàn)的最主要的思想內(nèi)涵，可以說是網(wǎng)頁的靈魂。說是網(wǎng)頁的靈魂。n主題的概念是很模糊的，它是一種約束，是同一站點(diǎn)中主題的概念是很模糊的，它是一種約束，是同一站點(diǎn)中各個(gè)頁面于五彩繽紛中體現(xiàn)出統(tǒng)一風(fēng)格的約束；它也是各個(gè)頁面于五彩繽紛中體現(xiàn)出統(tǒng)一風(fēng)格的約束；它也是一種力量，是將各個(gè)設(shè)計(jì)者的作品有機(jī)結(jié)合起來的力量。一種力量，是將各個(gè)設(shè)計(jì)者的作品有機(jī)結(jié)合起來的力量。主題必須與主題必須與WebWeb頁面主要推銷或展示的產(chǎn)品或服務(wù)緊密頁面主要推銷或展示的產(chǎn)品或服

12、務(wù)緊密相關(guān)，同時(shí)它又必須有相當(dāng)?shù)奈ΑＯ嚓P(guān)，同時(shí)它又必須有相當(dāng)?shù)奈Α?2網(wǎng)頁的文字網(wǎng)頁的文字 n文字是網(wǎng)頁最主要的表達(dá)形式，盡管圖形和解構(gòu)的表格文字是網(wǎng)頁最主要的表達(dá)形式，盡管圖形和解構(gòu)的表格五彩繽紛，但大多數(shù)瀏覽者大部分時(shí)間仍將注意力集中五彩繽紛，但大多數(shù)瀏覽者大部分時(shí)間仍將注意力集中在頁面中的文字上面，他們總是首先瀏覽文字內(nèi)容，而在頁面中的文字上面，他們總是首先瀏覽文字內(nèi)容，而甚少關(guān)心其他頁面元素，甚至對(duì)導(dǎo)航系統(tǒng)也是如此。所甚少關(guān)心其他頁面元素，甚至對(duì)導(dǎo)航系統(tǒng)也是如此。所以，給瀏覽者一個(gè)親和的文字界面是必要的。以，給瀏覽者一個(gè)親和的文字界面是必要的。 為了保證不同瀏覽

13、器上字號(hào)保持一致，字號(hào)建議為了保證不同瀏覽器上字號(hào)保持一致，字號(hào)建議用點(diǎn)用點(diǎn)數(shù)數(shù)ptpt和像素和像素pxpx來定義，來定義，ptpt一般使用中文宋體的一般使用中文宋體的9pt9pt和和11pt11pt，pxpx一般使用中文宋體一般使用中文宋體12px12px 和和14.7px14.7px 這是經(jīng)過這是經(jīng)過優(yōu)化的字號(hào)，黑體字或者宋體字加粗時(shí)，一般選用優(yōu)化的字號(hào)，黑體字或者宋體字加粗時(shí)，一般選用11pt11pt和和14.7px14.7px 的字號(hào)比較合適。的字號(hào)比較合適。.網(wǎng)頁的色彩網(wǎng)頁的色彩 在制作網(wǎng)站的時(shí)候，色彩的選擇和搭配十分重要，因?yàn)樵谥谱骶W(wǎng)站的時(shí)候，色彩的選擇和搭配十分重要

14、，因?yàn)橐粋€(gè)網(wǎng)站格調(diào)的確定，往往取決于色彩的選擇與搭配是否適一個(gè)網(wǎng)站格調(diào)的確定，往往取決于色彩的選擇與搭配是否適當(dāng)，一般的情況下，從以下幾個(gè)方面來考慮色彩的選擇：當(dāng)，一般的情況下，從以下幾個(gè)方面來考慮色彩的選擇：n色彩的鮮明性色彩的鮮明性網(wǎng)站色彩的選擇與搭配要鮮艷，這樣比較容易吸引訪問者的網(wǎng)站色彩的選擇與搭配要鮮艷，這樣比較容易吸引訪問者的注意，而且在訪問者的記憶中駐留的時(shí)間也比較長。注意，而且在訪問者的記憶中駐留的時(shí)間也比較長。n色彩的獨(dú)特性色彩的獨(dú)特性網(wǎng)站色彩的選擇與搭配要與眾不同，這樣就可以使得訪問者網(wǎng)站色彩的選擇與搭配要與眾不同，這樣就可以使得訪問者留下深刻的印象。留下深刻的印象。n色彩

15、的合適性色彩的合適性網(wǎng)站色彩的選擇與搭配要與網(wǎng)站的內(nèi)容氣氛相適合。網(wǎng)站色彩的選擇與搭配要與網(wǎng)站的內(nèi)容氣氛相適合。n色彩的聯(lián)想性色彩的聯(lián)想性不同的色彩會(huì)產(chǎn)生不同的聯(lián)想，在網(wǎng)站的設(shè)計(jì)中多運(yùn)用具有不同的色彩會(huì)產(chǎn)生不同的聯(lián)想，在網(wǎng)站的設(shè)計(jì)中多運(yùn)用具有美好聯(lián)想的色彩，可以使你的網(wǎng)站流露出另外一種氣息。美好聯(lián)想的色彩，可以使你的網(wǎng)站流露出另外一種氣息。n頁面中各處用色的選擇頁面中各處用色的選擇首先確定主色。首先確定主色。主色是指頁面中相對(duì)來說較大面積使用的色主色是指頁面中相對(duì)來說較大面積使用的色彩。主色可以反映出整個(gè)網(wǎng)頁的風(fēng)格，亦可使頁面內(nèi)容以色彩。主色可以反映出整個(gè)網(wǎng)頁的風(fēng)格，亦可使頁面內(nèi)容以色彩語言表

16、達(dá)出來。彩語言表達(dá)出來。接下來是確定輔助色。接下來是確定輔助色。輔助色可以有多種，輔助色可以有多種，其應(yīng)用范圍包括其應(yīng)用范圍包括輸入框的顏色輸入框的顏色，表格邊框顏色表格邊框顏色、 表格的底色表格的底色、小圖標(biāo)用色小圖標(biāo)用色、文字顏色文字顏色以及以及鏈接色鏈接色等等。等等。1.2.網(wǎng)頁版式和布局網(wǎng)頁版式和布局 n版面設(shè)計(jì)的步驟版面設(shè)計(jì)的步驟（1 1）畫出頁面的結(jié)構(gòu)草圖）畫出頁面的結(jié)構(gòu)草圖 ：只需畫出頁面的大體結(jié)構(gòu)。注：只需畫出頁面的大體結(jié)構(gòu)。注：分辨率為分辨率為640640* *480480時(shí)，頁面顯示尺寸為時(shí)，頁面顯示尺寸為620620* *311311；分辨率為；分辨率為800800* *

17、600600時(shí)，頁面顯示尺寸為時(shí)，頁面顯示尺寸為780780* *428428；分辨率為；分辨率為10241024* *768768時(shí)，時(shí)，頁面顯示尺寸為頁面顯示尺寸為10071007* *600600；（2 2）布局細(xì)化和調(diào)整：將需要放置的功能模塊安排在頁面上，）布局細(xì)化和調(diào)整：將需要放置的功能模塊安排在頁面上，注意突出重點(diǎn)和平衡協(xié)調(diào)注意突出重點(diǎn)和平衡協(xié)調(diào)（3 3）定格：確定出完美的布局方案，定格為最后的版式。）定格：確定出完美的布局方案，定格為最后的版式。nT T型結(jié)構(gòu)型結(jié)構(gòu) n同字結(jié)構(gòu)同字結(jié)構(gòu) n川字結(jié)構(gòu)川字結(jié)構(gòu) n三字結(jié)構(gòu)三字結(jié)構(gòu) 常見網(wǎng)頁布局常見網(wǎng)頁布局 T型結(jié)構(gòu)型結(jié)構(gòu)同字結(jié)構(gòu)同字結(jié)

18、構(gòu) 川字結(jié)構(gòu)川字結(jié)構(gòu)三字結(jié)構(gòu)三字結(jié)構(gòu)單一結(jié)構(gòu)單一結(jié)構(gòu) 1.3 網(wǎng)站的規(guī)劃網(wǎng)站的規(guī)劃n定位網(wǎng)站主題和名稱定位網(wǎng)站主題和名稱 n網(wǎng)站的風(fēng)格網(wǎng)站的風(fēng)格n網(wǎng)站的網(wǎng)站的CICI形象形象 n確定網(wǎng)站的欄目和版塊確定網(wǎng)站的欄目和版塊 n確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu) 1.3.1 1.3.1 定位網(wǎng)站主題和名稱定位網(wǎng)站主題和名稱n設(shè)計(jì)一個(gè)站點(diǎn)，首先遇到的問題就是定位網(wǎng)站主題。所謂主設(shè)計(jì)一個(gè)站點(diǎn)，首先遇到的問題就是定位網(wǎng)站主題。所謂主題也就是你的網(wǎng)站的題材。題也就是你的網(wǎng)站的題材。對(duì)于題材的選擇，應(yīng)注意：對(duì)于題材的選擇，應(yīng)注意： （1 1）主題要小而精。定位要小，內(nèi)容要精。調(diào)查結(jié)果也顯

19、示，）主題要小而精。定位要小，內(nèi)容要精。調(diào)查結(jié)果也顯示，網(wǎng)絡(luò)上的網(wǎng)絡(luò)上的“主題站主題站”比比“萬全站萬全站”更受人們喜愛，就好比專更受人們喜愛，就好比專賣店和百貨商店。賣店和百貨商店。 （2 2）題材最好是你自己擅長或者喜愛的內(nèi)容。這樣在制作時(shí)，）題材最好是你自己擅長或者喜愛的內(nèi)容。這樣在制作時(shí)，才不會(huì)覺得無聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力，沒才不會(huì)覺得無聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力，沒有熱情，很難設(shè)計(jì)制作出杰出的作品。有熱情，很難設(shè)計(jì)制作出杰出的作品。 （3 3）題材不要太濫或者目標(biāo)太高。）題材不要太濫或者目標(biāo)太高?！疤珵E太濫”是指到處可見，是指到處可見，人人都有的題材；人人都有

20、的題材；“目標(biāo)太高目標(biāo)太高”是指在這一題材上已經(jīng)有非是指在這一題材上已經(jīng)有非常優(yōu)秀，知名度很高的站點(diǎn)，你要超過它是很困難的。常優(yōu)秀，知名度很高的站點(diǎn)，你要超過它是很困難的。n網(wǎng)站名稱的選擇也是非常重要的。和現(xiàn)實(shí)生活中一樣，網(wǎng)站網(wǎng)站名稱的選擇也是非常重要的。和現(xiàn)實(shí)生活中一樣，網(wǎng)站名稱是否正氣，響亮，易記，對(duì)網(wǎng)站的形象和宣傳推廣也有名稱是否正氣，響亮，易記，對(duì)網(wǎng)站的形象和宣傳推廣也有很大影響。一般的建議是：很大影響。一般的建議是： （1 1） 名稱要正名稱要正。也就是要合法，和理，和情。不能用反動(dòng)。也就是要合法，和理，和情。不能用反動(dòng)的，色情的，迷信的，危害社會(huì)安全的名詞語句。的，色情的，迷信的，

21、危害社會(huì)安全的名詞語句。 （2 2）名稱要易記名稱要易記。根據(jù)中文網(wǎng)站瀏覽者的特點(diǎn)，除非特定需。根據(jù)中文網(wǎng)站瀏覽者的特點(diǎn)，除非特定需要，網(wǎng)站名稱最好用中文名稱，不要使用英文或者中英文混要，網(wǎng)站名稱最好用中文名稱，不要使用英文或者中英文混合型名稱。合型名稱。（3 3） 名稱要有特色名稱要有特色。名稱平實(shí)就可以接受，如果能體現(xiàn)一。名稱平實(shí)就可以接受，如果能體現(xiàn)一定的內(nèi)涵，給瀏覽者更多的視覺沖擊和空間想象力，則為上定的內(nèi)涵，給瀏覽者更多的視覺沖擊和空間想象力，則為上品。這里舉幾個(gè)例子：音樂前衛(wèi)，網(wǎng)頁陶吧，天籟絕音。在品。這里舉幾個(gè)例子：音樂前衛(wèi)，網(wǎng)頁陶吧，天籟絕音。在體現(xiàn)出網(wǎng)站主題的同時(shí)，能點(diǎn)出特色

22、之處。體現(xiàn)出網(wǎng)站主題的同時(shí)，能點(diǎn)出特色之處。 1.3.2 1.3.2 網(wǎng)站的風(fēng)格網(wǎng)站的風(fēng)格n風(fēng)格風(fēng)格(style)(style)是抽象的。是抽象的。是指站點(diǎn)的整體形象給瀏是指站點(diǎn)的整體形象給瀏覽者的綜合感受。覽者的綜合感受。 這個(gè)這個(gè)“整體形象整體形象”包括站點(diǎn)的包括站點(diǎn)的CICI（標(biāo)志，色彩，字體，標(biāo)語），版面布局，瀏覽（標(biāo)志，色彩，字體，標(biāo)語），版面布局，瀏覽方式，交互性，文字，語氣，內(nèi)容價(jià)值，存在意義，方式，交互性，文字，語氣，內(nèi)容價(jià)值，存在意義，站點(diǎn)榮譽(yù)等等諸多因素。站點(diǎn)榮譽(yù)等等諸多因素。 n風(fēng)格是獨(dú)特的，是站點(diǎn)不同與其他網(wǎng)站的地方。或者色彩，風(fēng)格是獨(dú)特的，是站點(diǎn)不同與其他網(wǎng)站的地方。

23、或者色彩，或者技術(shù)，或者是交互方式，能讓瀏覽者明確分辨出這是或者技術(shù)，或者是交互方式，能讓瀏覽者明確分辨出這是你的網(wǎng)站獨(dú)有的。你的網(wǎng)站獨(dú)有的。 n如何樹立網(wǎng)站風(fēng)格呢？我們可以分這樣幾個(gè)步驟：如何樹立網(wǎng)站風(fēng)格呢？我們可以分這樣幾個(gè)步驟： 第一，確信風(fēng)格是建立在有價(jià)值內(nèi)容之上的。一個(gè)網(wǎng)第一，確信風(fēng)格是建立在有價(jià)值內(nèi)容之上的。一個(gè)網(wǎng)站有風(fēng)格而沒有內(nèi)容，就好比繡花枕頭一包草，好比一個(gè)站有風(fēng)格而沒有內(nèi)容，就好比繡花枕頭一包草，好比一個(gè)性格傲慢但卻目不識(shí)丁的人。你首先必須保證內(nèi)容的質(zhì)量性格傲慢但卻目不識(shí)丁的人。你首先必須保證內(nèi)容的質(zhì)量和價(jià)值性。這是最基本的，無須置疑。和價(jià)值性。這是最基本的，無須置疑。 第

24、二，你需要徹底搞清楚自己希望站點(diǎn)給人的印象是第二，你需要徹底搞清楚自己希望站點(diǎn)給人的印象是什么。什么。第三，在明確自己的網(wǎng)站印象后，開始努力建立和加第三，在明確自己的網(wǎng)站印象后，開始努力建立和加強(qiáng)這種印象。強(qiáng)這種印象。 n對(duì)于確定風(fēng)格，這里提供一些參考：對(duì)于確定風(fēng)格，這里提供一些參考： 1.1.將你的將你的標(biāo)志標(biāo)志logologo, ,盡可能的出現(xiàn)在每個(gè)頁面上?；蛘唔撁?，盡可能的出現(xiàn)在每個(gè)頁面上?；蛘唔撁?，或者頁腳，或則背景。或者頁腳，或則背景。 2.2.突出你的標(biāo)準(zhǔn)色彩突出你的標(biāo)準(zhǔn)色彩。文字的鏈接色彩，圖片的主色彩，。文字的鏈接色彩，圖片的主色彩，背景色，邊框等色彩盡量使用與標(biāo)準(zhǔn)色彩一致的色

25、彩。背景色，邊框等色彩盡量使用與標(biāo)準(zhǔn)色彩一致的色彩。 3.3.突出你的標(biāo)準(zhǔn)字體突出你的標(biāo)準(zhǔn)字體。在關(guān)鍵的標(biāo)題，菜單，圖片里使用。在關(guān)鍵的標(biāo)題，菜單，圖片里使用統(tǒng)一的標(biāo)準(zhǔn)字體。統(tǒng)一的標(biāo)準(zhǔn)字體。 4.4.想一條朗朗上口想一條朗朗上口宣傳標(biāo)語宣傳標(biāo)語。把它做在你的。把它做在你的bannerbanner里，或里，或者放在醒目的位置，告訴大家你的網(wǎng)站的特色。者放在醒目的位置，告訴大家你的網(wǎng)站的特色。5.5.使用統(tǒng)一的語氣和人稱。即使是多個(gè)人合作維護(hù)，也要使用統(tǒng)一的語氣和人稱。即使是多個(gè)人合作維護(hù)，也要讓讀者覺得是同一個(gè)人寫的。讓讀者覺得是同一個(gè)人寫的。 6.6.使用統(tǒng)一的圖片處理效果。比如，陰影效果的方

26、向，厚使用統(tǒng)一的圖片處理效果。比如，陰影效果的方向，厚度，模糊度都必須一樣。度，模糊度都必須一樣。 7.7.創(chuàng)造一個(gè)你的站點(diǎn)特有的符號(hào)或圖標(biāo)。比如在一句鏈接創(chuàng)造一個(gè)你的站點(diǎn)特有的符號(hào)或圖標(biāo)。比如在一句鏈接前的一個(gè)點(diǎn)，可以使用前的一個(gè)點(diǎn)，可以使用,.,.。（區(qū)位碼里自己參（區(qū)位碼里自己參看）等等。雖然很簡單的一個(gè)變化，卻給人與眾不同的感覺?？矗┑鹊?。雖然很簡單的一個(gè)變化，卻給人與眾不同的感覺。8.8.用自己設(shè)計(jì)的花邊，線條，點(diǎn)。用自己設(shè)計(jì)的花邊，線條，點(diǎn)。 .3網(wǎng)站的網(wǎng)站的CICI形象形象 n所謂所謂CICI，是借用的廣告術(shù)語。，是借用的廣告術(shù)語。(CI(CI是英文是英文corp

27、orate corporate identityidentity的縮寫的縮寫) )，意思是通過視覺來統(tǒng)一企業(yè)的形，意思是通過視覺來統(tǒng)一企業(yè)的形象。象。n標(biāo)志標(biāo)志，色彩色彩，字體字體，標(biāo)語標(biāo)語是一個(gè)網(wǎng)站樹立是一個(gè)網(wǎng)站樹立CICI形象的關(guān)形象的關(guān)鍵，確切的說是網(wǎng)站的表面文章，設(shè)計(jì)并完成這幾步，鍵，確切的說是網(wǎng)站的表面文章，設(shè)計(jì)并完成這幾步，你的網(wǎng)站將脫胎換骨，整體形象就會(huì)有一個(gè)提高。你的網(wǎng)站將脫胎換骨，整體形象就會(huì)有一個(gè)提高。 在您的網(wǎng)站主題和名稱定下來之后，需要思考的就是網(wǎng)在您的網(wǎng)站主題和名稱定下來之后，需要思考的就是網(wǎng)站的站的CICI形象。形象。n設(shè)計(jì)網(wǎng)站的標(biāo)志設(shè)計(jì)網(wǎng)站的標(biāo)志(logo)(lo

28、go)如同商標(biāo)一樣，如同商標(biāo)一樣，logologo是你站點(diǎn)特色和內(nèi)涵的集中體是你站點(diǎn)特色和內(nèi)涵的集中體現(xiàn)，看見現(xiàn)，看見logologo就讓大家聯(lián)想起你的站點(diǎn)。就讓大家聯(lián)想起你的站點(diǎn)。標(biāo)志可以是中文，英文字母，可以是符號(hào)，圖案，標(biāo)志可以是中文，英文字母，可以是符號(hào)，圖案，可以是動(dòng)物或者人物等等。比如：新浪用字母可以是動(dòng)物或者人物等等。比如：新浪用字母sinasina+ +眼眼睛作為標(biāo)志。標(biāo)志的設(shè)計(jì)創(chuàng)意來自你網(wǎng)站的名稱和內(nèi)容。睛作為標(biāo)志。標(biāo)志的設(shè)計(jì)創(chuàng)意來自你網(wǎng)站的名稱和內(nèi)容。 比如：比如：(1).(1).網(wǎng)站有代表性的人物，動(dòng)物，花草，可以用它們作網(wǎng)站有代表性的人物，動(dòng)物，花草，可以用它們作為設(shè)計(jì)

29、的藍(lán)本，加以卡通化和藝術(shù)化，例如迪斯尼的米為設(shè)計(jì)的藍(lán)本，加以卡通化和藝術(shù)化，例如迪斯尼的米老鼠，搜狐的卡通狐貍，鯊?fù)w壇的籃球鯊魚。老鼠，搜狐的卡通狐貍，鯊?fù)w壇的籃球鯊魚。 (2).(2).網(wǎng)站有專業(yè)性的，可以以本專業(yè)有代表的物品作為網(wǎng)站有專業(yè)性的，可以以本專業(yè)有代表的物品作為標(biāo)志。比如中國銀行的銅板標(biāo)志，奔馳汽車的方向盤標(biāo)標(biāo)志。比如中國銀行的銅板標(biāo)志，奔馳汽車的方向盤標(biāo)志。志。 n新浪用字母新浪用字母sinasina+ +眼睛作為標(biāo)志。眼睛作為標(biāo)志。n北京億恒偉業(yè)房地產(chǎn)開發(fā)有限公司的標(biāo)志北京億恒偉業(yè)房地產(chǎn)開發(fā)有限公司的標(biāo)志是以是以“億恒偉業(yè)億恒偉業(yè)”四個(gè)漢字的變形為主體。四個(gè)漢字的變形為主

30、體。“億億”字左半部變形為數(shù)字字左半部變形為數(shù)字“1”1”，預(yù)示，預(yù)示著公司將成為行業(yè)的龍頭老大，也預(yù)示者著公司將成為行業(yè)的龍頭老大，也預(yù)示者公司全體員工永爭第一的拼搏精神和公司全體員工永爭第一的拼搏精神和“信信譽(yù)第一、質(zhì)量第一譽(yù)第一、質(zhì)量第一”的經(jīng)營理念，同時(shí)也的經(jīng)營理念，同時(shí)也寓意著公司的發(fā)展一帆風(fēng)順。寓意著公司的發(fā)展一帆風(fēng)順。n北京愛永恒影樓的標(biāo)志是以英文字母北京愛永恒影樓的標(biāo)志是以英文字母“LOVELOVE和一顆紅心為主體，紅心中間和一顆紅心為主體，紅心中間是抽象的一男一女?dāng)y手前進(jìn)的圖形，寓是抽象的一男一女?dāng)y手前進(jìn)的圖形，寓意著兩個(gè)人一顆心，從而寓意著愛永恒。意著兩個(gè)人一顆心，從而寓意

31、著愛永恒。 北京市昌平區(qū)第一屆機(jī)關(guān)運(yùn)動(dòng)會(huì)的會(huì)徽北京市昌平區(qū)第一屆機(jī)關(guān)運(yùn)動(dòng)會(huì)的會(huì)徽是以是以“昌平昌平”的漢拼的漢拼“CHANGPING”CHANGPING”的第的第一個(gè)字母一個(gè)字母“C”C”和和“機(jī)關(guān)機(jī)關(guān)”的漢拼的漢拼“JIGUAN”JIGUAN”的第一個(gè)字母的第一個(gè)字母“J”J”變形組合變形組合的綠色跑道和運(yùn)動(dòng)員為主題。整個(gè)標(biāo)志的綠色跑道和運(yùn)動(dòng)員為主題。整個(gè)標(biāo)志充滿活力和激情，寓意著昌平區(qū)各機(jī)關(guān)充滿活力和激情，寓意著昌平區(qū)各機(jī)關(guān)人員在區(qū)政府的正確領(lǐng)導(dǎo)下，各項(xiàng)事業(yè)人員在區(qū)政府的正確領(lǐng)導(dǎo)下，各項(xiàng)事業(yè)蓬勃發(fā)展，充滿生機(jī)！蓬勃發(fā)展，充滿生機(jī)！n設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)色彩設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)色彩網(wǎng)站給人的第一印象來自

32、視覺沖擊，確定網(wǎng)站的標(biāo)準(zhǔn)網(wǎng)站給人的第一印象來自視覺沖擊，確定網(wǎng)站的標(biāo)準(zhǔn)色彩是相當(dāng)重要的一步。不同的色彩搭配產(chǎn)生不同的效果，色彩是相當(dāng)重要的一步。不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒。并可能影響到訪問者的情緒。 “標(biāo)準(zhǔn)色彩標(biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩。是指能體現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩。舉個(gè)實(shí)際的例子就明白了：舉個(gè)實(shí)際的例子就明白了：IBMIBM的深藍(lán)色，肯得基的紅色的深藍(lán)色，肯得基的紅色條型，條型，windowswindows視窗標(biāo)志上的紅藍(lán)黃綠色塊，都使我們覺視窗標(biāo)志上的紅藍(lán)黃綠色塊，都使我們覺得很貼切，很和諧。如果將得很貼切，很和諧。如果將IBMIBM改用

33、綠色或金黃色，我們改用綠色或金黃色，我們會(huì)有什么感覺？會(huì)有什么感覺？ 一般來說，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過一般來說，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過3 3種，太多則讓人眼花繚亂。種，太多則讓人眼花繚亂。標(biāo)準(zhǔn)色彩要用于網(wǎng)站的標(biāo)志，標(biāo)準(zhǔn)色彩要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用，只是作為點(diǎn)綴和襯托，絕不能喧賓奪它色彩也可以使用，只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。主。 一般來說，適合于網(wǎng)頁標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃一般來說，適合于網(wǎng)頁標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃/ /橙色，黑橙色，黑/ /灰灰/ /白色三大系列色。白色

34、三大系列色。n設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)字體設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)字體和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主菜單的特有字體。菜單的特有字體。一般我們網(wǎng)頁默認(rèn)的字體是宋體。一般我們網(wǎng)頁默認(rèn)的字體是宋體。為了為了體現(xiàn)站點(diǎn)的體現(xiàn)站點(diǎn)的“與眾不同與眾不同”和特有風(fēng)格，我們可以根據(jù)需要和特有風(fēng)格，我們可以根據(jù)需要選擇一些特別字體。例如，為了體現(xiàn)專業(yè)可以使用粗仿宋選擇一些特別字體。例如，為了體現(xiàn)專業(yè)可以使用粗仿宋體，體現(xiàn)設(shè)計(jì)精美可以用廣告體，體現(xiàn)親切隨意可以用手體，體現(xiàn)設(shè)計(jì)精美可以用廣告體，體現(xiàn)親切隨意可以用手寫體等等。寫體等等。 需要說明的是：使用非默認(rèn)字體只能用圖片需

35、要說明的是：使用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡転g覽者的的形式，因?yàn)楹芸赡転g覽者的PCPC里沒有安裝你的特別字體，里沒有安裝你的特別字體，那么您的辛苦設(shè)計(jì)制作便付之東流啦！那么您的辛苦設(shè)計(jì)制作便付之東流啦！ n設(shè)計(jì)網(wǎng)站的宣傳標(biāo)語設(shè)計(jì)網(wǎng)站的宣傳標(biāo)語網(wǎng)站的宣傳標(biāo)語可以說是網(wǎng)站的精神，網(wǎng)站的目標(biāo)。網(wǎng)站的宣傳標(biāo)語可以說是網(wǎng)站的精神，網(wǎng)站的目標(biāo)。用一句話甚至一個(gè)詞來高度概括。類似實(shí)際生活中的廣告用一句話甚至一個(gè)詞來高度概括。類似實(shí)際生活中的廣告金句。例如：鵲巢的金句。例如：鵲巢的“味道好極了味道好極了”；麥斯威爾的；麥斯威爾的“好東好東西和好朋友一起分享西和好朋友一起分享”；IntelIntel的

36、的“給你一個(gè)奔騰的心給你一個(gè)奔騰的心”。 1.3.4 1.3.4 確定網(wǎng)站的欄目和版塊確定網(wǎng)站的欄目和版塊 n在動(dòng)手制作網(wǎng)頁前，一定要考慮好以下三方面：在動(dòng)手制作網(wǎng)頁前，一定要考慮好以下三方面： (1) (1) 確定欄目和版塊確定欄目和版塊 (2) (2) 確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu) (3) (3) 確定網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)確定網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)(1) (1) 確定欄目和版塊確定欄目和版塊n欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。在制定欄目的時(shí)候，要仔細(xì)考慮，合理安排。一確顯示出

37、來。在制定欄目的時(shí)候，要仔細(xì)考慮，合理安排。一般的網(wǎng)站欄目安排要注意以下幾方面：般的網(wǎng)站欄目安排要注意以下幾方面： 一定記住要緊扣你的主題！一定記住要緊扣你的主題！ 一般的做法是：將你的主題按一定的方法分類并將它們作一般的做法是：將你的主題按一定的方法分類并將它們作為網(wǎng)站的主欄目。主題欄目個(gè)數(shù)在總欄目中要占絕對(duì)優(yōu)勢(shì)，這為網(wǎng)站的主欄目。主題欄目個(gè)數(shù)在總欄目中要占絕對(duì)優(yōu)勢(shì)，這樣的網(wǎng)站顯的專業(yè)，主題突出，容易給人留下深刻印象。樣的網(wǎng)站顯的專業(yè)，主題突出，容易給人留下深刻印象。 設(shè)一個(gè)最近更新或網(wǎng)站指南欄目設(shè)一個(gè)最近更新或網(wǎng)站指南欄目 如果你的首頁沒有安排版面放置最近更新內(nèi)容信息，就有如果你的首頁沒有

38、安排版面放置最近更新內(nèi)容信息，就有必要設(shè)立一個(gè)必要設(shè)立一個(gè)“最近更新最近更新”的欄目。這樣做是為了照顧常來的的欄目。這樣做是為了照顧常來的訪客，讓你的主頁更有人性化。訪客，讓你的主頁更有人性化。 設(shè)定一個(gè)可以雙向交流的欄目設(shè)定一個(gè)可以雙向交流的欄目 不需要很多，但一定要有。比如論壇，留言本，郵件不需要很多，但一定要有。比如論壇，留言本，郵件列表等，可以讓瀏覽者留下他們的信息。有調(diào)查表明，提列表等，可以讓瀏覽者留下他們的信息。有調(diào)查表明，提供雙向交流的站點(diǎn)比簡單的留一個(gè)供雙向交流的站點(diǎn)比簡單的留一個(gè)“Email me”Email me”的站點(diǎn)更的站點(diǎn)更具有親和力。具有親和力。 設(shè)定一個(gè)下載或常見

39、問題回答欄目設(shè)定一個(gè)下載或常見問題回答欄目 網(wǎng)絡(luò)的特點(diǎn)是信息共享。網(wǎng)絡(luò)的特點(diǎn)是信息共享。如果你看到一個(gè)站點(diǎn)有大量如果你看到一個(gè)站點(diǎn)有大量的優(yōu)秀的有價(jià)值的資料，你肯定希望能一次性下載，而不的優(yōu)秀的有價(jià)值的資料，你肯定希望能一次性下載，而不是一頁一頁瀏覽存盤。是一頁一頁瀏覽存盤。“將心比心將心比心”在你自己的主頁上設(shè)在你自己的主頁上設(shè)置一個(gè)資料下載欄目，會(huì)得到大家的喜歡。另外，如果您置一個(gè)資料下載欄目，會(huì)得到大家的喜歡。另外，如果您的站點(diǎn)經(jīng)常收到網(wǎng)友關(guān)于某方面的問題來信，你最好設(shè)立的站點(diǎn)經(jīng)常收到網(wǎng)友關(guān)于某方面的問題來信，你最好設(shè)立一個(gè)常見問題回答的欄目，既方便了網(wǎng)友，也可以節(jié)約自一個(gè)常見問題回答的

40、欄目，既方便了網(wǎng)友，也可以節(jié)約自己更多時(shí)間用以學(xué)習(xí)。己更多時(shí)間用以學(xué)習(xí)。 n總結(jié)以上幾點(diǎn)，我們得出劃分欄目需要注意的是：總結(jié)以上幾點(diǎn)，我們得出劃分欄目需要注意的是： 盡可能刪除與主題無關(guān)的欄目盡可能刪除與主題無關(guān)的欄目 盡可能將網(wǎng)站最有價(jià)值的內(nèi)容列在欄目上盡可能將網(wǎng)站最有價(jià)值的內(nèi)容列在欄目上 盡可能方便訪問者的瀏覽和查詢盡可能方便訪問者的瀏覽和查詢 n上面說的是欄目，我們?cè)倏纯窗鎵K設(shè)置。上面說的是欄目，我們?cè)倏纯窗鎵K設(shè)置。 版塊比欄目的概念要大一些，每個(gè)版塊都有自版塊比欄目的概念要大一些，每個(gè)版塊都有自己的欄目。舉個(gè)例子：網(wǎng)易的站點(diǎn)分新聞，體育，己的欄目。舉個(gè)例子：網(wǎng)易的站點(diǎn)分新聞，體育，財(cái)經(jīng)

41、，娛樂，教育等版塊，每個(gè)版塊下面有各有自財(cái)經(jīng)，娛樂，教育等版塊，每個(gè)版塊下面有各有自己的主欄目。己的主欄目。 一般的個(gè)人站點(diǎn)內(nèi)容少，只有主欄目一般的個(gè)人站點(diǎn)內(nèi)容少，只有主欄目( (主菜單主菜單) )就夠了，不需要設(shè)置版塊。就夠了，不需要設(shè)置版塊。 在網(wǎng)站根目錄中開設(shè)在網(wǎng)站根目錄中開設(shè)images、common、temp三個(gè)子三個(gè)子目錄，根據(jù)需要再開設(shè)目錄，根據(jù)需要再開設(shè)media子目錄子目錄.nimages目錄中放不同欄目的頁面都要用到的公共圖片，目錄中放不同欄目的頁面都要用到的公共圖片，例如公司的標(biāo)志例如公司的標(biāo)志logo、banner條、菜單、按鈕等等；條、菜單、按鈕等等；ncommon子

42、目錄中放子目錄中放css、include等公共文件；等公共文件；ntemp子目錄放客戶提供的各種文字圖片等等原始資料；子目錄放客戶提供的各種文字圖片等等原始資料；nmedia子目錄中放子目錄中放flash,avi,quicktime等多媒體文件等多媒體文件。(2) 網(wǎng)站的目錄結(jié)構(gòu)網(wǎng)站的目錄結(jié)構(gòu)n在根目錄中按照首頁的欄目結(jié)構(gòu)，在根目錄中按照首頁的欄目結(jié)構(gòu)，給每一個(gè)欄目開設(shè)給每一個(gè)欄目開設(shè)一個(gè)目錄一個(gè)目錄，根據(jù)需要在每一個(gè)欄目的目錄中開設(shè)一個(gè)，根據(jù)需要在每一個(gè)欄目的目錄中開設(shè)一個(gè)imagesimages 和和mediamedia 的子目錄用以放置此欄目專有的圖的子目錄用以放置此欄目專有的圖片和多媒

43、體文件，如果這個(gè)欄目的內(nèi)容特別多，又分片和多媒體文件，如果這個(gè)欄目的內(nèi)容特別多，又分出很多下級(jí)欄目，可以相應(yīng)的再開設(shè)其他目錄。出很多下級(jí)欄目，可以相應(yīng)的再開設(shè)其他目錄。 按欄目內(nèi)容建立子目錄。按欄目內(nèi)容建立子目錄。目錄的層次不要太深。目錄的層次不要太深。n目錄、文件的名稱全部用小寫英文字母、數(shù)字、下劃目錄、文件的名稱全部用小寫英文字母、數(shù)字、下劃線的組合，其中不得包含漢字、空格和特殊字符；目線的組合，其中不得包含漢字、空格和特殊字符；目錄的命名請(qǐng)盡量以英文為指導(dǎo)，不到萬不得已不要以錄的命名請(qǐng)盡量以英文為指導(dǎo)，不到萬不得已不要以拼音作為目錄名稱拼音作為目錄名稱. . n關(guān)于鏈接結(jié)構(gòu)的設(shè)計(jì)關(guān)于鏈接

44、結(jié)構(gòu)的設(shè)計(jì)，在實(shí)際的網(wǎng)頁制作中是非，在實(shí)際的網(wǎng)頁制作中是非常重要一環(huán)。采用什么樣的鏈接結(jié)構(gòu)直接影響到常重要一環(huán)。采用什么樣的鏈接結(jié)構(gòu)直接影響到版面的布局。例如你的主菜單放在什么位置，是版面的布局。例如你的主菜單放在什么位置，是否每頁都需要放置，是否需要加入返回首頁的鏈否每頁都需要放置，是否需要加入返回首頁的鏈接。在連接結(jié)構(gòu)確定后，再開始考慮鏈接的效果接。在連接結(jié)構(gòu)確定后，再開始考慮鏈接的效果和形式，是采用下拉表單，還是動(dòng)態(tài)菜單等等。和形式，是采用下拉表單，還是動(dòng)態(tài)菜單等等。 鏈鏈 接接 結(jié)結(jié) 構(gòu)構(gòu)圖片的命名原則圖片的命名原則 n圖片的命名原則遵循以下幾條規(guī)范圖片的命名原則遵循以下幾條規(guī)范：名稱分為頭尾兩兩部分，用下劃線隔開。名稱分為頭尾兩兩部分，用下劃線隔開。頭部分表示此圖片的大類性質(zhì)，例如廣告、標(biāo)志、頭