1、網(wǎng)站建設(shè)基礎(chǔ)知識(shí)及專業(yè)術(shù)語在做網(wǎng)站的時(shí)候，許多客戶要求我們介紹一下網(wǎng)站建設(shè)相關(guān)方面的知識(shí)。今天，為大家介紹一下一點(diǎn)基礎(chǔ)知識(shí)。這樣在制作網(wǎng)站時(shí)可以事半功倍，制作出令人滿意的網(wǎng)站。首先將介紹網(wǎng)頁基本知識(shí)、網(wǎng)頁的基本構(gòu)成元素、如何設(shè)計(jì)網(wǎng)頁，接著介紹網(wǎng)頁設(shè)計(jì)的常用軟件 Dreamweaver 、Flash和 Photoshop，最后介紹動(dòng)態(tài)網(wǎng)站技術(shù)，如網(wǎng)頁標(biāo)記語言 HTML、網(wǎng)頁腳本語言 javascript和動(dòng)態(tài)網(wǎng)頁編程語言，為后面設(shè)計(jì)和創(chuàng)建完整的網(wǎng)站打下良好的基礎(chǔ)。一 網(wǎng)頁基本知識(shí)1什么是InternetInternet是一個(gè)全球墟履計(jì)算機(jī)互聯(lián)網(wǎng)駱，中文名稱為國際互聯(lián)網(wǎng)或因特網(wǎng)，它集現(xiàn)代通信技術(shù)和

2、現(xiàn)代計(jì)算機(jī)技術(shù)于一體，是計(jì)算機(jī)之間進(jìn)行國際信息交流和實(shí)現(xiàn)資源共享的良好手段。Internet將各種各樣的物理網(wǎng)駱聯(lián)接起來，構(gòu)成一個(gè)整體，而不論這些網(wǎng)駱類型的異同、規(guī)模的大小和地理位置的差異。 Internet是全球最大的信息資源庫，幾乎包括了人們生活的方方面面，如教育、科研、商業(yè)、工業(yè)、出版、文化藝術(shù)、通信、廣播電視、娛樂等。經(jīng)過多年的發(fā)展，互聯(lián)網(wǎng)已經(jīng)在社會(huì)的各個(gè)方面為全人類提供便利。電子郵件、即時(shí)消息、視頻會(huì)議、網(wǎng)駱日志、網(wǎng)上購物等已經(jīng)成為越來越多人的一種生活方式。2什么是網(wǎng)站網(wǎng)站是因特網(wǎng)上的一個(gè)信息集中點(diǎn)，可以通過域名進(jìn)行訪問。網(wǎng)站要存儲(chǔ)在獨(dú)立服務(wù)器或者服務(wù)器的虛擬主機(jī)上才能按受訪問。網(wǎng)站

3、是有獨(dú)立域名和獨(dú)立存放空間的內(nèi)容集合，這些內(nèi)容可能是網(wǎng)頁，也可能是程序或其他文件。網(wǎng)站不一定要有很多網(wǎng)頁，只要有獨(dú)立域名和空間，哪怕只有一個(gè)頁面也叫網(wǎng)站。3什么是Web服務(wù)器Web服務(wù)器就是在Web站點(diǎn)上運(yùn)行的應(yīng)用程序，用戶只有把設(shè)計(jì)好的網(wǎng)頁放到Web服務(wù)器上才能被其他用戶瀏覽。Web服務(wù)器主要負(fù)責(zé)處理瀏覽器的請(qǐng)求。當(dāng)用戶使用瀏覽器請(qǐng)求讀取 Web站點(diǎn)上的內(nèi)容時(shí)，瀏覽器會(huì)建立一個(gè) Web鏈接，服務(wù)器接受鏈接，向?yàn)g覽器發(fā)送所要求的文件內(nèi)容，然后斷開鏈接。4什么是靜態(tài)網(wǎng)頁網(wǎng)頁又稱 HTML文件，是一種可以在WWW上傳輸、能被瀏覽器認(rèn)識(shí)和翻譯成頁面并顯示出來的文件。 靜態(tài)網(wǎng)頁是網(wǎng)站建設(shè)初期經(jīng)常采用的

4、一種形式。網(wǎng)站建設(shè)者把內(nèi)容設(shè)計(jì)成靜態(tài)網(wǎng)頁，訪問者只能被動(dòng)地瀏覽網(wǎng)站建設(shè)者提供的網(wǎng)頁內(nèi)容，其特點(diǎn)如下：a、網(wǎng)頁內(nèi)容不會(huì)發(fā)生變化，除非網(wǎng)頁設(shè)計(jì)者修改了網(wǎng)頁的空容；b、不能實(shí)現(xiàn)和瀏覽網(wǎng)頁的用戶之間的交互，信息流向是單向的，即從服務(wù)器到瀏覽器。服務(wù)器不能根據(jù)用戶的選擇調(diào)整返回給用戶的內(nèi)容。靜態(tài)網(wǎng)頁的瀏覽過程。5什么是動(dòng)態(tài)網(wǎng)頁所謂動(dòng)態(tài)網(wǎng)頁是指網(wǎng)頁文件里包含了程序代碼，通過后臺(tái)數(shù)據(jù)庫與Web服務(wù)器的信息交互，由后臺(tái)數(shù)據(jù)庫提供實(shí)時(shí)數(shù)據(jù)更新和數(shù)據(jù)查詢服務(wù)。這種網(wǎng)頁的后綴名稱一般根據(jù)不同的程序設(shè)計(jì)語言不同，如常見的有.asp、.jsp、.php、.perl、.cgi等形式為后綴。動(dòng)態(tài)網(wǎng)頁能夠根據(jù)不同時(shí)間和不同訪

5、問者而顯示不同內(nèi)容。如常見的BBS、留言板和購物系統(tǒng)通常用動(dòng)態(tài)網(wǎng)頁實(shí)現(xiàn)。 動(dòng)態(tài)網(wǎng)頁的制作比較復(fù)雜，需要用到ASP、PHP、ISP和ASP.NET等專門的動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)語言。動(dòng)態(tài)網(wǎng)頁瀏覽過程。二網(wǎng)頁的基本構(gòu)成元素1網(wǎng)站Logo網(wǎng)站Logo也稱為網(wǎng)站標(biāo)志，網(wǎng)站標(biāo)志是一個(gè)站點(diǎn)的象征，也是一個(gè)站點(diǎn)是否正規(guī)的標(biāo)志之一。網(wǎng)站的標(biāo)志應(yīng)體現(xiàn)該網(wǎng)站的特色、內(nèi)容及其內(nèi)在的文化內(nèi)涵和理念。成功的網(wǎng)站標(biāo)志有著獨(dú)特的形象標(biāo)識(shí)，在網(wǎng)站的推廣和宣傳中將起到事半功倍的效果。網(wǎng)站標(biāo)志一般放在網(wǎng)站的左上角，訪問者一眼就能看到它。網(wǎng)站標(biāo)志通常有3種尺寸：8831像素、12060像素和1209像素。標(biāo)志的設(shè)計(jì)創(chuàng)意來自網(wǎng)站的名稱和內(nèi)容，

6、大致分以下3個(gè)方面：a、網(wǎng)站有代表墟履人物、動(dòng)物、花草，可以用它們作為設(shè)計(jì)的藍(lán)本，加以卡通化的藝術(shù)化。b、對(duì)于一些專業(yè)性網(wǎng)站，可以用本專業(yè)有代表墟履物品作為標(biāo)志，如中國銀行的銅板標(biāo)志、奔馳氣車的方向盤標(biāo)志。c、最常用和最簡單的方式是用自己網(wǎng)站的英文名稱做標(biāo)志。采用不同的字體、字符的變形、字符的組合可以很容易地制作出自己的標(biāo)志。2網(wǎng)站的Banner網(wǎng)站Banner即橫幅廣告，是互聯(lián)網(wǎng)廣告中最基本的廣告形成。Banner可以位于網(wǎng)頁頂部、中部或底部任意一處，一般橫向貫穿整個(gè)或者大半個(gè)頁面。網(wǎng)站Banner常見的尺寸是48060像素或23330像素，它使用GIF格式的圖像文件，既可以使用靜態(tài)圖形，也

7、可以使用動(dòng)畫圖像。除普通GIF格式外，采用Flash能賦予Banner更強(qiáng)的表現(xiàn)力和交互內(nèi)容。網(wǎng)站Banner首先要美觀，這個(gè)小的區(qū)域如果設(shè)計(jì)得非常漂亮，讓人看上去很舒服，那么即使Banner不是瀏覽者所要看的內(nèi)容，或者是一些他們可看可不看的東西，他們也會(huì)很有興趣地去看看，點(diǎn)擊就是順理成章的事情了。網(wǎng)站Banner還要與整個(gè)網(wǎng)頁協(xié)調(diào)，同時(shí)又要突出、醒目，用色要同頁面的主色相搭配，如主色是淺黃，廣告條的用色就可以用一些淺的其他顏色，切忌用一些對(duì)比色。3導(dǎo)航欄導(dǎo)航欄是網(wǎng)頁的重要組成元素，它的任務(wù)是幫助瀏覽者在站點(diǎn)內(nèi)快速查找信息。好的導(dǎo)航系統(tǒng)應(yīng)該能引導(dǎo)瀏覽者瀏覽網(wǎng)頁而不迷失方向。導(dǎo)航欄的形式多樣，可

8、以是簡單的文字鏈接，也可以是設(shè)計(jì)精美的圖片或是豐富多彩的按鈕，還可以是下砬菜單導(dǎo)航。 一般來說，網(wǎng)站中的導(dǎo)航位置在各個(gè)頁面中出現(xiàn)的位置是比較固定的，而且風(fēng)格也較為一致。導(dǎo)航的位置一般有4種：在頁面的左側(cè)、右側(cè)、頂部和底部。有時(shí)候在同一個(gè)頁面中運(yùn)用了多種導(dǎo)航。當(dāng)然并不是導(dǎo)航在頁面中出現(xiàn)的次數(shù)越多越好，而是要合理地運(yùn)用，達(dá)到頁面總體的協(xié)調(diào)一致。4文本網(wǎng)頁內(nèi)容是網(wǎng)站的靈魂，而文本又是網(wǎng)頁內(nèi)容最主要的表現(xiàn)形式，無論制作網(wǎng)頁的目的是什么，文本都是網(wǎng)頁中的最基本和必不可少的元素。與圖像相比，文字雖然不如圖像那樣易于吸引瀏覽者的注意，但卻能準(zhǔn)確地表達(dá)信息的內(nèi)容和含義。 一個(gè)內(nèi)容充實(shí)的網(wǎng)站必然會(huì)使用大量的文本

9、。良好的文本格式可以創(chuàng)建出別具特色的網(wǎng)頁，激發(fā)讀者的興趣。為了克服文字固有的缺點(diǎn)，人們賦予了文本更多的屬性，如字體、字號(hào)、顏色等，通過不同格式的區(qū)別，突出顯示重要的內(nèi)容。此外，還可以在網(wǎng)頁中設(shè)置各種各樣的文字列表來明確表達(dá)一系列的項(xiàng)目。這些功能給網(wǎng)頁中的文本增加了新的生命力。5圖像圖像在網(wǎng)頁中具有提供信息、展示形象、裝飾網(wǎng)頁、表達(dá)個(gè)人情趣和風(fēng)格的作用。圖像是文本的說明和解釋，在網(wǎng)頁適當(dāng)位置放置一些圖像，不僅可以使文本清晰易讀，而且使得網(wǎng)頁更加有吸引力?，F(xiàn)在幾乎所有的網(wǎng)站都使用圖像來增加網(wǎng)頁的吸引力?？梢栽诰W(wǎng)頁中使用GIF、JPEG和PNG等多種圖像格式，其中使用得最廣泛的是GIF和JPEG兩種

10、格式。6Flash動(dòng)畫Flash動(dòng)畫具有簡單易學(xué)、靈活多變的特點(diǎn)，所以受到很多網(wǎng)頁制作人員的喜愛。它可以生成亮麗奪目的圖形界面，而文件的體積一般只有550KB。隨著Actionscript動(dòng)態(tài)腳本編程語焰履發(fā)展，F(xiàn)lash已經(jīng)不再局限于制作簡單的交互動(dòng)畫程序，通過復(fù)雜的動(dòng)態(tài)腳本編程可以制作出各種各樣有趣、精彩的Flash動(dòng)畫。由于Flash動(dòng)畫具有很強(qiáng)的視覺沖擊力和聽覺沖擊力，因此一些公司網(wǎng)站往往會(huì)采用Flash制作相關(guān)的頁面，借助Flash的精彩效果吸引客戶的注意力，從而達(dá)到比以往靜態(tài)頁面更好的宣傳效果。三如何設(shè)計(jì)網(wǎng)頁網(wǎng)頁設(shè)計(jì)是指對(duì)網(wǎng)站整體頁面的設(shè)計(jì)，包括頁面的風(fēng)格、配色、布局和內(nèi)容等。好的

11、網(wǎng)頁設(shè)計(jì)，不僅能增加網(wǎng)站的實(shí)用性，也可為訪問者留下深刻的印象，有助于提高網(wǎng)站的訪問量。1網(wǎng)頁設(shè)計(jì)的任務(wù)網(wǎng)頁設(shè)計(jì)的任務(wù)，是指設(shè)計(jì)者要表現(xiàn)的主題和實(shí)現(xiàn)的功能。網(wǎng)站的性質(zhì)不同，設(shè)計(jì)的任務(wù)也不同。從形式上，可以將網(wǎng)站分為以下3類。a、資訊門戶類站點(diǎn)，像新浪、搜狐等門戶網(wǎng)站。這類站點(diǎn)將為訪問者提供大量的信息，而且訪問量較大。因此需注意頁面的分割、結(jié)構(gòu)的合理、頁面的優(yōu)化和界面的友好等問題。b、資訊和形象相結(jié)合的網(wǎng)站，像一些較大的公司、政務(wù)網(wǎng)站等。這類網(wǎng)站在設(shè)計(jì)上要求較高，既要保證資訊類網(wǎng)站的上述要求，同時(shí)又要突出企業(yè)、單位的形象。c、形象類網(wǎng)站，如一些中小型的企業(yè)網(wǎng)站。這類網(wǎng)站一般較小，有的只有幾頁，需要

12、實(shí)現(xiàn)的功能也較為簡單，網(wǎng)頁設(shè)計(jì)的主要任務(wù)是突出企業(yè)形象。這類網(wǎng)站對(duì)設(shè)計(jì)者的美工水平要求較高。2網(wǎng)頁設(shè)計(jì)的實(shí)現(xiàn)網(wǎng)頁設(shè)計(jì)網(wǎng)頁設(shè)計(jì)的實(shí)現(xiàn)可以分為兩個(gè)部分：第一部分為站點(diǎn)的規(guī)劃及草圖的繪制，這一部分可以在紙上完成;第二部分分為網(wǎng)頁的設(shè)計(jì)與制作這一過程是在計(jì)算機(jī)上完成的。設(shè)計(jì)網(wǎng)頁的第一步是設(shè)計(jì)版面布局?？梢詫⒕W(wǎng)頁看作傳統(tǒng)的報(bào)刊雜志來編輯，這里面有文字、圖像及動(dòng)畫，要以最適合的方式將圖片和文字排放在頁面的不同位置。常用的網(wǎng)頁設(shè)計(jì)軟件有Dreamweaver、Fireworks、Flash及Photoshop，這些都是很不錯(cuò)的軟件。3網(wǎng)頁設(shè)計(jì)的基本原則網(wǎng)頁設(shè)計(jì)是有原則的，網(wǎng)頁設(shè)計(jì)遵循統(tǒng)一、連貫、分割、對(duì)比及

13、和諧的原則。統(tǒng)一，是指網(wǎng)頁的整體性和一致性。網(wǎng)頁的整體效果是至關(guān)重要的，網(wǎng)頁中各個(gè)版塊的設(shè)計(jì)風(fēng)格要協(xié)調(diào)一致。連貫，是指要注意頁面的相互關(guān)系。設(shè)計(jì)中應(yīng)利用各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn)形式上的相互呼應(yīng)，并注意整個(gè)頁面設(shè)計(jì)風(fēng)格的一致性，實(shí)現(xiàn)視覺上和心理上的連貫，使整個(gè)頁面設(shè)計(jì)的各個(gè)部分極為融洽。分割，是指將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使瀏覽者一目了然。在信息量很多時(shí)為使瀏覽者能夠看清楚，就要注意到將畫面進(jìn)行有效的分割。對(duì)比就是通過矛盾和沖突，使設(shè)計(jì)更加富有生氣。對(duì)比手法很多，如多與少、曲與直、強(qiáng)與弱、長與短、主與次、黑與白、動(dòng)與靜、美與丑等。在使用對(duì)比的時(shí)候應(yīng)慎重，對(duì)比過

14、強(qiáng)容易破壞美感，影響統(tǒng)一。和諧是指整個(gè)頁面符合美的規(guī)則，渾然一體。網(wǎng)頁不是色彩、形狀、線條等的隨意混合，而是由它們有機(jī)組合而成的和諧統(tǒng)一體。四常用網(wǎng)頁設(shè)計(jì)軟件1網(wǎng)頁圖像設(shè)計(jì)軟件Photoshop2網(wǎng)頁動(dòng)畫制作軟件Flash3網(wǎng)頁編輯排版軟件Dreamweaver五動(dòng)態(tài)網(wǎng)站技術(shù)1網(wǎng)頁標(biāo)記語言HTMLHTML不是一種編程語言，而是一種描述墟履標(biāo)記語言，用于描述超文本中內(nèi)容的顯示方式。如文字以什么顏色和大小來顯示等，這些都是利用HTML標(biāo)記完成的，其最基本的語法在內(nèi)容標(biāo)記符。標(biāo)記符通常都是成對(duì)使用，有一個(gè)開頭標(biāo)記和一個(gè)結(jié)束標(biāo)記。結(jié)束標(biāo)記只是在開頭標(biāo)記的前面加一個(gè)斜杠/。當(dāng)瀏覽器收到HTML文件后，就

15、會(huì)解釋里面的標(biāo)記符，然后把標(biāo)記符相對(duì)應(yīng)的功能表達(dá)出來。2網(wǎng)頁腳本語言javascriptjavascript是網(wǎng)頁腳本語言，利用javascript可以輕易地制作出隨鼠標(biāo)飛翔的文字特效、探照燈效果、漂浮廣告效果、跑馬燈及顯示瀏覽器停留的時(shí)間效果。這些特殊效果可以大大提高網(wǎng)頁的互動(dòng)性，以吸引更多的人訪問網(wǎng)頁。3動(dòng)態(tài)網(wǎng)頁編程語言動(dòng)態(tài)網(wǎng)頁就是網(wǎng)頁內(nèi)含有程序代碼。運(yùn)行于服務(wù)器端的程序、網(wǎng)頁和組件等都屬于動(dòng)態(tài)網(wǎng)頁，它們會(huì)隨不同客戶、不同時(shí)間及不同需求而返回不同的內(nèi)容。動(dòng)態(tài)網(wǎng)頁以.asp、.jsp、.php、.perl、.cgi等形式為后綴。動(dòng)態(tài)網(wǎng)頁主要有以下的特點(diǎn)：動(dòng)態(tài)網(wǎng)頁以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，可以大大降

16、低網(wǎng)站維護(hù)的工作量。采用動(dòng)態(tài)網(wǎng)頁技術(shù)的網(wǎng)站可以實(shí)現(xiàn)更多的功能，如用戶注冊(cè)、用戶登錄、搜索查詢、用戶管理、訂單管理等；新聞發(fā)布系統(tǒng)的登錄頁面，輸入用戶名和秘碼后就可以查看新聞內(nèi)容。動(dòng)態(tài)網(wǎng)頁實(shí)際上并不是獨(dú)立存在于服務(wù)器上的網(wǎng)頁文件，只有當(dāng)用戶請(qǐng)求時(shí)服務(wù)器才返回一個(gè)完整的網(wǎng)頁；動(dòng)態(tài)網(wǎng)頁中的？對(duì)搜索引擎檢索存在一定的問題，搜索引擎一般不可能從一個(gè)網(wǎng)站的數(shù)據(jù)庫中訪問全部網(wǎng)頁，因此采用動(dòng)態(tài)網(wǎng)頁的網(wǎng)站在進(jìn)行搜索引擎推廣時(shí)需要做一定的技術(shù)處理才能適應(yīng)搜索引擎的要求。網(wǎng)站建設(shè)規(guī)范和基本流程為了讓網(wǎng)站開發(fā)能有效地進(jìn)行，開發(fā)人員都必須遵循網(wǎng)站的開發(fā)流程。一網(wǎng)站建設(shè)規(guī)范任何一個(gè)網(wǎng)站在開發(fā)之前都需要定制一個(gè)開發(fā)約定和規(guī)

17、則，這樣有利于項(xiàng)目的整體風(fēng)格統(tǒng)一、代碼維護(hù)和發(fā)展。由于網(wǎng)站項(xiàng)目開發(fā)的分散性、獨(dú)立性、整合的交互墟氯，因此定制一套完整的約定和規(guī)則湘旅尤為重要。這些規(guī)則和約定需要與開發(fā)人員、設(shè)計(jì)人員和維護(hù)人員共同討論定制，將來網(wǎng)站嚴(yán)格按規(guī)則或約定進(jìn)行開發(fā)。1開發(fā)團(tuán)隊(duì)規(guī)范在確定網(wǎng)站項(xiàng)目后的第一件事就是組建開發(fā)團(tuán)隊(duì)，根據(jù)項(xiàng)目的大小，團(tuán)隊(duì)可以有幾十人，也可以是只有幾個(gè)人的小團(tuán)隊(duì)，在團(tuán)隊(duì)劃分中必須含有6個(gè)角色，這6個(gè)角色分別是項(xiàng)目經(jīng)理、策劃、美工、程序員、代碼整合員和測試員。 項(xiàng)目經(jīng)理負(fù)責(zé)項(xiàng)目的總體設(shè)計(jì)、開發(fā)進(jìn)度的定制和監(jiān)控，相應(yīng)的開發(fā)規(guī)范的定制和各個(gè)環(huán)節(jié)的評(píng)審工作以及協(xié)調(diào)各個(gè)成員小組之間的開發(fā)。策劃提供詳細(xì)的策劃方案

18、和需求分析，還負(fù)責(zé)后期網(wǎng)站推廣方面的策劃。美工根據(jù)策劃和需求設(shè)計(jì)網(wǎng)站VI、界面、Logo等。程序員根據(jù)項(xiàng)目總體設(shè)計(jì)來完成數(shù)據(jù)庫和功能模塊的實(shí)現(xiàn)。代碼整合員負(fù)責(zé)將程序員的代碼和界面融合到一起，還可以制作網(wǎng)站的相關(guān)頁面。測試員負(fù)責(zé)測試程序。2開發(fā)工具規(guī)范網(wǎng)站開發(fā)工具主要分為兩部分，第一部分是網(wǎng)站前臺(tái)開發(fā)工具，第二部分是網(wǎng)站后臺(tái)開發(fā)工具。下面分別簡單介紹這兩部分需要使用的軟件。網(wǎng)站前臺(tái)開發(fā)主要是指網(wǎng)站頁面的設(shè)計(jì)，包括網(wǎng)站整體框架建立、常用圖像和Flash動(dòng)畫的設(shè)計(jì)等，主要使用的軟件是Photoshop、Dreamweaver和Flash等。3超鏈接規(guī)范在網(wǎng)頁中的鏈接按照鏈接路徑的不同可以分為3種形式

19、：絕對(duì)路徑、相對(duì)路徑和根目錄相對(duì)路徑。小網(wǎng)站由于層次簡單，文件夾結(jié)構(gòu)一般不超過3層，而且網(wǎng)站內(nèi)容和結(jié)構(gòu)的改動(dòng)不大，所以使用相對(duì)路徑是完全可以勝任的。當(dāng)網(wǎng)站的規(guī)模大一些的時(shí)候，由于文件夾的結(jié)構(gòu)越來越復(fù)雜，且基于模板的設(shè)計(jì)方法被廣泛使用，使用相對(duì)路徑會(huì)出現(xiàn)如超鏈接代碼過長、模板中的超鏈接在不同的文件夾結(jié)構(gòu)層次中無法直接使用等問題。此時(shí)使用根目錄相對(duì)路徑是理想的選擇，它可以使超鏈接的指向變得絕對(duì)化，無論在網(wǎng)站的哪一級(jí)文件夾中，根目錄相對(duì)路徑都能夠準(zhǔn)確指向。當(dāng)網(wǎng)站規(guī)模再度增長，發(fā)展成為擁有一系列子網(wǎng)站的網(wǎng)站群時(shí)，各個(gè)子網(wǎng)站之間的超鏈接就不得不采用絕對(duì)路徑。為了方便網(wǎng)站群中的各個(gè)子網(wǎng)站共享，過去在單域名

20、網(wǎng)站中以文件夾方式存放的各種公共設(shè)計(jì)資源，最好采用獨(dú)立資源網(wǎng)站的形式進(jìn)行存放，各子網(wǎng)站可以使用絕對(duì)路徑對(duì)其進(jìn)行調(diào)用。網(wǎng)站的超鏈接設(shè)計(jì)是一個(gè)很老的話題，而且也非常重要。設(shè)計(jì)和應(yīng)用超鏈接確實(shí)是一項(xiàng)對(duì)設(shè)計(jì)人員的規(guī)劃能力要求非常高的工作，而且這些規(guī)劃能力多數(shù)是靠經(jīng)驗(yàn)積累來獲得的，所疫篇善于和勤于總結(jié)。4文件夾和文件夾命名規(guī)范文件夾命名一般采用英文，長度一般不超過20個(gè)字符，命名采用小寫字母。文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃結(jié)的組合。命名原則的指導(dǎo)思想一是使得工作組的每一個(gè)成員能夠方便地理解每一個(gè)文件的意義，二是當(dāng)在文件夾中使用按名稱排列命令時(shí)，同一種大類的文件能夠排列在一起，以便進(jìn)行查找、修改

21、和替換等操作。5代碼設(shè)計(jì)規(guī)范一個(gè)良好的程序編碼風(fēng)格有利于系統(tǒng)的維護(hù)，代碼也易于閱讀查錯(cuò)。在編寫代碼時(shí)應(yīng)注意以下規(guī)范。a 大小寫規(guī)范b 字體和格式規(guī)范c 注釋規(guī)范二網(wǎng)站建設(shè)的基本流程創(chuàng)建網(wǎng)站是一個(gè)系統(tǒng)工程，有一定的工作流程，只有遵循這個(gè)步驟，按部就班，才能設(shè)計(jì)出滿意的網(wǎng)站。因此在制作網(wǎng)站前，先要了解網(wǎng)站建設(shè)的基本流程，這樣才能制作出更好、更合理的網(wǎng)站。1網(wǎng)站的需求分析網(wǎng)站的設(shè)計(jì)是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)駱履重要途徑，因此必須明確設(shè)計(jì)網(wǎng)站的目的和用戶需求，從而做出切實(shí)可行的設(shè)計(jì)計(jì)劃。要根據(jù)消費(fèi)者的需求、市場的狀況、企業(yè)自身的情況等進(jìn)行綜合分析，牢記以消費(fèi)者為中心，而不是以美術(shù)為

22、中心進(jìn)行設(shè)計(jì)規(guī)劃。在設(shè)計(jì)規(guī)劃之初要考慮以下內(nèi)容：建設(shè)網(wǎng)站的目的是什么？為誰提供服務(wù)和產(chǎn)品？企業(yè)能提供什么樣的產(chǎn)品和服務(wù)？企業(yè)產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式？2網(wǎng)站整體規(guī)劃規(guī)劃一個(gè)網(wǎng)站，可以用樹狀結(jié)構(gòu)先把每個(gè)頁面的內(nèi)容大綱列出來。尤其當(dāng)要制作一個(gè)大型網(wǎng)站的時(shí)候，更需要把整體架構(gòu)規(guī)劃好，同時(shí)要考慮到以后的擴(kuò)充性，避免以后要對(duì)整個(gè)網(wǎng)站的結(jié)構(gòu)進(jìn)行更改。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色的搭配、版面布局、文字圖片的運(yùn)用等，只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時(shí)胸有成竹。也只有如此，制作出來的網(wǎng)頁才能有個(gè)性、有特色、具有吸引力。3確定網(wǎng)站整體風(fēng)格網(wǎng)站風(fēng)格設(shè)計(jì)包

23、括網(wǎng)站的整體色彩、網(wǎng)頁的結(jié)構(gòu)、文本的字體和大小、背景的使用等，這些沒有一定的規(guī)則，需要設(shè)計(jì)者通過各種分析決定。網(wǎng)頁設(shè)計(jì)一般要與企業(yè)整體形象一致，要符合企業(yè)CI規(guī)范。注意網(wǎng)頁色彩、圖片的應(yīng)用及版面策劃，保持網(wǎng)頁的整體一致性。一般來說，適合于網(wǎng)頁標(biāo)準(zhǔn)色的顏色有3大系：藍(lán)色、黃/橙色、黑/灰/白色。不同的色彩搭配會(huì)產(chǎn)生不同的效果，并可能影響訪問者的情緒。在站點(diǎn)整體色彩上，要結(jié)合站點(diǎn)目標(biāo)來確定。如果是政府網(wǎng)站，就要在大方、莊重、美觀、嚴(yán)謹(jǐn)上多下功夫，切不可花哨；如果是個(gè)人網(wǎng)站，風(fēng)可以采用較鮮明的顏色，設(shè)計(jì)要簡單而有個(gè)性。4收集資源網(wǎng)站的主題內(nèi)容是文本、圖像和多媒體等，它們構(gòu)成了網(wǎng)站的靈魂，否則再好的結(jié)

24、構(gòu)設(shè)計(jì)都不能達(dá)到網(wǎng)站設(shè)計(jì)的初衷，也不能吸引瀏覽者。在對(duì)網(wǎng)站進(jìn)行結(jié)構(gòu)設(shè)計(jì)之后，需要對(duì)每個(gè)網(wǎng)頁的內(nèi)容進(jìn)行一個(gè)大致的構(gòu)思，如哪些網(wǎng)頁需要使用模板，哪些網(wǎng)頁需要使用特殊設(shè)計(jì)的圖像，哪些網(wǎng)頁需要使用較多的動(dòng)態(tài)效果，如何設(shè)計(jì)菜單，采用什么樣式的鏈接，網(wǎng)頁采用什么顏色和風(fēng)格，等等，這些都對(duì)資源收集具有指導(dǎo)性作用。重要的文本：如企業(yè)簡介文本，不能臨時(shí)書寫，要得體、簡明，一般使用企業(yè)內(nèi)部的宣傳文字。重要的圖像：如企業(yè)的標(biāo)志、網(wǎng)頁的背景圖像等，這些圖像對(duì)于瀏覽者的視覺影響很大，不能草率處理。庫文件：對(duì)于一些常用和重要的網(wǎng)頁對(duì)象，需要使用庫文件來進(jìn)行管理和使用，在設(shè)計(jì)網(wǎng)頁之前，可以先編輯這些庫文件備用。Flash等

25、多媒體元素：許多網(wǎng)站都越來越多地使用Flash等多媒體元素，這些多媒體元素在設(shè)計(jì)網(wǎng)頁之前就需要收集妥當(dāng)或者制作完成。5設(shè)計(jì)網(wǎng)頁圖像在確定好網(wǎng)站的風(fēng)格和搜集完資料后就需要設(shè)計(jì)網(wǎng)頁圖像了，網(wǎng)頁圖像設(shè)計(jì)包括網(wǎng)站Logo、網(wǎng)站字體、網(wǎng)站導(dǎo)航欄和網(wǎng)站首頁等的設(shè)計(jì)。可以使用Photoshop或Fireworks軟件來具體設(shè)計(jì)網(wǎng)站的圖像。有經(jīng)驗(yàn)的網(wǎng)頁設(shè)計(jì)者通常會(huì)在使用網(wǎng)頁制作工具制作網(wǎng)頁之前就設(shè)計(jì)好網(wǎng)頁的整體布局，這樣在具體設(shè)計(jì)過程將會(huì)胸有成竹，大大節(jié)省工作時(shí)間。設(shè)計(jì)網(wǎng)駱標(biāo)志。標(biāo)志可以是漢字、英文字母，也可以是符號(hào)、圖案等。標(biāo)志的設(shè)計(jì)創(chuàng)意應(yīng)當(dāng)來自網(wǎng)站的名稱和內(nèi)容。如網(wǎng)站內(nèi)有代表墟履人物、動(dòng)物、植物，可以用它

26、們作為設(shè)計(jì)的標(biāo)本，加以卡通化或藝術(shù)化；專業(yè)網(wǎng)站可疫圃本專業(yè)有代表的物品作為標(biāo)志。最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志，采用不同的字體、字母的變形、字母的組合可以很容易地制作出自己網(wǎng)站的英文名稱作標(biāo)志。用于標(biāo)志和導(dǎo)航欄的特有字體。一般網(wǎng)頁默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的與眾不同和特有風(fēng)格，可以根據(jù)需要選擇一些特別字體。設(shè)計(jì)首頁。首頁設(shè)計(jì)包括版面設(shè)計(jì)導(dǎo)航欄。在站點(diǎn)中導(dǎo)航欄也是一個(gè)重要的組成部分。在設(shè)計(jì)站點(diǎn)時(shí)，應(yīng)考慮到如何使瀏覽者能輕松地從網(wǎng)站的一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面。設(shè)計(jì)網(wǎng)站字體。標(biāo)準(zhǔn)字體是指、色彩、圖像、動(dòng)態(tài)效果、圖標(biāo)等風(fēng)格設(shè)計(jì)。6編輯制作網(wǎng)頁網(wǎng)頁設(shè)計(jì)是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小，先簡單后復(fù)雜的順序制作。所謂先大后小，就是在制作網(wǎng)頁時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡單后復(fù)雜，就是先設(shè)計(jì)出簡單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。 根據(jù)站點(diǎn)目標(biāo)和用戶對(duì)象去設(shè)計(jì)網(wǎng)頁的版式和安排網(wǎng)頁內(nèi)容。一般來說，至少應(yīng)該哆蘋些主要的頁面設(shè)計(jì)好布局，確定網(wǎng)頁的風(fēng)格。 在制作網(wǎng)頁時(shí)要靈活運(yùn)用模板和庫，這樣可以大大提高制作效率。如果很多網(wǎng)頁都使用相同的版面設(shè)計(jì)，就應(yīng)為這個(gè)版面設(shè)計(jì)一個(gè)模板，