【拓展資源】網(wǎng)頁制作網(wǎng)頁面布局設計

網(wǎng)頁版面布局設計網(wǎng)站內(nèi)容的規(guī)劃與腳本編寫目前，全世界的網(wǎng)站總數(shù)已經(jīng)超過了6000萬個，如何使自己的網(wǎng)站能夠在眾多的網(wǎng)站中脫穎而出，令人刮目相看，關鍵是提升網(wǎng)站的知名度和訪問率，而對網(wǎng)站內(nèi)容進行詳細的規(guī)劃和注重網(wǎng)絡應用則是提高網(wǎng)站訪問率的重要因素。從最新的網(wǎng)絡統(tǒng)計分析報告中得知，網(wǎng)站訪問率的78%來自于搜索引擎，而網(wǎng)站在搜索引擎中的排名與網(wǎng)站的內(nèi)容有很大的關系。教育科研網(wǎng)站的規(guī)劃教育科研網(wǎng)站是指那些針對特定的人群，圍繞特定的學習主題、教科研主題、學習素材類事物主題，完成特定信息的搜索和提供、組織與發(fā)布，或者提供互動學習平臺的教育類網(wǎng)站，其最高層域名一般為“.edu”。教育科研網(wǎng)站的內(nèi)容主要是圍繞教學和科研來進行的，突出教師和學生的地位，據(jù)此畫出具體的信息結構圖。政府網(wǎng)站的規(guī)劃政府網(wǎng)站是指以政府機構為主體構建的網(wǎng)站，主要為政府稅收和政府公共服務提供網(wǎng)絡化的交流平臺，并且通過網(wǎng)絡增加政府與百姓交流的渠道，聽取百姓的心聲和意見，提高政府機關的辦事效率。其最高層域名一般為“.gov”。政府機關網(wǎng)站的內(nèi)容主要從省市概況、政府管理、政府監(jiān)督、便民服務等幾個方面來進行設計，據(jù)此畫出具體的信息結構圖腳本。

企業(yè)機構網(wǎng)站的規(guī)劃服務機構網(wǎng)站的規(guī)劃網(wǎng)頁版面布局設計版面指的是從瀏覽器看到的完整的一個頁面（可以包含框架和層）。由于不同的瀏覽者所擁有的顯示器的分辨率不一致，所以在設計網(wǎng)頁的時候要考慮到瀏覽者的實際情況。目前常見的網(wǎng)頁所采用的分辨率有：640*480像素、800*600像素、1024*768像素等。網(wǎng)頁布局以最適合瀏覽的方式將圖片和文字擺放在頁面的不同位置。網(wǎng)頁布局的基本原理是共通的，只要領會要點，就能夠舉一反三。創(chuàng)作階段——打草稿新建的頁面就像一張白紙，沒有任何表格、框架和約定俗成的東西，我們可以任意發(fā)揮自己的想象力，把想到的“景象”畫上去（建議用一張白紙和一支鉛筆，當然用圖像處理軟件FireworksMX等也可以）。這屬于創(chuàng)作階段，不講究細膩工整，不必考慮細節(jié)功能，只以粗略的線條勾畫出創(chuàng)意的輪廓即可。盡可能多畫幾張，最后選定一個滿意的作為繼續(xù)創(chuàng)作的腳本。

布局的草稿粗略布局在草稿的基礎上將確定需要放置的功能模塊安排到頁面上。遵循突出重點、平衡諧調的原則，將網(wǎng)站標志、主菜單等最重要的模塊放在最顯眼、最突出的位置上，然后再考慮次要模塊的排放。一般情況下，將網(wǎng)站的LOGO、導航條等元素放在屏幕左邊顯眼的位置上，訪問者在瀏覽網(wǎng)頁時可以對網(wǎng)站內(nèi)容一目了然。

“星火網(wǎng)”首頁的粗略布局圖最終定案將粗略布局精細化，具體化。憑借智慧和經(jīng)驗，多方聯(lián)想，才能做出具有創(chuàng)意的布局?！靶腔鹁W(wǎng)”首頁的最終定案圖網(wǎng)頁版面布局的原則（1）正常平衡––––亦稱“勻稱”，多指左右、上下對照形式，主要強調秩序，能達到安定誠實、信賴的效果。（2）異常平衡––––即非對照形式，但也要平衡和韻律，當然都是不均整的，此種布局能達到強調性、不安性、高注目性的效果。網(wǎng)頁版面布局的原則（3）對比––––所謂對比，不僅利用色彩、色調等技巧來進行表現(xiàn)，在內(nèi)容上也可涉及古與今、新與舊、貧與富等對比。（4）凝視––––所謂凝視是利用頁面中人物視線，使瀏覽者仿照跟隨的心理，以達到注視頁面的效果，一般多用明星凝視狀。網(wǎng)頁版面布局的原則（5）空白––––空白有兩種作用，一方面對其他網(wǎng)站表示突出卓越，另一方面也表示網(wǎng)頁品位的優(yōu)越感，這種表現(xiàn)方法對體現(xiàn)網(wǎng)頁的格調十分有效。（6）盡量用圖片解說––––此方法對不能用語言說服、或用語言無法表達的情感，特別有效。圖片解說的內(nèi)容，可以傳達給瀏覽者更多的信息。網(wǎng)頁版面布局的樣式就像傳統(tǒng)的報刊雜志一樣，我們可以將頁面看作一張報紙或一本雜志中的一頁來進行排版布局。設計版面時要把文字、圖片、空白當作一個整體來看待，采用平面分割的方式，調動全部面積來構建這個版面。下面我們來探討一下頁面布局的樣式。左右對齊方式布局左右對齊方式滿載著文字信息，沒有浪費空間的感覺，是最適合傳遞商業(yè)性信息的樣式。全景式布局全景式分散排列多張圖片，看起來就像在瞭望臺上看全景畫，訪問者可以自由、閑庭信步地參與進來。全景式布局包圍式布局包圍式布局的基本思路是頁面四周用色塊或圖案包圍起來，以便產(chǎn)生一個被限定的世界。如果色塊或圖案是深重的顏色，則表示這個范圍拒絕他人入侵，如果是淺色調，則表示這是一個柔和的世界。包圍式布局對稱式布局對稱式布局的基本思路是以中心線為基準，左右對稱，是一種格調高雅的安定型版式。單側對齊式布局單側對齊式布局的基本思路是以左則對齊為基調，將右側散開，一般用在追求理智和自由感適當?shù)钠胶鈭龊?，既暗示了頁面的格調，也傳達了自由的氣氛。衛(wèi)星式布局衛(wèi)星式以指太陽為中心的衛(wèi)星環(huán)繞型，傳遞出家庭的印象，讓訪問者沉浸在可以自由參與的開放感中。散開式布局散開式具有山水畫般的自由和優(yōu)雅，不同的國家，在散開