• <var id="cpksz"><code id="cpksz"><blockquote id="cpksz"></blockquote></code></var>
  • <small id="cpksz"></small>

    - 聯系電話 - - 來校路線 - 廣州天河區五山路金華園區3樓307(華工南門)
    您現在的位置: 廣州電腦培訓學校 >> 電腦培訓 >> 網頁設計培訓 >> 正文  >
    廣州電腦培訓教你如何更好的進行網頁布局
    發布人:廣州北大青鳥電腦學校 點擊數: 更新時間:2011-10-17 17:37:07

      網頁可以說是網站構成的基本元素。當我們輕點鼠標,在網海中遨游,一副副精彩的網頁會呈現在我們面前,那么,網頁的精彩與否的因素是什么呢?色彩的搭配、文字的變化、圖片的處理等,這些當然是不可忽略的因素,除了這些,還有一個非常重要的因素——網頁的布局,F在,有廣州電腦培訓學校的老師給學生介紹一下網頁布局。

      網頁布局類型

      網頁布局大致可分為“國”字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型,下面分別論述。

      1、“國”字型:

      也可以稱為“同”字型,是一些大型網站所喜歡的類型,即最上面是網站的標題以及橫幅廣告條,接下來就是網站的主要內容,左右分列一些兩小條內容,中間是主要部分,與左右一起羅列到底,最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是我們在網上見到的差不多最多的一種結構類型。

      2、拐角型:

      這種結構與上一種其實只是形式上的區別,其實是很相近的,上面是標題及廣告橫幅,接下來的左側是一窄列鏈接等,右列是很寬的正文,下面也是一些網站的輔助信息。在這種類型中,一種很常見的類型是最上面是標題及廣告,左側是導航鏈接。

      3、標題正文型:

      這種類型即最上面是標題或類似的一些東西,下面是正文,比如一些文章頁面或注冊頁面等就是這種類。

      4、左右框架型:

      這是一種左右為分別兩頁的框架結構,一般左面是導航鏈接,有時最上面會有一個小的標題或標致,右面是正文。我們見到的大部分的大型論壇都是這種結構的,有一些企業網站也喜歡采用。這種類型結構非常清晰,一目了然。

      5、上下框架型:

      與上面類似,區別僅僅在于是一種上下分為兩頁的框架。

      6、綜合框架型:

      上頁兩種結構的結合,相對復雜的一種框架結構,較為常見的是類似于“拐角型”結構的,只是采用了框架結構。

      7、封面型:

      這種類型基本上是出現在一些網站的首頁,大部分為一些精美的平面設計結合一些小的動畫,放上幾個簡單的鏈接或者僅是一個“進入”的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁,如果說處理的好,會給人帶來賞心悅目的感覺。

      8、Flash型:

      其實這與封面型結構是類似的,只是這種類型采用了目前非常游戲行的Flash,與封面型不同的是,由于Flash強大的功能,頁面所表達的信息更豐富,其視覺效果及聽覺效果如果處理得當,絕不差于傳統的多媒體。

      9、變化型:

      即上面幾種類型的結合與變化,比如本站在視覺上是很接近拐角型的,但所實現的功能的實質是那種上、左、右結構的綜合框架型。

      網站建設誤區

      現在廣州電腦培訓學校的老師說一些常見的網站建設誤區:

      導航混亂

      混亂的導航設計,常常使瀏覽者感到困惑、迷失。因此事先必須對網站的整體架構有一個良好的規劃。比如:在每個頁面的頂部放上風格統一的導航條,底部一般放置公司信息及版權性文字。對于內容復雜的站點,可以提供一個站點地圖,來明確地告訴瀏覽者,網站上信息的分類及用途。當然,您還必須在網站上提供一個關鍵字搜索引擎,這可以使用戶以最少的時間找到他所感興趣的信息。

      網頁藝術形式花哨,為了設計而設計, JAVA及JAVASCRIPT的濫用

      網頁上放滿了對內容沒有任何輔助作用的圖片。有些網站上會放置一些大圖片,甚至BMP格式圖片;或者使用大量的JAVA、JAVASCRIPT、DHTML。 造成了網頁下載速度緩慢。相信沒有一個用戶會有興趣長時間等待。用戶不關心為什么下載時間這么長,速度這么慢,他們只會認為:這個網站不好,要花費我很多時間,而且長長出錯,這個網站的服務很不好,不為用戶著想。這樣,用戶對網站的信任度大大降低,相信以后很少會訪問你的站點。

      速度緩慢

      一般而言,如果網頁的下載時間超過15秒,瀏覽者將會自動放棄。

      使用幀

      在網頁中使用幀破壞了基本的網頁用戶模式。產生了一系列的問題,用戶不能收藏當前的頁面、不能打印網頁。

      網頁在不同平臺及瀏覽器上的兼容性

      好的網站,應該時時考慮到用戶的感受。必須兼顧好網站在不同操作平臺及瀏覽器上的兼容性。雖然,IE的用戶? 絕大多數,但我們不能就此排除Netscape的用戶,事實上國外及國內的大公司中很多專業人士仍在使用著Nestcape。否則,會給他們留下網站不夠專業的印象。

      頁面過長

      過長的頁面需要更多的下載時間并且不利于用戶捕捉有用的信息,過于長的頁面需要用戶移動滾動條,使用戶感到疲勞、不耐煩、厭倦。

      不標準的鏈接顏色

      如果你把“被訪問過的鏈接”設置為“藍色”(默認為暗紅色)、“未被訪問過的鏈接”設置為“暗紅色”(默認為藍色),這就會使瀏覽者感到迷惑。

      關閉右鍵功能

      對于連右鍵都要關閉的網站,純屬于小家之氣,他們在設計時,考慮只是自己的利益,而根本不考慮給用戶帶來的感受。

      不標準的用戶界面圖形

      網站建設中必須堅持一致性原則,它可以增加易用性。比如:我們用一個“向左的箭頭”表示“返回到前一頁(pre)”,“向右的箭頭”表示“進入下一頁(next)”,那么我們就應該保證網站中的所有“向左的箭頭”表示“pre”,“向右的箭頭”表示“next”。那么,用戶就會根據前面瀏覽網頁時積累的經驗來進行判斷“pre”,“next”,一旦有一個頁面上對兩種標志的使用產生混淆,那么這種圖形代表的意義便失效,用戶會對“箭頭”代表的意義表示懷疑,不信任,同時也浪費了用戶的時間。

      目前,網上有部分元素(如:單選框和復選框)的設計違反了基本的用戶圖形界面設計標準。比如:在windows/macintosh/java用戶界面標準中,“單選框”遵循如下原則,當你在一組選項中選取一個項目后,您必須按下“確定”按鈕,才會使設置生效。而我們在網頁上常常會看到很多的網頁設計者直接在“單選框”上添加事件,也就是說,一旦你選擇了“單選框”,馬上就會跳出相應的結果。這種背離了標準用戶界面設計的WEB設計,使網頁的可使用性大大降低。

      避免使用類似于廣告的設計

      用戶瀏覽網頁具有選擇性,他們已經學會了忽視網頁中類似于廣告的東西。 相信沒有幾個人會喜歡網易上的彈出窗口吧。大部分用戶對此的第一反應:這東西真討厭,我要關閉它,否則太浪費時間了。因此,在我們的設計中,避免使用類似于廣告的東西,顯得頗為重要。

      到達最終頁面要經過數次點擊。

      雖然增加了page view,但這無疑增加了用戶使用的復雜度。好的設計應該遵循“三次點擊原則”,即網站中,由任一頁面到達最終目的頁面的點擊次數不超過三次。

      擅自為用戶打開過多的新窗口或者禁止某些標準元素的使用

      打開新窗口的目的是為了使用戶不要離開自己的網站,但這顯然是一種不明智的做法。你應該清楚的意識到這樣一個事實:用戶通常是打開幾個瀏覽器,說不定還下載軟件,聽著CD,交錯瀏覽幾個網站,當你擅自為他打開過多新窗口時,很容易使他的機器崩潰,并且污染了他們桌面,這是極不道德的。

      有些設計者喜歡把網頁設計成為全屏的,事實上,這在某種程度上會使用戶受到驚嚇。用戶會抱怨:“怎么回事?菜單條呢?工具條呢?我怎樣才能把這個東西關掉呀?”有的用戶會使用alt+4把他關掉,而對于大部分的用戶恐怕只會是ctrl+alt+del。顯然,這并不是受歡迎的設計

     

  • 上一個課程:
  • 下一個課程:
  • 走進學校|電腦課程|網站導航|聯系電話020-85566215

    備案/許可證編號為粵ICP備11070650號-4

    學校地址:廣州市天河區五山路華南理工大學國家科技園金華園區3樓C307

    Copyright @ 2003-2016 www.xtvrsb.com All Rights Reserved.Optimized for 1024x768

    版權所有:廣州青大教育信息咨詢有限公司

    网上现金斗牛