Unit5 網頁介面設計基本觀念
設計網頁時所需要注意的事項
全球資訊網是一個特殊的資訊系統，在設計其網頁的時候其實也就是在設計一個資訊系統的界面，以下分為幾個方向來說明設計全球資訊網的網頁時所需要注意的事項：
1.網頁設計的基本原則
2.網頁設計的檢查指標
3.頁面設計範例
4.網頁設計格式參考資源
5.頻寬的影響
6.互動性的要求
7.安全性的要求
網頁在系統中可有各種不同的功能：
多媒體資訊傳遞：簡單的網頁可以用平面或是 3D 的方式來傳達聲音、影像、動畫、視訊、虛擬時境的多媒體資訊。互動的佈告欄：網際網路上來觀看網頁的人可以在網頁上留言，藉以和其他來觀看的人或是網頁的製作人溝通。資訊系統之介面：網頁本身可以是一個資料庫、GIS 系統、或是應用資訊系統的人機介面，允許使用者在遠端透過網路來操作該系統。
用有效的方式和網頁瀏覽者溝通：
在確定好網頁目的、主題、瀏覽對象之後，切記網頁是溝通的工具，任何溝通都要盡力使得溝通有效，以免浪費時間，瀏覽者在全球資訊網的大海中好不容易走到你這一個網頁上，你用細心的設計與美觀調和的畫面來顯示真誠的態度之外，也要用簡捷有條理的方式展現你的主題，確保你的目的能在瀏覽者的耐心用完之前完全達到，以下是幾個該注意的重點：
1.降低文字的篇幅
2.儘量以標題摘要文章內容
3.斜體字、粗體字、不同顏色的字要小心使用
4.超連結 (hyperlink) 文字常常也就是關鍵詞
5.網頁中的文章請使用固定的風格
6.使用瀏覽者熟悉的名詞
7.使用互動式元件時必須選用能夠清楚地代表該選項或是動作的詞語
8.在設計互動式界面時必須使用清楚、建設性的訊息
9.注意網頁中標題、圖片與文字段落讀序的安排
幫助使用者迅速地找到資訊
以下為一些輔助瀏覽者的頁面設計原則：
1.使用一致的關鍵字
2.建立超連結目錄表
3.顯示瀏覽者目前瀏覽的位置
4.盡量避免讓瀏覽者使用捲動軸和調整視窗大小
5.使用清楚的標題 (title) 標注 (tag)
6.在網站的深度和廣度之間做一個適當的選擇
7.使用適當的導覽按鍵 (影像或文字之超連結)
8.避免瀏覽者無法離開某一頁的窘境
9.使用 HTML 的內部連結
10.如果你的網站有很多網頁的話，請你考慮在每一頁內提供連結來連結到下列重要的網頁上， 如：首頁 (home page) ，內容連結頁 (TOC, Table Of Content) ， 索引頁 (index page) 或搜尋頁 (local search page)
11.不管使用者在瀏覽任何資訊時，上面這些連結最好都能一致呈現出來
12.提供相關資訊的連結
時時考慮操作及資訊傳遞的效率：
在網際網路上每一個使用者所能使用的頻寬差異很大，如果是透過電話線連上網路的話，很可能每秒只能傳遞數十K位元組，如果連線到國外的話很可能只有每秒數百個位元組，因此設計網頁時要時時想到如何讓使用者很有效率地瀏覽網頁的內容。
1.別把重要的資訊藏起來
2.讓每一個網頁儘量縮短
3.使用小縮圖影像來取代大的影像
4.重複使用影像
5.在 HTML 中設定影像標注中的 width、height、以及 alt 參數
6.使用交錯格式影像：使用交錯 (interlaced) 格式儲存的影像在下載時會分為多個階段下載，感覺起來會比一般的影像下載的快一些。
7.使用 GIF 格式影像與 JPEG 格式影像的差別： l 對於照片影像而言 JPG 格式壓縮得比較好，檔案比較小，下載的速度也比較快， GIF 檔是沒有失真的壓縮檔案，對於表格、文字、線條、圖形等等色彩比較適合。
讓頁面看起來更舒服：
1.不要隨便更改超連結的顏色
2.使你的網站中各個網頁的外觀一致 (顏色及配置)
3.圖片和文字整體編排的方式最好一致
4.文字對齊的方式要一致
強調互動性：
1.提供雙向互動的方式，包括即時性的互動：像 CGI 與表單、 ASP、JAVA 界面、以及非即時性的互動：像 e-mail 的連結，讓瀏覽者不只單方面的閱讀網頁上提供的資訊，也能夠提供一些他所知道的資訊，讓瀏覽者能夠回饋、參與網頁內資料的更新，讓瀏覽者能夠有再回來看看的動機。
2.提供意見討論的佈告欄或是留言板：讓眾多瀏覽者可以針對網頁的內容或是論點來抒發自己的看法，眾多瀏覽者可以藉由此一網頁相互溝通心得，可以由各種不同的角度來探討同一件事，這是瀏覽者所以喜歡常常光顧你的網頁的一大動機。
3.如果可能的話，可請一些相關的專業人士評論你的網頁，做為網頁的序言，甚至邀請他們定時在留言板上提供看法，或是主持意見專欄。
4.提供電子郵件地址，鼓勵使用者提出意見。
5.提供簡單的評量表格，針對網頁的編排、資訊內容的合適度、深度與廣度請瀏覽者做一評論，並提供目前的統計資料。
6.可以根據使用者的意見，整理所謂的 FAQ (Frequently Asked Questions) 來提供使用者參考一些綜合的問題與解答
維護網頁：
網頁是資訊傳播的工具，但是資訊是需要小心去維護、更新的，因此一個網頁設計出來以後必須經常性的去維護它、去灌溉它，眾多瀏覽者的意見與互動會讓網頁的內容茁壯，也能吸引更多的使用者前來。
1.謹慎地檢查打字
2.測試網頁呈現的效果
3.不要濫用~建構中 (Under Construction)的標示
4.定期檢查網頁中的連結
5.定期更新你的網頁
6.如果運用網頁來宣布事項，務必將刪除過期無效的資訊
7.如果你在網頁上放置一些讓使用者下載的執行程式或是含有巨集的文件時，請務必注意定時掃毒