網站設計的(of)布局理念

        網頁可以(by)說是(yes)網站構成的(of)基本元素。當我(I)們(them)輕點鼠标,在(exist)網海中遨遊,一(one)副副精彩的(of)網頁會呈現在(exist)我(I)們(them)面前 ,那麽,網頁的(of)精彩與否的(of)因素是(yes)什麽呢?色彩的(of)搭配、文字的(of)變化、圖片的(of)處理等,這(this)些當然是(yes)不(No)可忽略的(of)因素，除了(Got it)這(this)些,還有一(one)個(indivual)非常重要(want)的(of)因素一(one)網頁的(of)布局。下面,我(I)們(them)就有關網頁布局談論一(one)下。

網頁布局類型

        網頁布局大(big)緻可分爲(for)“國(country)”字型、拐角型、标題正文型、左右框架型、上(superior)下框架型、 綜合框架型、封面型、Flash型、 變化型，下面分别論述。

1、“國(country)”型:

        也可以(by)稱爲(for)“同” 字型,是(yes)一(one)些大(big)型網站所喜歡的(of)類型 ,即最上(superior)面是(yes)網站的(of)标題以(by)及橫幅廣告條,接下來(Come)就是(yes)網站的(of)主要(want)内容,左右分列-些兩小條内容, 中間是(yes)主要(want)部分,與左右一(one)起羅列到(arrive)底,最下面是(yes)網站的(of)一(one)些基本信息、聯系方式、版權聲明等。這(this)種結構是(yes)我(I)們(them)在(exist)網上(superior)見到(arrive)的(of)差不(No)多最多的(of)一(one)種結構類型。

2、拐角型:

        這(this)種結構與上(superior)一(one)種其實隻是(yes)形式上(superior)的(of)區别,其實是(yes)很相近的(of)，上(superior)面是(yes)标題及廣告橫幅,接下來(Come)的(of)左側是(yes)一(one)窄列鏈接等 , 右列是(yes)很寬的(of)正文，下面也是(yes)一(one)些網站的(of)輔助信息。 在(exist)這(this)種類型中, 一(one)種很常見的(of)類型是(yes)最上(superior)面是(yes)标題及廣告,左側是(yes)導航鏈接。

3、标題正文型;

        這(this)種類型即最上(superior)面是(yes)标題或類似的(of)一(one)些東西，下面是(yes)文,比如一(one)些紋章頁面或注冊頁面等就是(yes)這(this)種類。

4、左右框架型:

        這(this)是(yes)一(one)種左右爲(for)分别兩頁的(of)框架結構,一(one)般左面是(yes) 導航鏈接,有時(hour)最上(superior)面會有一(one)個(indivual)小的(of)标題或标緻 ,右面是(yes)正文。我(I)們(them)見到(arrive)的(of)大(big)部分的(of)大(big)型論壇都是(yes)這(this)種結構的(of),有一(one)些企業網站也喜歡采用(use)。 這(this)種類型結構非常清晰，一(one)目了(Got it)然。

5、上(superior)下框架型：

        與上(superior)面類似,區别僅僅在(exist)于(At)是(yes)一(one)種上(superior)下分爲(for)兩頁的(of)框架。

6、綜合框架型:

      上(superior)頁兩種結構的(of)結合,相對複雜的(of)一(one)種框架結構, 較爲(for)常見的(of)是(yes)類似于(At)“拐角型”結構的(of),隻是(yes)采用(use)了(Got it)框架結構。

7、封面型:

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

8、Flash型 :

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

9、變化型:

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

關于(At)第一(one)屏

        所謂第一(one),是(yes)指我(I)們(them)到(arrive)達一(one)個(indivual)網站在(exist)不(No)拖動滾動條時(hour)能夠看到(arrive)的(of)部分。 那麽第一(one)屏有多 “大(big)” 呢?其這(this)是(yes)未知的(of)。一(one)般來(Come)講 ,在(exist)800600的(of)屏蒂顯示模式(這(this)也是(yes)最常用(use)的(of))下,在(exist)在(exist)安裝後默認的(of)狀态(即工具欄地(land)址欄等沒有改變)下, IE窗口内能看到(arrive)的(of)部分爲(for)778px*435px , 一(one)般來(Come)講,我(I)們(them)以(by)這(this)個(indivual)大(big)小爲(for)标準就行了(Got it), 畢境,在(exist)無法适合所有人(people)的(of)情況下,我(I)們(them)隻能爲(for)大(big)多數考慮了(Got it)。

        說了(Got it)那麽多,無非是(yes)一(one)個(indivual)标準的(of)問題 ,其實接下來(Come)不(No)用(use)我(I)說大(big)家也能想到(arrive)，第一(one) 屏當然要(want)放最主要(want)的(of)内容 ,關鍵要(want)知道的(of)是(yes),我(I)們(them)要(want)對第一(one)屏能顯示的(of)面積要(want)有 個(indivual)估計,而不(No)要(want)僅僅以(by)自己的(of)機器爲(for)準。其實網頁制作(do)的(of)一(one)個(indivual)很麻煩的(of)地(land)方就是(yes)浏覽者的(of)機器是(yes)未知的(of)。

有關導航欄的(of)位置

        導航欄能讓我(I)們(them)在(exist)浏覽時(hour)容易的(of)到(arrive)達不(No)同的(of)頁面,是(yes)網頁元素非常重要(want)的(of)部分,所以(by)導航欄一(one)定要(want)清晰、 醒目,一(one)般來(Come)講， 導航欄要(want)在(exist) “第一(one)屏” 能顯示出(out)來(Come),但是(yes)有時(hour)第一(one)屏可能會小于(At) 上(superior)面所說的(of)435px ,積于(At)這(this)點考慮,那種橫向放置的(of)導航欄要(want)優于(At)縱向的(of)導航欄考慮,原因很簡單:如果浏覽者的(of)第一(one)屏很矮 ,橫向的(of)仍能全部看到(arrive),而縱向的(of)就很難說了(Got it)，因爲(for)窗口的(of)寬度-般是(yes)不(No)會受浏覽器 設置影響的(of),而縱向的(of)則不(No)确定性要(want)大(big)的(of)多。

什麽樣的(of)布局是(yes)最好的(of)

        這(this)是(yes)初學者可能會問的(of)問題。其實這(this)要(want)具體情況具體分析的(of):比如如果内容非常多,就要(want)考慮用(use) “國(country)字型”或拐角型;而如果内容不(No)算太多而-些說明性的(of)東西比較多,則可以(by)考慮标題正文型;那幾種框架結構的(of)一(one)個(indivual)共同特點就是(yes)浏覽方便,速度快,但結構變化不(No)靈活;而如果是(yes)一(one)個(indivual)企業網站想展示一(one)下企業形象或個(indivual)人(people)主 頁想展示個(indivual)人(people)風采,封面性是(yes)首選; Flash型更靈活一(one)些,好的(of)Flash大(big)大(big)豐富了(Got it)網頁,但是(yes)它不(No)能表達過多的(of)文字信息。還沒有提到(arrive)的(of)就是(yes)變化型了(Got it), 我(I)隻是(yes)想把這(this)個(indivual)留給讀者了(Got it), 因爲(for),隻有不(No)斷的(of)變化才會提高,才會不(No)斷豐富我(I)們(them)的(of)網頁。