網(wǎng)站建設(shè)基礎(chǔ)知識(shí)及專業(yè)術(shù)語

/網(wǎng)站建設(shè)基礎(chǔ)學(xué)問及專業(yè)術(shù)語在做網(wǎng)站的時(shí)候，許多客戶要求我們介紹一下網(wǎng)站建設(shè)相關(guān)方面的學(xué)問。今日，為大家介紹一下一點(diǎn)基礎(chǔ)學(xué)問。這樣在制作網(wǎng)站時(shí)可以事半功倍，制作出令人滿意的網(wǎng)站。首先將介紹網(wǎng)頁(yè)基本學(xué)問、網(wǎng)頁(yè)的基本構(gòu)成元素、如何設(shè)計(jì)網(wǎng)頁(yè)，接著介紹網(wǎng)頁(yè)設(shè)計(jì)的常用軟件Dreamweaver、Flash和Photoshop，最終介紹動(dòng)態(tài)網(wǎng)站技術(shù)，如網(wǎng)頁(yè)標(biāo)記語言HTML、網(wǎng)頁(yè)腳本語言javascript和動(dòng)態(tài)網(wǎng)頁(yè)編程語言，為后面設(shè)計(jì)和創(chuàng)建完整的網(wǎng)站打下良好的基礎(chǔ)。一．網(wǎng)頁(yè)基本學(xué)問1．什么是InternetInternet是一個(gè)全球墟履計(jì)算機(jī)互聯(lián)網(wǎng)駱，中文名稱為"國(guó)際互聯(lián)網(wǎng)"或"因特網(wǎng)"，它集現(xiàn)代通信技術(shù)和現(xiàn)代計(jì)算機(jī)技術(shù)于一體，是計(jì)算機(jī)之間進(jìn)行國(guó)際信息溝通和實(shí)現(xiàn)資源共享的良好手段。Internet將各種各樣的物理網(wǎng)駱聯(lián)接起來，構(gòu)成一個(gè)整體，而不論這些網(wǎng)駱類型的異同、規(guī)模的大小和地理位置的差異。Internet是全球最大的信息資源庫(kù)，幾乎包括了人們生活的方方面面，如教化、科研、商業(yè)、工業(yè)、出版、文化藝術(shù)、通信、廣播電視、消遣等。經(jīng)過多年的發(fā)展，互聯(lián)網(wǎng)已經(jīng)在社會(huì)的各個(gè)方面為全人類供應(yīng)便利。電子郵件、即時(shí)消息、視頻會(huì)議、網(wǎng)駱日志、網(wǎng)上購(gòu)物等已經(jīng)成為越來越多人的一種生活方式。2．什么是網(wǎng)站網(wǎng)站是因特網(wǎng)上的一個(gè)信息集中點(diǎn)，可以通過域名進(jìn)行訪問。網(wǎng)站要存儲(chǔ)在獨(dú)立服務(wù)器或者服務(wù)器的虛擬主機(jī)上才能按受訪問。網(wǎng)站是有獨(dú)立域名和獨(dú)立存放空間的內(nèi)容集合，這些內(nèi)容可能是網(wǎng)頁(yè)，也可能是程序或其他文件。網(wǎng)站不愿定要有許多網(wǎng)頁(yè)，只要有獨(dú)立域名和空間，哪怕只有一個(gè)頁(yè)面也叫網(wǎng)站。3．什么是Web服務(wù)器Web服務(wù)器就是在Web站點(diǎn)上運(yùn)行的應(yīng)用程序，用戶只有把設(shè)計(jì)好的網(wǎng)頁(yè)放到Web服務(wù)器上才能被其他用戶閱讀。Web服務(wù)器主要負(fù)責(zé)處理閱讀器的請(qǐng)求。當(dāng)用戶運(yùn)用閱讀器請(qǐng)求讀取Web站點(diǎn)上的內(nèi)容時(shí)，閱讀器會(huì)建立一個(gè)Web鏈接，服務(wù)器接受鏈接，向閱讀器發(fā)送所要求的文件內(nèi)容，然后斷開鏈接。4．什么是靜態(tài)網(wǎng)頁(yè)網(wǎng)頁(yè)又稱HTML文件，是一種可以在WWW上傳輸、能被閱讀器相識(shí)和翻譯成頁(yè)面并顯示出來的文件。靜態(tài)網(wǎng)頁(yè)是網(wǎng)站建設(shè)初期經(jīng)常接受的一種形式。網(wǎng)站建設(shè)者把內(nèi)容設(shè)計(jì)成靜態(tài)網(wǎng)頁(yè)，訪問者只能被動(dòng)地閱讀網(wǎng)站建設(shè)者供應(yīng)的網(wǎng)頁(yè)內(nèi)容，其特點(diǎn)如下：a、網(wǎng)頁(yè)內(nèi)容不會(huì)發(fā)生變更，除非網(wǎng)頁(yè)設(shè)計(jì)者修改了網(wǎng)頁(yè)的空容；b、不能實(shí)現(xiàn)和閱讀網(wǎng)頁(yè)的用戶之間的交互，信息流向是單向的，即從服務(wù)器到閱讀器。服務(wù)器不能依據(jù)用戶的選擇調(diào)整返回給用戶的內(nèi)容。靜態(tài)網(wǎng)頁(yè)的閱讀過程。5．什么是動(dòng)態(tài)網(wǎng)頁(yè)所謂動(dòng)態(tài)網(wǎng)頁(yè)是指網(wǎng)頁(yè)文件里包含了程序代碼，通過后臺(tái)數(shù)據(jù)庫(kù)和Web服務(wù)器的信息交互，由后臺(tái)數(shù)據(jù)庫(kù)供應(yīng)實(shí)時(shí)數(shù)據(jù)更新和數(shù)據(jù)查詢服務(wù)。這種網(wǎng)頁(yè)的后綴名稱一般依據(jù)不同的程序設(shè)計(jì)語言不同，如常見的有.asp、.jsp、.php、.perl、.cgi等形式為后綴。動(dòng)態(tài)網(wǎng)頁(yè)能夠依據(jù)不同時(shí)間和不同訪問者而顯示不同內(nèi)容。如常見的BBS、留言板和購(gòu)物系統(tǒng)通常用動(dòng)態(tài)網(wǎng)頁(yè)實(shí)現(xiàn)。動(dòng)態(tài)網(wǎng)頁(yè)的制作比較困難，須要用到ASP、PHP、ISP和ASP.NET等特地的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)語言。動(dòng)態(tài)網(wǎng)頁(yè)閱讀過程。二．網(wǎng)頁(yè)的基本構(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)站的推廣和宣揚(yáng)中將起到事半功倍的效果。網(wǎng)站標(biāo)記一般放在網(wǎng)站的左上角，訪問者一眼就能看到它。網(wǎng)站標(biāo)記通常有3種尺寸：88×31像素、120×60像素和120×9像素。標(biāo)記的設(shè)計(jì)創(chuàng)意來自網(wǎng)站的名稱和內(nèi)容，大致分以下3個(gè)方面：a、網(wǎng)站有代表墟履人物、動(dòng)物、花草，可以用它們作為設(shè)計(jì)的藍(lán)本，加以卡通化的藝術(shù)化。b、對(duì)于一些專業(yè)性網(wǎng)站，可以用本專業(yè)有代表墟履物品作為標(biāo)記，如中國(guó)銀行的銅板標(biāo)記、奔馳氣車的方向盤標(biāo)記。c、最常用和最簡(jiǎn)潔的方式是用自己網(wǎng)站的英文名稱做標(biāo)記。接受不同的字體、字符的變形、字符的組合可以很簡(jiǎn)潔地制作出自己的標(biāo)記。2．網(wǎng)站的Banner網(wǎng)站Banner即橫幅廣告，是互聯(lián)網(wǎng)廣告中最基本的廣告形成。Banner可以位于網(wǎng)頁(yè)頂部、中部或底部隨意一處，一般橫向貫穿整個(gè)或者大半個(gè)頁(yè)面。網(wǎng)站Banner常見的尺寸是480×60像素或233×30像素，它運(yùn)用GIF格式的圖像文件，既可以運(yùn)用靜態(tài)圖形，也可以運(yùn)用動(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)頁(yè)協(xié)調(diào)，同時(shí)又要突出、醒目，用色要同頁(yè)面的主色相搭配，如主色是淺黃，廣告條的用色就可以用一些淺的其他顏色，切忌用一些對(duì)比色。3．導(dǎo)航欄導(dǎo)航欄是網(wǎng)頁(yè)的重要組成元素，它的任務(wù)是幫助閱讀者在站點(diǎn)內(nèi)快速查找信息。好的導(dǎo)航系統(tǒng)應(yīng)當(dāng)能引導(dǎo)閱讀者閱讀網(wǎng)頁(yè)而不迷失方向。導(dǎo)航欄的形式多樣，可以是簡(jiǎn)潔的文字鏈接，也可以是設(shè)計(jì)精致的圖片或是豐富多彩的按鈕，還可以是下砬菜單導(dǎo)航。一般來說，網(wǎng)站中的導(dǎo)航位置在各個(gè)頁(yè)面中出現(xiàn)的位置是比較固定的，而且風(fēng)格也較為一樣。導(dǎo)航的位置一般有4種：在頁(yè)面的左側(cè)、右側(cè)、頂部和底部。有時(shí)候在同一個(gè)頁(yè)面中運(yùn)用了多種導(dǎo)航。當(dāng)然并不是導(dǎo)航在頁(yè)面中出現(xiàn)的次數(shù)越多越好，而是要合理地運(yùn)用，達(dá)到頁(yè)面總體的協(xié)調(diào)一樣。4．文本網(wǎng)頁(yè)內(nèi)容是網(wǎng)站的靈魂，而文本又是網(wǎng)頁(yè)內(nèi)容最主要的表現(xiàn)形式，無論制作網(wǎng)頁(yè)的目的是什么，文本都是網(wǎng)頁(yè)中的最基本和必不行少的元素。和圖像相比，文字雖然不如圖像那樣易于吸引閱讀者的留意，但卻能精確地表達(dá)信息的內(nèi)容和含義。一個(gè)內(nèi)容充溢的網(wǎng)站必定會(huì)運(yùn)用大量的文本。良好的文本格式可以創(chuàng)建出別具特色的網(wǎng)頁(yè)，激發(fā)讀者的愛好。為了克服文字固有的缺點(diǎn)，人們賜予了文本更多的屬性，如字體、字號(hào)、顏色等，通過不同格式的區(qū)分，突出顯示重要的內(nèi)容。此外，還可以在網(wǎng)頁(yè)中設(shè)置各種各樣的文字列表來明確表達(dá)一系列的項(xiàng)目。這些功能給網(wǎng)頁(yè)中的文本增加了新的生命力。5．圖像圖像在網(wǎng)頁(yè)中具有供應(yīng)信息、展示形象、裝飾網(wǎng)頁(yè)、表達(dá)個(gè)人情趣和風(fēng)格的作用。圖像是文本的說明和說明，在網(wǎng)頁(yè)適當(dāng)位置放置一些圖像，不僅可以使文本清楚易讀，而且使得網(wǎng)頁(yè)更加有吸引力。現(xiàn)在幾乎全部的網(wǎng)站都運(yùn)用圖像來增加網(wǎng)頁(yè)的吸引力。可以在網(wǎng)頁(yè)中運(yùn)用GIF、JPEG和PNG等多種圖像格式，其中運(yùn)用得最廣泛的是GIF和JPEG兩種格式。6．Flash動(dòng)畫Flash動(dòng)畫具有簡(jiǎn)潔易學(xué)、靈敏多變的特點(diǎn)，所以受到許多網(wǎng)頁(yè)制作人員的寵愛。它可以生成亮麗奪目的圖形界面，而文件的體積一般只有5~50KB。隨著Actionscript動(dòng)態(tài)腳本編程語焰履發(fā)展，F(xiàn)lash已經(jīng)不再局限于制作簡(jiǎn)潔的交互動(dòng)畫程序，通過困難的動(dòng)態(tài)腳本編程可以制作出各種各樣好玩、精彩的Flash動(dòng)畫。由于Flash動(dòng)畫具有很強(qiáng)的視覺沖擊力和聽覺沖擊力，因此一些公司網(wǎng)站往往會(huì)接受Flash制作相關(guān)的頁(yè)面，借助Flash的精彩效果吸引客戶的留意力，從而達(dá)到比以往靜態(tài)頁(yè)面更好的宣揚(yáng)效果。三．如何設(shè)計(jì)網(wǎng)頁(yè)網(wǎng)頁(yè)設(shè)計(jì)是指對(duì)網(wǎng)站整體頁(yè)面的設(shè)計(jì)，包括頁(yè)面的風(fēng)格、配色、布局和內(nèi)容等。好的網(wǎng)頁(yè)設(shè)計(jì)，不僅能增加網(wǎng)站的好用性，也可為訪問者留下深刻的印象，有助于提高網(wǎng)站的訪問量。1．網(wǎng)頁(yè)設(shè)計(jì)的任務(wù)網(wǎng)頁(yè)設(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)將為訪問者供應(yīng)大量的信息，而且訪問量較大。因此需留意頁(yè)面的分割、結(jié)構(gòu)的合理、頁(yè)面的優(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)站一般較小，有的只有幾頁(yè)，須要實(shí)現(xiàn)的功能也較為簡(jiǎn)潔，網(wǎng)頁(yè)設(shè)計(jì)的主要任務(wù)是突出企業(yè)形象。這類網(wǎng)站對(duì)設(shè)計(jì)者的美工水平要求較高。2．網(wǎng)頁(yè)設(shè)計(jì)的實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)的實(shí)現(xiàn)可以分為兩個(gè)部分：第一部分為站點(diǎn)的規(guī)劃及草圖的繪制，這一部分可以在紙上完成;其次部分分為網(wǎng)頁(yè)的設(shè)計(jì)和制作這一過程是在計(jì)算機(jī)上完成的。設(shè)計(jì)網(wǎng)頁(yè)的第一步是設(shè)計(jì)版面布局?？梢詫⒕W(wǎng)頁(yè)看作傳統(tǒng)的報(bào)刊雜志來編輯，這里面有文字、圖像及動(dòng)畫，要以最適合的方式將圖片和文字排放在頁(yè)面的不同位置。常用的網(wǎng)頁(yè)設(shè)計(jì)軟件有Dreamweaver、Fireworks、Flash及Photoshop，這些都是很不錯(cuò)的軟件。3．網(wǎng)頁(yè)設(shè)計(jì)的基本原則網(wǎng)頁(yè)設(shè)計(jì)是有原則的，網(wǎng)頁(yè)設(shè)計(jì)遵循統(tǒng)一、連貫、分割、對(duì)比及和諧的原則。統(tǒng)一，是指網(wǎng)頁(yè)的整體性和一樣性。網(wǎng)頁(yè)的整體效果是至關(guān)重要的，網(wǎng)頁(yè)中各個(gè)版塊的設(shè)計(jì)風(fēng)格要協(xié)調(diào)一樣。連貫，是指要留意頁(yè)面的相互關(guān)系。設(shè)計(jì)中應(yīng)利用各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn)形式上的相互呼應(yīng)，并留意整個(gè)頁(yè)面設(shè)計(jì)風(fēng)格的一樣性，實(shí)現(xiàn)視覺上和心理上的連貫，使整個(gè)頁(yè)面設(shè)計(jì)的各個(gè)部分極為融洽。分割，是指將頁(yè)面分成若干小塊，小塊之間有視覺上的不同，這樣可以使閱讀者一目了然。在信息量許多時(shí)為使閱讀者能夠看清楚，就要留意到將畫面進(jìn)行有效的分割。對(duì)比就是通過沖突和沖突，使設(shè)計(jì)更加富有生氣。對(duì)比手法許多，如多和少、曲和直、強(qiáng)和弱、長(zhǎng)和短、主和次、黑和白、動(dòng)和靜、美和丑等。在運(yùn)用對(duì)比的時(shí)候應(yīng)慎重，對(duì)比過強(qiáng)簡(jiǎn)潔破壞美感，影響統(tǒng)一。和諧是指整個(gè)頁(yè)面符合美的規(guī)則，渾然一體。網(wǎng)頁(yè)不是色調(diào)、形態(tài)、線條等的隨意混合，而是由它們有機(jī)組合而成的和諧統(tǒng)一體。四．常用網(wǎng)頁(yè)設(shè)計(jì)軟件1．網(wǎng)頁(yè)圖像設(shè)計(jì)軟件Photoshop2．網(wǎng)頁(yè)動(dòng)畫制作軟件Flash3．網(wǎng)頁(yè)編輯排版軟件Dreamweaver五．動(dòng)態(tài)網(wǎng)站技術(shù)1．網(wǎng)頁(yè)標(biāo)記語言HTMLHTML不是一種編程語言，而是一種描述墟履標(biāo)記語言，用于描述超文本中內(nèi)容的顯示方式。如文字以什么顏色和大小來顯示等，這些都是利用HTML標(biāo)記完成的，其最基本的語法在內(nèi)容標(biāo)記符>。標(biāo)記符通常都是成對(duì)運(yùn)用，有一個(gè)開頭標(biāo)記和一個(gè)結(jié)束標(biāo)記。結(jié)束標(biāo)記只是在開頭標(biāo)記的前面加一個(gè)斜杠"/"。當(dāng)閱讀器收到HTML文件后，就會(huì)說明里面的標(biāo)記符，然后把標(biāo)記符相對(duì)應(yīng)的功能表達(dá)出來。2．網(wǎng)頁(yè)腳本語言javascriptjavascript是網(wǎng)頁(yè)腳本語言，利用javascript可以輕易地制作出隨鼠標(biāo)翱翔的文字特效、探照燈效果、漂移廣告效果、跑馬燈及顯示閱讀器停留的時(shí)間效果。這些特殊效果可以大大提高網(wǎng)頁(yè)的互動(dòng)性，以吸引更多的人訪問網(wǎng)頁(yè)。3．動(dòng)態(tài)網(wǎng)頁(yè)編程語言動(dòng)態(tài)網(wǎng)頁(yè)就是網(wǎng)頁(yè)內(nèi)含有程序代碼。運(yùn)行于服務(wù)器端的程序、網(wǎng)頁(yè)和組件等都屬于動(dòng)態(tài)網(wǎng)頁(yè)，它們會(huì)隨不同客戶、不同時(shí)間及不同需求而返回不同的內(nèi)容。動(dòng)態(tài)網(wǎng)頁(yè)以.asp、.jsp、.php、.perl、.cgi等形式為后綴。動(dòng)態(tài)網(wǎng)頁(yè)主要有以下的特點(diǎn)：動(dòng)態(tài)網(wǎng)頁(yè)以數(shù)據(jù)庫(kù)技術(shù)為基礎(chǔ)，可以大大降低網(wǎng)站維護(hù)的工作量。接受動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的網(wǎng)站可以實(shí)現(xiàn)更多的功能，如用戶注冊(cè)、用戶登錄、搜尋查詢、用戶管理、訂單管理等；新聞發(fā)布系統(tǒng)的登錄頁(yè)面，輸入用戶名和秘碼后就可以查看新聞內(nèi)容。動(dòng)態(tài)網(wǎng)頁(yè)事實(shí)上并不是獨(dú)立存在于服務(wù)器上的網(wǎng)頁(yè)文件，只有當(dāng)用戶請(qǐng)求時(shí)服務(wù)器才返回一個(gè)完整的網(wǎng)頁(yè)；動(dòng)態(tài)網(wǎng)頁(yè)中的"？"對(duì)搜尋引擎檢索存在確定的問題，搜尋引擎一般不行能從一個(gè)網(wǎng)站的數(shù)據(jù)庫(kù)中訪問全部網(wǎng)頁(yè)，因此接受動(dòng)態(tài)網(wǎng)頁(yè)的網(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ī)則，這樣有利于項(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)理、策劃、美工、程序員、代碼整合員和測(cè)試員。項(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ā)。策劃供應(yīng)詳細(xì)的策劃方案和需求分析，還負(fù)責(zé)后期網(wǎng)站推廣方面的策劃。美工依據(jù)策劃和需求設(shè)計(jì)網(wǎng)站VI、界面、Logo等。程序員依據(jù)項(xiàng)目總體設(shè)計(jì)來完成數(shù)據(jù)庫(kù)和功能模塊的實(shí)現(xiàn)。代碼整合員負(fù)責(zé)將程序員的代碼和界面融合到一起，還可以制作網(wǎng)站的相關(guān)頁(yè)面。測(cè)試員負(fù)責(zé)測(cè)試程序。2．開發(fā)工具規(guī)范網(wǎng)站開發(fā)工具主要分為兩部分，第一部分是網(wǎng)站前臺(tái)開發(fā)工具，其次部分是網(wǎng)站后臺(tái)開發(fā)工具。下面分別簡(jiǎn)潔介紹這兩部分須要運(yùn)用的軟件。網(wǎng)站前臺(tái)開發(fā)主要是指網(wǎng)站頁(yè)面的設(shè)計(jì)，包括網(wǎng)站整體框架建立、常用圖像和Flash動(dòng)畫的設(shè)計(jì)等，主要運(yùn)用的軟件是Photoshop、Dreamweaver和Flash等。3．超鏈接規(guī)范在網(wǎng)頁(yè)中的鏈接依據(jù)鏈接路徑的不同可以分為3種形式："確定路徑"、"相對(duì)路徑"和"根書目相對(duì)路徑"。小網(wǎng)站由于層次簡(jiǎn)潔，文件夾結(jié)構(gòu)一般不超過3層，而且網(wǎng)站內(nèi)容和結(jié)構(gòu)的改動(dòng)不大，所以運(yùn)用"相對(duì)路徑"是完全可以勝任的。當(dāng)網(wǎng)站的規(guī)模大一些的時(shí)候，由于文件夾的結(jié)構(gòu)越來越困難，且基于模板的設(shè)計(jì)方法被廣泛運(yùn)用，運(yùn)用"相對(duì)路徑"會(huì)出現(xiàn)如"超鏈接代碼過長(zhǎng)"、"模板中的超鏈接在不同的文件夾結(jié)構(gòu)層次中無法干脆運(yùn)用"等問題。此時(shí)運(yùn)用"根書目相對(duì)路徑"是志向的選擇，它可以使超鏈接的指向變得確定化，無論在網(wǎng)站的哪一級(jí)文件夾中，"根書目相對(duì)路徑"都能夠精確指向。當(dāng)網(wǎng)站規(guī)模再度增長(zhǎng)，發(fā)展成為擁有一系列子網(wǎng)站的網(wǎng)站群時(shí)，各個(gè)子網(wǎng)站之間的超鏈接就不得不接受"確定路徑"。為了便利網(wǎng)站群中的各個(gè)子網(wǎng)站共享，過去在單域名網(wǎng)站中以文件夾方式存放的各種公共設(shè)計(jì)資源，最好接受獨(dú)立資源網(wǎng)站的形式進(jìn)行存放，各子網(wǎng)站可以運(yùn)用"確定路徑"對(duì)其進(jìn)行調(diào)用。網(wǎng)站的超鏈接設(shè)計(jì)是一個(gè)很老的話題，而且也特殊重要。設(shè)計(jì)和應(yīng)用超鏈接的確是一項(xiàng)對(duì)設(shè)計(jì)人員的規(guī)劃實(shí)力要求特殊高的工作，而且這些規(guī)劃實(shí)力多數(shù)是靠閱歷積累來獲得的，所疫篇擅長(zhǎng)和勤于總結(jié)。4．文件夾和文件夾命名規(guī)范文件夾命名一般接受英文，長(zhǎng)度一般不超過20個(gè)字符，命名接受小寫字母。文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃結(jié)的組合。命名原則的指導(dǎo)思想一是使得工作組的每一個(gè)成員能夠便利地理解每一個(gè)文件的意義，二是當(dāng)在文件夾中運(yùn)用"按名稱排列"叮囑時(shí)，同一種大類的文件能夠排列在一起，以便進(jìn)行查找、修改和替換等操作。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ù)消費(fèi)者的需求、市場(chǎng)的狀況、企業(yè)自身的狀況等進(jìn)行綜合分析，牢記以"消費(fèi)者"為中心，而不是以"美術(shù)"為中心進(jìn)行設(shè)計(jì)規(guī)劃。在設(shè)計(jì)規(guī)劃之初要考慮以下內(nèi)容：建設(shè)網(wǎng)站的目的是什么？為誰供應(yīng)服務(wù)和產(chǎn)品？企業(yè)能供應(yīng)什么樣的產(chǎn)品和服務(wù)？企業(yè)產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式？2．網(wǎng)站整體規(guī)劃規(guī)劃一個(gè)網(wǎng)站，可以用樹狀結(jié)構(gòu)先把每個(gè)頁(yè)面的內(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)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)心中有數(shù)。也只有如此，制作出來的網(wǎng)頁(yè)才能有特性、有特色、具有吸引力。3．確定網(wǎng)站整體風(fēng)格網(wǎng)站風(fēng)格設(shè)計(jì)包括網(wǎng)站的整體色調(diào)、網(wǎng)頁(yè)的結(jié)構(gòu)、文本的字體和大小、背景的運(yùn)用等，這些沒有確定的規(guī)則，須要設(shè)計(jì)者通過各種分析確定。網(wǎng)頁(yè)設(shè)計(jì)一般要和企業(yè)整體形象一樣，要符合企業(yè)CI規(guī)范。留意網(wǎng)頁(yè)色調(diào)、圖片的應(yīng)用及版面策劃，保持網(wǎng)頁(yè)的整體一樣性。一般來說，適合于網(wǎng)頁(yè)標(biāo)準(zhǔn)色的顏色有3大系：藍(lán)色、黃/橙色、黑/灰/白色。不同的色調(diào)搭配會(huì)產(chǎn)生不同的效果，并可能影響訪問者的心情。在站點(diǎn)整體色調(diào)上，要結(jié)合站點(diǎn)目標(biāo)來確定。假如是政府網(wǎng)站，就要在大方、莊重、美觀、嚴(yán)謹(jǐn)上多下功夫，切不行花哨；假如是個(gè)人網(wǎng)站，風(fēng)可以接受較顯明的顏色，設(shè)計(jì)要簡(jiǎn)潔而有特性。4．收集資源網(wǎng)站的主題內(nèi)容是文本、圖像和多媒體等，它們構(gòu)成了網(wǎng)站的靈魂，否則再好的結(jié)構(gòu)設(shè)計(jì)都不能達(dá)到網(wǎng)站設(shè)計(jì)的初衷，也不能吸引閱讀者。在對(duì)網(wǎng)站進(jìn)行結(jié)構(gòu)設(shè)計(jì)之后，須要對(duì)每個(gè)網(wǎng)頁(yè)的內(nèi)容進(jìn)行一個(gè)大致的構(gòu)思，如哪些網(wǎng)頁(yè)須要運(yùn)用模板，哪些網(wǎng)頁(yè)須要運(yùn)用特殊設(shè)計(jì)的圖像，哪些網(wǎng)頁(yè)須要運(yùn)用較多的動(dòng)態(tài)效果，如何設(shè)計(jì)菜單，接受什么樣式的鏈接，網(wǎng)頁(yè)接受什么顏色和風(fēng)格，等等，這些都對(duì)資源收集具有指導(dǎo)性作用。重要的文本：如企業(yè)簡(jiǎn)介文本，不能臨時(shí)書寫，要得體、簡(jiǎn)明，一般運(yùn)用企業(yè)內(nèi)部的宣揚(yáng)文字。重要的圖像：如企業(yè)的標(biāo)記、網(wǎng)頁(yè)的背景圖像等，這些圖像對(duì)于閱讀者的視覺影響很大，不能草率處理。庫(kù)文件：對(duì)于一些常用和重要的網(wǎng)頁(yè)對(duì)象，須要運(yùn)用庫(kù)文件來進(jìn)行管理和運(yùn)用，在設(shè)計(jì)網(wǎng)頁(yè)之前，可以先編輯這些庫(kù)文件備用。Flash等多媒體元素：許多網(wǎng)站都越來越多地運(yùn)用Flash等多媒體元素，這些多媒體元素在設(shè)計(jì)網(wǎng)頁(yè)之前就須要收集妥當(dāng)或者制作完成。5．設(shè)計(jì)網(wǎng)頁(yè)圖像在確定好網(wǎng)站的風(fēng)格和搜集完資料后就須要設(shè)計(jì)網(wǎng)頁(yè)圖像了，網(wǎng)頁(yè)圖像設(shè)計(jì)包括網(wǎng)站Logo、網(wǎng)站字體、網(wǎng)站導(dǎo)航欄和網(wǎng)站首頁(yè)等的設(shè)計(jì)。可以運(yùn)用Photoshop或Fireworks軟件來詳細(xì)設(shè)計(jì)網(wǎng)站的圖像。有閱歷的網(wǎng)頁(yè)設(shè)計(jì)者通常會(huì)在運(yùn)用網(wǎng)頁(yè)制作工具制作網(wǎng)頁(yè)之前就設(shè)計(jì)好網(wǎng)頁(yè)的整體布局，這樣在詳細(xì)設(shè)計(jì)過程將會(huì)心中有數(shù)，大大節(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)物、植物，可以用它們作為設(shè)計(jì)的標(biāo)本，加以卡通化或藝術(shù)化；專業(yè)網(wǎng)站可疫圃本專業(yè)有代表的物品作為標(biāo)記。最常用和最簡(jiǎn)潔的方式是用自己網(wǎng)站的英文名稱作標(biāo)記，接受不同的字體、字母的變形、字母的組合可以很簡(jiǎn)潔地制作出自己網(wǎng)站的英文名稱作標(biāo)記。用于標(biāo)記和導(dǎo)航欄的特有字體。一般網(wǎng)頁(yè)默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的和眾不同和特有風(fēng)格，可以依據(jù)須要選擇一些特殊字體。設(shè)計(jì)首頁(yè)。首頁(yè)設(shè)計(jì)包括版面設(shè)計(jì)導(dǎo)航欄。在站點(diǎn)中導(dǎo)航欄也是一個(gè)重要的組成部分。在設(shè)計(jì)站點(diǎn)時(shí)，應(yīng)考慮到如何使閱讀者能輕松地從網(wǎng)站的一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面。設(shè)計(jì)網(wǎng)站字體。標(biāo)準(zhǔn)字體是指、色調(diào)、圖像、動(dòng)態(tài)效果、圖標(biāo)等風(fēng)格設(shè)計(jì)。6．編輯制作網(wǎng)頁(yè)網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)困難而細(xì)致的過程，確定要依據(jù)先大后小，先簡(jiǎn)潔后困難的依次制作。所謂先大后小，就是在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)潔后困難，就是先設(shè)計(jì)出簡(jiǎn)潔的內(nèi)容，然后再設(shè)計(jì)困難的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。依據(jù)站點(diǎn)目標(biāo)和用戶對(duì)象去設(shè)計(jì)網(wǎng)頁(yè)的版式和支配網(wǎng)頁(yè)內(nèi)容。一般來說，至少應(yīng)當(dāng)哆蘋些主要的頁(yè)面設(shè)計(jì)好布局，確定網(wǎng)頁(yè)的風(fēng)格。在制作網(wǎng)頁(yè)時(shí)要靈敏運(yùn)用模板和庫(kù)，這樣可以大大提高制作效率。假如許多網(wǎng)頁(yè)都運(yùn)用相同的版面設(shè)計(jì)，就應(yīng)為這個(gè)版面設(shè)計(jì)一個(gè)模板，然后就可疫圃些模板為基礎(chǔ)創(chuàng)建網(wǎng)頁(yè)。