第三章 網站建設前端頁面

網頁布局

網頁布局大致可分為“國”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型，在這里就不做一一論述了。其實在我們做設計的時候并沒有過多的去考慮什么形式，最重要的是抓住客戶的需求，把握網站的定位做出合理的框架布局。

1、 分辨率

網頁的整體寬度可分為三種設置形式：百分比、像素、像素+百分比。通常在網站建設中以象素形式最為常用，行業網站也不列外。我們在設計網頁的時候必定會考慮到分辨率的問題，常用的是1024*768和800*600的分辨率，網絡上很多都是用到778個象素的寬度，在800的分辨率下面往往使整個網頁很壓抑，有種不透氣的感覺，其實這個寬度是指在800*600的分辨率上網頁的最寬寬度，不代表最佳視覺，不妨試試760~770的像素，不管在1024還是800的分辨率下都可以達到較佳的視覺效果。

2、合理廣告

在一些網站的廣告（彈出廣告、浮動廣告、大廣告、banner廣告、通欄廣告等等……）讓人覺得很煩瑣，根本就不愿意來看，有時連你這個網站都不上了，這樣一來網站受到了嚴重的影響、廣告也沒達到廣告的目的。這些問題都是我們在設計網站之前需要考慮、需要規劃的內容之一。

浮動廣告有兩種，第一種是在網頁兩邊空余的地方可以上下浮動的廣告，第二種是滿屏幕到處隨機移動的廣告。建議能使用第一種的情況下盡量使用第一種，不可避免第二種情況時盡量在數量上控制最多一個就好。如果數量過多會直接影響到用戶的心理、妨礙到用戶瀏覽信息，適得其反。首頁廣告不宜過多適中即可。如在注冊或者某個購買步驟的頁面上最好不要出現過多的其他無關的內容讓用戶分心，避免客戶流失等……

3、空間的合理利用

很多的網頁都具有一個特點，用一個字來形容，那就是“塞”，它將各種各樣的信息如文字、圖片、動畫等不加考慮的塞到頁面上，有多少擠多少，不加以規范，導致瀏覽時會遇到很多的不方便，主要就是頁面主次不分，喧賓奪主，要不就是沒有重點，沒有很好的歸類，整體就像個大雜燴。讓人難以找到需要的東西。有的則是一片空白失去平衡，也可以用個“散”字來形容。

4、文字編排

在網頁設計中，字體的處理與顏色、版式、圖形化等其他設計元素的處理一樣。

 1.文字圖形化

文字圖形化就是將文字用圖片的形式來表現，這種形式在頁面的子欄目里面最為常用，因為它具有突出，同時又美化了頁面，使頁面更加人性化加強了視覺效果。是文字無法達到的。對于通用性的網站弊端就是擴展性不強。

 2.強調文字

如果將個別文字作為頁面的訴求重點，則可以通過加粗、加下劃線、加大號字體、加指示性符號、傾斜字體、改變字體顏色等手段有意識地強化文字的視覺效果，使其在頁面整體中顯得出眾而奪目。這些方法實際上都是運用了對比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。

它由域名（domain name 俗稱網址），網站源程序和網站空間三部分構成。域名（俗稱網址）；網站空間由專門的獨立服務器或租用的虛擬主機承擔；網站源程序則放在網站空間里面，表現為網站前臺和網站后臺。

配色

1、用一種色彩。

這里是指先選定一種色彩，然后調整透明度或者飽和度，(說得通俗些就是將色彩變淡或則加深)，產生新的色彩，用于網頁。這樣的頁面看起來色彩統一，有層次感。

2、用兩種色彩。

先選定一種色彩，然后選擇它的對比色(在Photoshop里按ctrl+shift+I)再進行微小的調整。整個頁面色彩豐富但不花哨。

3、用一個色系。

簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。也就是在同一色系里面采用不同的顏色使網頁增加色彩，而又不花，色調統一。這種配色方法在網站設計種最為常用。

4、灰色在網頁設計中又稱為“萬能色”，其特點是可以和任何顏色搭配，在使用時把握量避免網頁變灰。

在網頁配色中，盡量控制在三種色彩以內，以避免網頁花、亂、沒有主色的顯現。背景和前文的對比盡量要大，(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。網站制作執行的工作類型 就業性質 Web開發人員可以找到所有類型的企業,包括大型企業和政府部門,中小型企業,或者單獨作為自由職業者的工作。有些網絡開發人員工作的一個組織作為一個永久的全職雇員,而另一些可能作為獨立的顧問公司,職業介紹所或承包商?，F代的Web應用程序通常包含三層或更多層,上規模的團隊的開發工作,他或她可以專注于一個或多個這些層面 - 或可能需要一個多學科交叉的作用。

作用

企業形象提升

互聯網作為唯一一種全天候24小時不間斷的媒體平臺是傳統媒體可望不可及的。作為一個企業，在互聯網上建立自己的網站，最顯而易見的就是可以向世界展示自己的企業風采，讓更多人了解自己的企業，使企業能夠在公眾知名度上有一定的提升。