網(wǎng)頁頁尾設計注意技巧

第頁網(wǎng)頁頁尾設計注意技巧網(wǎng)頁頁尾〔制定〕注意技巧

以下就是網(wǎng)頁頁尾制定注意技巧等等的介紹，希望為您帶來幫助。

制定網(wǎng)站時，企業(yè)都會把大部分的精力放在網(wǎng)頁頭部上，這樣做當然無可厚非，因為網(wǎng)頁頭部是用戶一打開來就看到的，有著相當重要的作用。但是，忽略頁尾就不是一個明智之舉了，虎頭蛇尾的后果自然不好，我們也要注重頁尾的制定。學會以下5招，助你制定一個好頁尾。

1、在網(wǎng)頁頁尾曾加不同的交際平臺，增加網(wǎng)站的宣揚渠道;還可以提供企業(yè)的聯(lián)系的方式，建立用戶對網(wǎng)站的信任感等等。

2、如果必須要在尾頁放置大量的信息，簡單制定就顯得尤為重要。保持清理不必要元素，確保充足的空間并有目的地組織信息。盡量避免混亂，思索哪些元素必須要出現(xiàn)在你的頁尾中，以及它們?yōu)槭裁匆谀抢?。頁尾的尺寸一般都跟你網(wǎng)站頁面數(shù)和內(nèi)容量有關。

3、對頁尾內(nèi)容的連接和信息進行分類組織會給人感覺比較好。比如把聯(lián)系方式、友情鏈接、服務、交際網(wǎng)站和一些你流量最大的內(nèi)容分成幾列或幾行，給每個部分起一個標題，方便用戶瀏覽。

4、如果銷售類或服務類網(wǎng)站，頁尾就是一個讓用戶有所行動的優(yōu)秀渠道。作為一個優(yōu)秀的促銷員，它可以讓用戶知道目前有哪些值得購買的福利或注冊的好處。

5、頁尾制定留白的效果也同樣重要，因為涉及到布局，留白能分割出不同的區(qū)塊，起到繪制不同區(qū)域的效果。當然，留白不是僅存白色空間，只要是無內(nèi)容填充的部分都可以稱為留白。留白的另一個作用是告訴大家下面該出場是這個重要的元素。

網(wǎng)站頁尾的作用不僅能提供網(wǎng)站的相關信息，還可以是便利的網(wǎng)站導航?；蛟S它在位置上并不占便宜，但這也不意味著你可以在制定上偷懶，我們必須要像頁頭一樣重視它，進行精細制定，才干完成一個優(yōu)秀的網(wǎng)頁。

網(wǎng)頁布局的建議

1、別輕易讓文字居中和使用粗體或斜體字符。

2、利用短的段落，加點列示，適當?shù)恼麎K引用文字，用水平線分節(jié)，用影像地圖指引主要鏈接，使你的頁面能吸引人和容易閱讀。

3、不要在每一頁使用風格不同的圖標。

4、不必在以頁面上填滿圖像來增加視覺趣味。盡量使用彩色圓點它們較小并能為列表項增加色彩活力(并能用于彩色列表)。彩色分隔條也能在不擾亂帶寬的狀況下加強圖形感。

5、對用作背景的GIF要慎重。它們可以使一個頁面看起來很有趣，甚至很專業(yè)，但是裝飾背景很容易使文字變得不可辨讀。要把背景做得好，光有顏色對比是不夠的。背景要么很亮(文字較暗)要么很暗(文字較亮)。如果背景含有圖像，對比度要較低才不致于過于分散讀者的注意力。

6、在IMG行加ALT標記。

7、也可以在分隔條上使用ALT標記，這樣就使得使用基于文本的瀏覽器的讀者能看到一些更有趣的東西，而不只是一條直線。

8、不要把重要的內(nèi)容放到頁尾有些讀者可能不會往下看那么遠。

9、不要讓什么東西看起來象是一個按鈕卻不起按鈕的作用。

網(wǎng)頁制定的一些小秘訣

1.要記住你只有4秒的時間

在整個internet中日均頁面訪問只有4秒。這就意味著你沒有足夠的時間來讓瀏覽者加深對網(wǎng)站的印象和互動。所以你要盡可能準確的來說明你這個網(wǎng)站最主要的功能是什么。如果一個網(wǎng)站打開的時間超過了瀏覽者等待的時間，那么瀏覽者將會失去興趣，最終的結(jié)果是瀏覽者去別的網(wǎng)站。(木木：這就意味著：我們在制定首頁時盡可能的簡化，并加速打開網(wǎng)站的速度。)

2.引導瀏覽者的目光

當你走進一個房間的時候，你不可能看到房間里所有的東西。你第一眼注意的是房間里有沒有人，然后再去注意能吸引你眼球的東西。當瀏覽者第一次訪問網(wǎng)站也是這樣子的。當瀏覽者第一次訪問你的網(wǎng)站時，必須要你來引導他們來訪問網(wǎng)站。比如說一個登陸按扭，一個"more'按扭，新聞。..。..

3.網(wǎng)站的左上側(cè)是"黃金地段'

眾所周知，網(wǎng)站的左上側(cè)是瀏覽者最先注意的地方。這是因為人們閱讀的習慣造成的(從左上角開始閱讀)。再加上早期的網(wǎng)站也是按這個方式制定的。所以我們經(jīng)常把LOGO放在左上角。那么我們來想想能不能再加入些什么東西來引導瀏覽者呢?(登陸鏈接，搜索框，網(wǎng)站的口號。..。..)

4."F'閱讀模式

跟據(jù)一些眼球追蹤的數(shù)據(jù)說明，閱讀者在看一個網(wǎng)頁的路徑，像一個字母"F'。這說明瀏覽者最先注重的地方有，頭部，三分之一處，和左側(cè)。所以我們要想一下如何把網(wǎng)站最重要的部分放在這幾個地方。

5.瀏覽者忽視有哪些

瀏覽者會忽視廣告。他們會忽視橫幅廣告或文字廣告。因此要避免網(wǎng)頁的制定看起來像廣告似的。還有瀏覽者也會忽視大塊的文本。沒有人會有很多的時間去看那一大部分的文本只為獲得一個網(wǎng)站的主要內(nèi)容。(我也沒有耐心去看)所以我們要盡量的簡化文本，或者是增加一些圖像裝飾來吸引眼球。

6.文本VS圖片

這是一個有趣的事實。文字比任何靜態(tài)圖形更加吸引瀏覽者的眼球。如果你想給瀏覽者傳遞一個信息，那么我建議你使用文字來代替靜態(tài)的圖形。

HTML網(wǎng)頁制定之去掉IE滾動條

做了一個頁面，與桌面分辨率一樣大小，但是在IE全屏(F11)下卻顯示有滾動條，而火狐確沒有。怎么樣去掉IE滾動條呢?其實有一個屬性就可以解決。

方法1：直接在body里面加上屬性scroll

代碼如：

bodyscroll=no

方法2：使用樣式表overflow

代碼如：

HTML{overflow-x:hidden;}

在xhtml1-transitional.dtd標準下，并不是以Body為容器，而是HTML標簽，所以要把