從嚴格意義上講,網頁也是一種 “軟件”,其介面也是軟件介面的一種。然而,相比各種系統軟件和應用軟件,網頁的介面又有一些不同。網頁是由瀏覽器開啓的文件,因此可以將其看作是瀏覽器的一個組成部分。網頁的介面只包含內建元素,而不包含窗體元素。以內容來劃分,一般的網頁介面包括網站 logo 、導航條、 Banner 、內容欄和版尾 5 個部分。
1.網站製作 logo
logo 是企業或網站的標誌。例如,微軟的 logo:Microsoft 。
2.導航條
導航條是索引網站內容,幫助多用户快速訪問網站功能的輔助工具。根據網站內容,一個網頁可以設定多個導航條,還可以設定多級的導航條以顯示更多的導航內容。導航條內包含的是網站功能的按鈕或連結,其專案的數量不宜過多。通常同級別的專案數量以 3~7 個為宜,超過這一數量後,應儘量放到下一級別處理。設計合理的導航條可以有效地提高多用户訪問網站的效率。在導航條的設計中,還可以多采用類似 Flash 或 jQuery 指令碼等實現的動畫元素,吸引多用户訪問。
3.Banner
Banner 的中文意思為旗幟或網幅,是一種可以由文字、影象和動畫相結合而成的網頁欄目。 Banner 的主要作用是顯示網站的各種廣告,包括網站本身產品的廣告和與其他企業合作放置的廣告。在網頁中預留標準 Banner 大小的位置,可以降低網站的廣告多用户 Banner 設計成本,使 Banner 廣告位的出租更加便捷。國際廣告聯盟的 “標準與管理委員會” 聯合廣告支持資訊和娛樂聯合會等國際組織,推出了一系列網絡廣告宣傳物的標準尺寸,稱作 “IAC/CASIE” 標準,共包括 7 種標準的 Banner 尺寸。在眾多商業網站中,通常都會遵循以上標準定 Banner 的尺寸,方便多用户設計統一的 Banner 應用在所有網站上。然而,在一些不依靠廣告位出租贏利的網站中,Banner 的大小則比較自由。網頁的設計者完全可以根據網站內容以及頁面美觀的需要隨時調整 Banner 的大小。
4.內容欄
內容欄是網站製作網頁內容的主體,通常可以由一個或多個子欄組成,包含網頁提供的所有資訊和服務專案。內容欄的內容既可以是影象,也可以是文字,或影象和文字結合的各種內容。在設計內容欄時,多用户可以先獨立地設計多個子欄,然後再將這些子欄拼接在一起,形成整體的效果。同時,還可以對子欄進行優化排列,提高多用户的操作體驗。如果網頁的內容較少,則可以使用單獨的內容欄,通過大量的影象使網頁更加美觀。
5.版尾
版尾是整個網頁的收尾部分。在這部分內容中,可以宣告網站製作網頁的版權、法律依據以及為多用户提供的各種提示資訊等。除此之外,在版尾部分還可以提供獨立的導航條,為將頁面滾動到底部的多用户提供一個導航的替代方式。