網頁構架設計說明

1、網頁設計應該如何布局

網頁布局類型

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

「國」字型:也可以稱為「同」字型，是一些大型網站所喜歡的類型，即最上面是網站的標題以及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內

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

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

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

5. 上下框架型:與上面類似，區別僅僅在於是一種上下分為兩頁的框架。

6. 綜合框架型:上頁兩種結構的結合，相對復雜的一種框架結構，較為常見的是類似於「拐角型」結構的，只是採用了框架結構。 7.

封面型:這種類型基本上是出現在一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個「進入」的鏈接甚至直接在

首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。

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

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

2、網站信息架構的設計目標和要求是什麼

一般網站的頁面組成都有文字、圖象、超鏈接、表格、表單、動畫及框架等，下面來詳細的介紹下這些組成元素。
一、框架
框架是網頁的一種組織形式，將相互關聯的多個網頁的內容組織在一個瀏覽器窗口中顯示。例如，我們可以在一個框架內放置導航欄，另一個框架中的內容可以隨著單擊導航欄中的鏈接而改變，這樣我們只要製作一個導航欄的網頁即可，而不必將導航欄的內容復制到各欄目的網頁中去。
二、文本
文本是網頁中的主要信息。在網頁中可以通過字體、字型大小、顏色、底紋以及邊框等來設置文本屬性。這里指的文字是文本文字，而並非圖片中的文字。
在網頁製作中，文字可以方便地設置成各種字體和大小，但是這里還是建議，用於正文的文字不要太大，也不要使用太多的字體，中文文字使用宋體、9磅或者12、14像素左右即可。因為過大的字在顯示器中顯示時線條的顯示不夠平滑、顏色也不要使用得太過復雜，以免造成影響用戶視覺。大段文本文字排列，建議參考一下優秀的報紙雜志等。
三、圖片
今天看到的豐富多彩的網頁，都是因為網頁中有了圖象，可見圖象在網頁中的重要性。用於網頁上的圖片一般為JPG和GIF格式的，即以.jpg和.gif為後綴的文件。
四、超鏈接
超鏈接是整個網站的通道，它是把網頁指向另一個目的端的鏈接。例如指向另一個網頁或相同網頁上的不同位置。這個目的端通常是另一個網頁，但也可以是圖片、電子郵件地址、文件、程序，或者也可以是本阿諛的其他位置。超鏈接可以是文本或者圖片。
超鏈接廣泛的存在於網頁的圖片和文字中，提供與圖片和文字相關內容的鏈接。在超鏈接上單擊滑鼠左鍵，即可鏈接到相應地址（URL）的網頁。有鏈接的地方，滑鼠指到游標會變成小手形狀。可以說超鏈接正是Web的主要特色。
五、表格
表格是網頁排版的靈魂。使用表格排版是網頁的主要製作形式之一。通過表格可以精確的控制各網頁元素在網頁中的位置。表格並非指網頁中直觀意義的表格，范圍要更廣一些，它是HTML語言中一種元素。表格主要用於網頁內容的排列，組織整個網頁的外觀，通過在表格中放置相應的內容，即可有效的組合成符合設計效果的頁面。有了表格的存在，網頁中的元素得以方便的固定在設計位置上。一般表格的邊線不在網頁中顯示。
六、表單
表單是用來收集站點訪問者信息的域集。站點訪問者填寫表單的方式是輸入文本、單擊單選按鈕與復選框，以及從下拉菜單中選擇選項。在添寫好標單之後，站點訪問者便送出輸入的資料庫，該觳觫句哭就會根據所設置的表單處理程序，以各種不同的方式進行處理。
七、動畫
動畫是網頁上最活躍的元素，通常製作優秀、創意思、出眾的動畫是吸引瀏覽者的最有效的方法。但太多的動畫讓人眼花繚亂，無心細看。這就使得對動畫製作的要求越來越高。通常的製作動畫的軟體有flash、web animator等。Macromedia的flash雖然出現的時間不長，但已經成為了最重要的Web動畫形式之一。Flash不僅比htm易學得多，而且有很多重要的動畫特徵，如關鍵楨補間、運動路徑、動畫蒙版、形狀變形和洋蔥皮效果等。利用這個多才多藝的程序，不僅可以建立Flash電影，而且可以把動畫輸出為QuickTime文件，GIF文件或其他許多不同的文件格式（PICT、JPEG、PNG等）
八、其他
網頁中除了這些基本元素外，還包括橫幅廣告、字幕、懸停按鈕、日戳、計數器、音頻及視頻等。

3、描述網頁設計的一般步驟

一、網站結構設計
網站結構設計包含網站欄目設計和網站模塊設計以來確定網站提供服務的一種邏輯表現形式，也是網頁之間的層次關系。
1.網站欄目能起到提綱挈領額作用
2.網站欄目具有清晰導航的功能
3.網站模塊要做到順序清晰且緊密結合

二、網站主題設計
網站主題設計實際就是網站視覺呈現風格的設計。網站的主題風格要能充分吸引用戶的注意力，為用戶提供愉快的訪問體驗。
1.設計能反映網站內容的logo,並且將logo放在網站的醒目位置。
2.網站的顏色要統一，要突出網站的主調色彩。
3.相同類型的圖像要有相同的效果。
4.網站要有一句明晰的宣傳標語。

 
三、網站布局類型
1. 國字型布局
這種布局類型分為上邊欄、左邊欄、中間內容區、右邊欄和底部的頁腳區域，其形狀酷似一個「國」字。國字型結構是目前比較常用的一個網頁布局結構，它適用於信息分類繁多、需要良好組織的網站。
2. T字型布局
這種布局類型由上邊欄、左邊欄、內容區、下邊欄組成，其形狀有點像一個英文字母寫的「T」字。T字型結構網站目前在一些權威機構、企事業單位的公司網站出現得比較多。
3. 左右框架型布局
這類網站主要由左邊欄和內容區組成，組成比較簡潔，主要用於精彩內容的呈現，主要是很多個人站點、博客的首選。
4. 上下框架型布局
這類網站由上下邊欄組成，上邊欄用來放置logo和鏈接等信息，下邊欄用來放置網頁的內容。上下型網站經常用來進行個性化展示，在企業門戶網站的公司展示中也比較常用。
5. 標題正文型布局
這類網站的布局結構由上邊欄和內容區組成，上邊欄用於顯示文章的標題。主要用於顯示文章的標題，內容區放置文章的內容，這類布局在一些論文、學術網站的設計中比較常用。
網站設計都不會單獨使用以上列出的某一種布局結構，而是通過混合使用多種布局結構來實現自己想要的效果，這類布局通常稱為「綜合性布局」。

四、網站頁面設計
網站頁面是網站的最終表現形式。網站頁面由頁面內容的質量度和頁面的美觀度來決定。頁面設計應該遵循的原則如下：
1.符合企業的行業屬性和企業特點。客戶打開網站能直觀感受企業所傳遞的理念和特徵。
2.符合用戶的瀏覽習慣。根據網站內容的重要性進行排序，讓用戶花最短的時間能夠找到自己需要的信息。
3.符合用戶的使用習慣。將用戶經常使用的功能放在網站的醒目位置。
4.圖文搭配。
5.利於搜索引擎優化。減少圖片和動畫，多使用文字描述，以便於搜索引擎收錄，讓客戶更容易找到你。格子網路解答。

4、在設計一個網頁時，表格與框架布局有什麼區別？試舉例說明。

表格是用於劃分頁面區域的，而框架是用於分割瀏覽器窗口的，即使用框架結構的頁面可以將一個瀏覽器窗口劃分為多個相互獨立又相互聯系的小窗口，每個區域都可以顯示不同的HTML文檔，從而實現將多個HTML文件組織到一個瀏覽器窗口中顯示。
使用框架的優點：
訪問者的瀏覽器不需為每個頁面重新載入導航條；每個框架都具有自己的滾動條，因此訪問者可以獨立滾動這些框架進行瀏覽。
使用框架的缺點：
A）並不是所有瀏覽器都提供良好的框架支持
B）難以實現在不同框架中精確的對齊各個頁面元素

使用表格布局頁面的好處：網上絕大部分的頁面都是使用表格來美化的，因為表格有很好的兼容性，可被絕大部分的瀏覽器所支持，而且使用表格會使頁面結構清晰、布局整齊。

補充：在網上很難找到用框架布局的網站，大部分都是用DIV或表格布局的！實在沒辦法幫你舉例，你可以看看windows的幫助窗口，你就明白框架了！

5、想要一份網站詳細設計說明書，請大蝦幫忙。

?