現(xiàn)在還有許多人都在盲意圖認(rèn)為，只需用好了軟件，就能搞好網(wǎng)頁(yè)規(guī)劃了。其實(shí)網(wǎng)頁(yè)規(guī)劃是一個(gè)理性思考與理性分析相結(jié)合的復(fù)雜的進(jìn)程，它的方向取決于規(guī)劃的使命，它的完結(jié)依賴于網(wǎng)頁(yè)的制造。正所謂“功夫在詩(shī)外”，網(wǎng)頁(yè)規(guī)劃中最重要的東西，并非在軟件的運(yùn)用上，而是在咱們對(duì)網(wǎng)頁(yè)規(guī)劃的理解以及規(guī)劃制造的水平上，在于咱們自身的美感以及對(duì)頁(yè)面的掌握上。
　　首先，咱們要弄清楚網(wǎng)頁(yè)規(guī)劃的使命。

　　一、規(guī)劃的使命

　　規(guī)劃是一種審美活動(dòng)，成功的規(guī)劃著作一般都很藝術(shù)化。但藝術(shù)僅僅規(guī)劃的方法，而并非規(guī)劃的使命。規(guī)劃的使命是要完結(jié)規(guī)劃者的意圖，而并非發(fā)明美。
　　網(wǎng)頁(yè)規(guī)劃的使命，是指規(guī)劃者要體現(xiàn)的主題和要完結(jié)的功用。站點(diǎn)的性質(zhì)不同，規(guī)劃的使命也不同。從方法上，能夠?qū)⒄军c(diǎn)分為以下三類(lèi)。
　　第一類(lèi)是資訊類(lèi)站點(diǎn)，像新浪、網(wǎng)易、搜狐等門(mén)戶網(wǎng)站。這類(lèi)站點(diǎn)將為拜訪者提供大量的信息，并且拜訪量較大。因而需留意頁(yè)面的切割、結(jié)構(gòu)的合理、頁(yè)面的優(yōu)化、界面的親和等問(wèn)題。
　　第二類(lèi)是資訊和形象相結(jié)合的網(wǎng)站，像一些較大的公司、國(guó)內(nèi)的高校等。這類(lèi)網(wǎng)站在規(guī)劃上要求較高，既要確保資訊類(lèi)網(wǎng)站的上述要求，一同又要杰出企業(yè)、單位的形象。然而就現(xiàn)狀上來(lái)看，這類(lèi)網(wǎng)站有粗制濫造的嫌疑。
　　第三類(lèi)則是形象類(lèi)網(wǎng)站，比方一些中小型的公司或單位。這類(lèi)網(wǎng)站一般較小，有的則有幾頁(yè)，需求完結(jié)的功用也較為簡(jiǎn)略，網(wǎng)頁(yè)規(guī)劃的首要使命是杰出企業(yè)形象。這類(lèi)網(wǎng)站對(duì)規(guī)劃者的美工水平要求較高。
　　當(dāng)然，這僅僅從全體上來(lái)看，詳細(xì)情況還要詳細(xì)分析。不同的站點(diǎn)還要區(qū)別對(duì)待。別忘了最重要的一點(diǎn)，那便是客戶的要求，它也歸于規(guī)劃的使命。
　　清晰了規(guī)劃的使命之后，接下來(lái)要想的便是怎么完結(jié)這個(gè)使命了。

　　二、規(guī)劃的完結(jié)

　　規(guī)劃的完結(jié)能夠分為兩個(gè)部分。第一部分為站點(diǎn)的規(guī)劃及草圖的制造，這一部分能夠在紙上完結(jié)。第二部分為網(wǎng)頁(yè)的制造，這一進(jìn)程是在計(jì)算機(jī)上完結(jié)的。
　　1、方針清晰、定位正確

　　2、主題鮮明、富有特征 
　　在方針清晰的基礎(chǔ)上，完結(jié)網(wǎng)站的構(gòu)思構(gòu)思即全體規(guī)劃計(jì)劃。對(duì)網(wǎng)站的全體風(fēng)格和特征作出定位，規(guī)劃網(wǎng)站的安排結(jié)構(gòu)。 
　　要做到主題鮮明杰出，力求簡(jiǎn)潔，要害清晰，以簡(jiǎn)略清晰的言語(yǔ)和畫(huà)面告知咱們本站點(diǎn)的主題，吸引對(duì)本站點(diǎn)有需求的人的視野，對(duì)無(wú)關(guān)的人員也能留下必定的形象。關(guān)于一些職業(yè)標(biāo)志和公司的標(biāo)志應(yīng)充沛加以運(yùn)用。

　　3、版式編列布局合理 
　　網(wǎng)頁(yè)規(guī)劃作為一種視覺(jué)言語(yǔ)，當(dāng)然要考究編列和布局，雖然主頁(yè)的規(guī)劃不等同于平面規(guī)劃，但它們有許多附近之處，應(yīng)充沛加以運(yùn)用和借鑒。 
　　版式規(guī)劃經(jīng)過(guò)文字圖形的空間組合，表達(dá)出諧和與美。版式規(guī)劃經(jīng)過(guò)視覺(jué)要素的理性分析，和嚴(yán)厲的方法構(gòu)成訓(xùn)練，培育對(duì)全體畫(huà)面的掌握才能和審美才能。一個(gè)優(yōu)異的網(wǎng)頁(yè)規(guī)劃者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個(gè)網(wǎng)頁(yè)生輝。 
　　努力做到全體布局合理化、有序化、全體化。優(yōu)異之作，善于以奇妙、合理的視覺(jué)方法使一些言語(yǔ)無(wú)法表達(dá)的思維得以闡述，做到豐厚多樣而又簡(jiǎn)潔明了。 
　　多頁(yè)面站點(diǎn)頁(yè)面的編列規(guī)劃要求把頁(yè)面之間的有機(jī)聯(lián)系反映出來(lái)，這兒首要的問(wèn)題是頁(yè)面之間和頁(yè)面內(nèi)的次序與內(nèi)容的聯(lián)系。為了達(dá)到最佳的視覺(jué)體現(xiàn)作用，應(yīng)考究全體布局的合理性。特別是聯(lián)系非常嚴(yán)密的有上下文聯(lián)系的頁(yè)面，必定規(guī)劃有向前和向后的按鈕，便于閱讀者仔細(xì)研讀。 
　　站點(diǎn)規(guī)劃簡(jiǎn)略有序，主次聯(lián)系清楚，將零亂的頁(yè)面，安排進(jìn)程稠濁的內(nèi)容依全體布局的需求進(jìn)行分組歸納，經(jīng)過(guò)進(jìn)行具有內(nèi)在聯(lián)系的安排擺放，反復(fù)推敲文字、圖形與空間的聯(lián)系，使閱讀者有一個(gè)流通的視覺(jué)體驗(yàn)。

　　4、顏色諧和要害杰出 
　　色調(diào)及黑、白、灰的三色空間聯(lián)系不管在規(guī)劃還是在繪畫(huà)方面都起著重要的作用。在頁(yè)面上必定得清晰調(diào)性，而其它有色或無(wú)色的內(nèi)容均屬黑、白、灰的三色空間聯(lián)系，從而構(gòu)成它們的空間層次。 
　　顏色是藝術(shù)體現(xiàn)的要素之一，它是光刺激眼睛再傳導(dǎo)到大腦中樞而發(fā)生的一種感覺(jué)。在網(wǎng)頁(yè)規(guī)劃中，依據(jù)諧和、均衡和要害杰出的準(zhǔn)則，將不同的顏色進(jìn)行組合、調(diào)配來(lái)構(gòu)成美麗的頁(yè)面。 
　　運(yùn)用顏色對(duì)人們心思的影響的成果，合理地加以運(yùn)用。依照顏色的記憶性準(zhǔn)則，一般暖色較冷色的記憶性強(qiáng)。顏色還具有聯(lián)想與標(biāo)志的特質(zhì)，一般來(lái)說(shuō)，赤色是火的顏色，熱情、奔放；也是血的顏色，能夠標(biāo)志生命。黃色是明度最高的顏色，顯得富麗、尊貴、明快。綠色是大天然草木的顏色，意味著純天然和成長(zhǎng)，標(biāo)志安寧平和與安全，如綠色食品。紫色是尊貴的標(biāo)志，有莊重感。白色能給人以純真與清白的感覺(jué)，表示平和與純潔。不同的顏色調(diào)配所體現(xiàn)出來(lái)的作用也不同。比方綠色和金黃、淡白調(diào)配，能夠發(fā)生優(yōu)雅，舒適的氣氛。藍(lán)色和白色混合，能體現(xiàn)柔順、濃艷、浪漫的氣氛。赤色和黃色、金色的調(diào)配能渲染喜慶的氣氛。而金色和粟色的調(diào)配則會(huì)給人帶來(lái)暖意。規(guī)劃的使命不同，配色計(jì)劃也隨之不同�？紤]到網(wǎng)頁(yè)的適應(yīng)性，應(yīng)盡量運(yùn)用網(wǎng)頁(yè)安全色。但顏色的運(yùn)用并沒(méi)有必定的規(guī)律，假如必定要用某個(gè)規(guī)律去套，作用只會(huì)適得其反。經(jīng)歷上咱們可先確認(rèn)一種能體現(xiàn)主題的主體色，然后依據(jù)詳細(xì)的需求，運(yùn)用顏色的近似和比照來(lái)完結(jié)整個(gè)頁(yè)面的配色計(jì)劃。整個(gè)頁(yè)面在視覺(jué)上應(yīng)是一個(gè)全體，以達(dá)到諧和、悅意圖視覺(jué)作用。
　　在顏色的運(yùn)用進(jìn)程中，還應(yīng)留意的一個(gè)問(wèn)題是：因?yàn)閲?guó)家和種族的不同，宗教和崇奉的不同，生活的地理位置、文明涵養(yǎng)的差異，不同的人群對(duì)顏色的喜惡程度有著很大差異。如：兒童喜愛(ài)比照激烈、特性鮮明的純顏色；生活在草原上的人喜愛(ài)赤色；生活在鬧市中的人喜愛(ài)濃艷的顏色；生活在沙漠中的人喜愛(ài)綠色。在規(guī)劃中要考慮首要讀者群的布景和構(gòu)成。 　

　　5、方法內(nèi)容諧和共同 
　　方法服務(wù)于內(nèi)容，內(nèi)容又為意圖服務(wù)，方法與內(nèi)容的共同是規(guī)劃網(wǎng)頁(yè)的底子準(zhǔn)則之一。 
　　畫(huà)面的安排準(zhǔn)則中，將豐厚的意義和多樣的方法安排在一個(gè)共同的結(jié)構(gòu)里，方法言語(yǔ)必須契合頁(yè)面的內(nèi)容，體現(xiàn)內(nèi)容的豐厚含義。 
　　運(yùn)用比照與諧和，對(duì)稱與平衡，節(jié)奏與韻律以及留白等方法，如經(jīng)過(guò)空間、文字、圖形之間的相互聯(lián)系建立全體的均衡狀況，發(fā)生諧和的美感。如對(duì)稱準(zhǔn)則在頁(yè)面規(guī)劃中，它的均衡有時(shí)會(huì)使頁(yè)面顯得板滯，但假如參加一些動(dòng)感的的文字、圖畫(huà)，或選用夸張的方法來(lái)體現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的作用。

　　接下來(lái)咱們要做的便是經(jīng)過(guò)軟件的運(yùn)用，將規(guī)劃的藍(lán)圖變?yōu)閷?shí)踐，終究的集成一般是在Dreamweaver里完結(jié)的。雖然在草圖上，咱們定出了頁(yè)面的大體概括，可是構(gòu)思一般都是在制造進(jìn)程中發(fā)生的。規(guī)劃著作必定要有構(gòu)思，這是最底子的要求，沒(méi)有構(gòu)思的規(guī)劃是失敗的。在制造的進(jìn)程中，咱們會(huì)碰到許多問(wèn)題，其中最靈敏的莫過(guò)于頁(yè)面的顏色了�！　�

　　三、顏色的運(yùn)用

　　顏色是一種古怪的東西，它是美麗而豐厚的，它能喚起人類(lèi)的心構(gòu)思知。一般來(lái)說(shuō)，赤色是火的顏色，熱情、奔放；也是血的顏色，能夠標(biāo)志生命。黃色是明度最高的顏色，顯得富麗、尊貴、明快。綠色是大天然草木的顏色，意味著純天然和成長(zhǎng)，標(biāo)志安寧平和與安全，如綠色食品。紫色是尊貴的標(biāo)志，有莊重感。白色能給人以純真與清白的感覺(jué)，表示平和與純潔。
咱們知道，顏色是光的折射發(fā)生的，紅、黃、藍(lán)是三原色，其它的顏色都能夠用這三種顏色諧和而成。換一種思路，咱們能夠用顏色的變化來(lái)體現(xiàn)光影作用，這無(wú)疑將使咱們的著作更貼近實(shí)踐。
　　顏色代表了不同的情感，有著不同的標(biāo)志含義。這些標(biāo)志含義是人們思維交流傍邊的一個(gè)復(fù)雜問(wèn)題，它因人的年齡、地域、時(shí)代、民族、階層、經(jīng)濟(jì)區(qū)域、工作才能、教育水平、風(fēng)俗習(xí)慣、宗教崇奉、生活環(huán)境、性別差異而有所不同。
　　單純的顏色并沒(méi)有實(shí)踐的意義，和不同的顏色調(diào)配，它所體現(xiàn)出來(lái)的作用也不同。比方綠色和金黃、淡白調(diào)配，能夠發(fā)生優(yōu)雅，舒適的氣氛。藍(lán)色和白色混合，能體現(xiàn)柔順、濃艷、浪漫的氣氛。赤色和黃色、金色的調(diào)配能渲染喜慶的氣氛。而金色和粟色的調(diào)配則會(huì)給人帶來(lái)暖意。規(guī)劃的使命不同，配色計(jì)劃也隨之不同�？紤]到網(wǎng)頁(yè)的適應(yīng)性，應(yīng)盡量運(yùn)用網(wǎng)頁(yè)安全色。
　　但顏色的運(yùn)用并沒(méi)有必定的規(guī)律，假如必定要用某個(gè)規(guī)律去套，作用只會(huì)適得其反。經(jīng)歷上咱們可先確認(rèn)一種能體現(xiàn)主題的主體色，然后依據(jù)詳細(xì)的需求，運(yùn)用顏色的近似和比照來(lái)完結(jié)整個(gè)頁(yè)面的配色計(jì)劃。整個(gè)頁(yè)面在視覺(jué)上應(yīng)是一個(gè)全體，以達(dá)到諧和、悅意圖視覺(jué)作用。

　　四、造型的組合

　　 在網(wǎng)頁(yè)規(guī)劃中，咱們首要經(jīng)過(guò)視覺(jué)傳達(dá)來(lái)體現(xiàn)主題。在視覺(jué)傳達(dá)中，造型是很重要的一個(gè)元素。拋去是圖還是文字的問(wèn)題，畫(huà)面上的一切元素能夠共同作為畫(huà)面的底子構(gòu)成要素點(diǎn)、線、面來(lái)進(jìn)行處理。在一幅成功的著作里，是需求點(diǎn)、線、面的共同組合與調(diào)配來(lái)構(gòu)造整個(gè)頁(yè)面的。
　　一般咱們能夠運(yùn)用的組合方法有次序、比例、均衡、對(duì)稱、接連、距離、堆疊、反復(fù)、穿插、節(jié)奏、韻律、歸納、變異、特寫(xiě)、反射等等，它們都有各自的特色。在規(guī)劃中應(yīng)依據(jù)詳細(xì)情況，選擇最適合的體現(xiàn)方法，這樣有利于主題的體現(xiàn)。
　　經(jīng)過(guò)點(diǎn)、線、面的組合，能夠杰出頁(yè)面上的重要元素，杰出規(guī)劃的主題，增強(qiáng)美感，讓觀者在感受美的進(jìn)程中領(lǐng)會(huì)規(guī)劃的主題，從而完結(jié)規(guī)劃的使命。
　　造型的奇妙運(yùn)用不只能帶來(lái)極大的美感，并且能較好地杰出企業(yè)形象，并且能將網(wǎng)頁(yè)上的各種元素有機(jī)的安排起來(lái)，它乃至還能夠引導(dǎo)觀者的視野。

　　五、規(guī)劃的準(zhǔn)則

　　 規(guī)劃是有準(zhǔn)則的，不管運(yùn)用何種方法對(duì)畫(huà)面中的元素進(jìn)行組合，都必定要遵循五個(gè)大的準(zhǔn)則：共同、連接、切割、比照及諧和。
　　共同，是指規(guī)劃著作的全體性，共同性。規(guī)劃著作的全體作用是至關(guān)重要的，在規(guī)劃中切勿將各組成部分孤立渙散，那樣會(huì)使畫(huà)面呈現(xiàn)出一種枝蔓紛雜的雜亂作用。
　　連接，是指要留意頁(yè)面的相互聯(lián)系。規(guī)劃中應(yīng)運(yùn)用各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和體現(xiàn)方法上的相互照應(yīng)，并留意整個(gè)頁(yè)面規(guī)劃風(fēng)格的共同性，完結(jié)視覺(jué)上和心思上的連接，使整個(gè)頁(yè)面規(guī)劃的各個(gè)部分極為融洽，猶如一氣呵成。
　　切割，是指將頁(yè)面分成若干小塊，小塊之間有視覺(jué)上的不同，這樣能夠使觀者一望而知。在信息量許多時(shí)為使觀者能夠看清楚，就要留意到將畫(huà)面進(jìn)行有效的切割。切割不只是體現(xiàn)方法的需求。換個(gè)角度來(lái)講，切割也能夠被視為關(guān)于頁(yè)面內(nèi)容的一種分類(lèi)歸納。
　　比照便是經(jīng)過(guò)矛盾和抵觸，使規(guī)劃愈加富有氣憤。比照方法許多，例如：多與少、曲與直、強(qiáng)與弱、長(zhǎng)與短、粗與細(xì)、疏與密、虛與實(shí)、主與次、黑與白、動(dòng)與靜、美與丑、聚與散等等。在運(yùn)用比照的時(shí)分應(yīng)穩(wěn)重，比照過(guò)強(qiáng)容易破壞美感，影響共同。
　　諧和是指整個(gè)頁(yè)面契合美的規(guī)律，天衣無(wú)縫。假如一件規(guī)劃著作僅僅是顏色、形狀、線條等的隨意混合，那么著作將不但沒(méi)有“生命感”，并且也底子無(wú)法完結(jié)視覺(jué)規(guī)劃的傳達(dá)功用。諧和不只要看結(jié)構(gòu)方法，并且要看著作所形成的視覺(jué)作用能否與人的視覺(jué)感受形成一種溝通，發(fā)生心靈的共識(shí)。這是規(guī)劃能否成功的要害。

　　六、網(wǎng)頁(yè)的優(yōu)化

　　在網(wǎng)頁(yè)規(guī)劃中，網(wǎng)頁(yè)的優(yōu)化是較為重要的一個(gè)環(huán)節(jié)。它的成功與否會(huì)影響頁(yè)面的閱讀速度和頁(yè)面的適應(yīng)性，影響觀者對(duì)網(wǎng)站的形象。
　　在資訊類(lèi)網(wǎng)站中，文字是頁(yè)面中最大的構(gòu)成元素，因而字體的優(yōu)化顯得尤為重要。運(yùn)用css款式表指定文字的款式是必要的，一般咱們將字體指定為宋體，巨細(xì)指定為12px，顏色要視布景色而定，準(zhǔn)則上以能看清且與整個(gè)頁(yè)面調(diào)配諧和為準(zhǔn)。在白色的布景上，咱們一般運(yùn)用黑色，這樣不易發(fā)生視覺(jué)疲勞，能確保閱讀者較長(zhǎng)時(shí)刻地閱讀網(wǎng)頁(yè)。
　　圖片是網(wǎng)頁(yè)中的重要元素。圖片的優(yōu)化能夠在確保閱讀質(zhì)量的前提下將其size降至最低，這樣能夠成倍地提高網(wǎng)頁(yè)的下載速度。運(yùn)用Photoshop６或Fireworks４能夠?qū)�圖片切成小塊，分別進(jìn)行優(yōu)化。輸出的格局能夠?yàn)間if或jpeg，要視詳細(xì)情況而定。一般咱們把有較為復(fù)雜顏色變化的小塊優(yōu)化為jpeg，而把那種只有單純色塊的卡通畫(huà)式的小塊優(yōu)化為gif，這是由這兩種格局的特色決議的。
　　表格(table)是頁(yè)面中的重要元素,是頁(yè)面排版的首要方法。咱們能夠設(shè)定表格的寬度、高度、邊框、布景色、對(duì)齊方法等參數(shù)。許多時(shí)分，咱們將表格的邊框設(shè)為0，以此來(lái)定位頁(yè)面中的元素，或許籍此確認(rèn)頁(yè)面中各元素的相對(duì)位置。咱們知道：閱讀器在讀取網(wǎng)頁(yè)html原代碼時(shí)，是讀完整個(gè)table才將它顯示出來(lái)的。假如一個(gè)大表格中含有多個(gè)子表格，必須等大表格讀完，才能將子表格一同顯示出來(lái)。咱們?cè)诎菰L一些站點(diǎn)時(shí)，等候多時(shí)無(wú)結(jié)果，按"中止"按鈕卻一下顯示出頁(yè)面便是這個(gè)原因。因而，咱們?cè)谝?guī)劃頁(yè)面表格的時(shí)分，應(yīng)該盡量避免將一切元素嵌套在一個(gè)表格里，并且表格嵌套層次盡量要少。在運(yùn)用Dreamweaver制造網(wǎng)頁(yè)時(shí)，會(huì)主動(dòng)在每一個(gè)td內(nèi)增加一個(gè)空字符“ ”。假如單元格內(nèi)沒(méi)有填充其它元素，這個(gè)空字符會(huì)保存，在指定td的寬度或高度后，能夠在源代碼內(nèi)將其刪去。
　　網(wǎng)頁(yè)的適應(yīng)性是很重要的，在不同的體系上，不同的分辨率下，不同的閱讀器上，咱們將會(huì)看到不同的結(jié)果，因而規(guī)劃時(shí)要統(tǒng)籌考慮。一般咱們?cè)?00*600下制造網(wǎng)頁(yè)，最佳閱讀作用也是在800*600分辨率下，在其它情況下只需確保底子共同，不出現(xiàn)較大問(wèn)題即可