網(wǎng)頁的基本要素
網(wǎng)站的基本元素是網(wǎng)頁,一個個的網(wǎng)頁構(gòu)成了一個完整的網(wǎng)站,網(wǎng)頁也是可分的,構(gòu)成網(wǎng)頁的基本元素包括標題、網(wǎng)站LOGO、頁眉、頁腳、主體內(nèi)容、功能區(qū)、導航區(qū)、廣告欄等。這些元素在網(wǎng)頁的位置安排,就是網(wǎng)頁的整體布局。
標題
每個網(wǎng)頁的最頂端都有一條信息,這條信息往往出現(xiàn)在瀏覽器的標題欄,而非網(wǎng)頁中,但是這條信息也是網(wǎng)頁布局中的一部分。這條信息是對這個網(wǎng)頁中主要內(nèi)容的提示,即標題。
網(wǎng)站LOGO
LOGO是網(wǎng)站所有者對外宣傳自身形象的工具。LOGO集中體現(xiàn)了這個網(wǎng)站的文化內(nèi)涵和內(nèi)容定位。可以說,LOGO是一個網(wǎng)站的最為吸引人、最容易被人記住的標志。LOGO在網(wǎng)站中的位置都比較醒目,目的是要使其突出,容易被人識別與記憶。在二級網(wǎng)頁中,頁眉位置一般都留給LOGO。另外,LOGO往往被設計成為一種可以回到首頁的超鏈接。
頁眉
網(wǎng)頁的上端即是這個頁面的頁眉。頁眉并不是在所有的網(wǎng)頁中都有,一些特殊的網(wǎng)頁就沒有明確劃分出頁眉。頁眉往往在一個頁面中相當重要的位置,容易引起瀏覽者的注意,所以很多網(wǎng)站都會在頁眉中設置宣傳本網(wǎng)站的內(nèi)容,如網(wǎng)站宗旨、網(wǎng)站LOGO等,也有一些網(wǎng)站將這個“黃金地段”作為廣告位出租。
主體內(nèi)容
主體內(nèi)容是網(wǎng)頁中的最重要的元素。主體內(nèi)容并不完整,往往由下一級內(nèi)容的標題、內(nèi)容提要、內(nèi)容摘編的超鏈接構(gòu)成。主體內(nèi)容借助超鏈接,可以利用一個頁面,高度概括幾個頁面所表達的內(nèi)容,而首頁的主體內(nèi)容甚至能在一個頁面中高度概括整個網(wǎng)站的內(nèi)容。
主體內(nèi)容一般均有圖片和文檔構(gòu)成,現(xiàn)在的一些網(wǎng)站的主體內(nèi)容中還加入了視頻、音頻等多媒體文件。由于人們的閱讀習慣是由上至下、由左至右,所以主體內(nèi)容的內(nèi)容分布也是按照這個規(guī)律,依照重要到不重要的順序安排內(nèi)容,所以在主體內(nèi)容中,左上方的內(nèi)容是最重要的。
頁腳
網(wǎng)頁的最底端部分被稱為頁腳,頁腳部分通常被用來介紹網(wǎng)站所有者的具體信息和聯(lián)絡方式,如名稱、地址、聯(lián)系方式、版權(quán)信息等。其中一些內(nèi)容被做成標題式的超鏈接,引導瀏覽者進一步了解詳細的內(nèi)容。
功能區(qū)
功能區(qū)是網(wǎng)站主要功能的集中表現(xiàn)。一般位于網(wǎng)頁的右上方或右側(cè)邊欄。功能區(qū)包括:電子郵件、信息發(fā)布、用戶名注冊、登陸網(wǎng)站等內(nèi)容。有些網(wǎng)站使用了IP定位功能,定位瀏覽者所在地,然后可在功能區(qū)顯示當?shù)氐奶鞖?、新聞等個性化信息。
導航區(qū)
如果說主體內(nèi)容部分重要的話,導航區(qū)的重要性與其不相上下,甚至導航區(qū)的設計可以成為一種獨立的設計,與網(wǎng)頁布局設計分庭抗禮。之所以說導航區(qū)重要,是因為其所在位置左右著整個網(wǎng)頁布局的設計。導航區(qū)一般分為4種位置,分別是左側(cè)、右側(cè)、頂部和底部。一般網(wǎng)站使用的導航區(qū)都是單一的,但是也有一些網(wǎng)站為了使網(wǎng)頁更便于瀏覽者操作,增加可訪問性,往往采用了多導航技術。
廣告區(qū)
廣告區(qū)是網(wǎng)站實現(xiàn)贏利或自我展示的區(qū)域。一般位于網(wǎng)頁的頁眉、右側(cè)和底部。廣告區(qū)內(nèi)容以文字、圖像、Flash動畫為主。通過吸引瀏覽者點擊鏈接的方式達成廣告效果。廣告區(qū)設置要達到明顯、合理、引人注目,這對整個網(wǎng)站的布局很重要。
繼續(xù)查找其他問題的答案?
-
Dreamweaver CC 如何在jQurey Mobile使用抖動效果?
2020-12-296次播放
-
Dreamweaver CC 如何在jQuery mobile中設置彈跳效果?
2020-12-296次播放
-
2020-12-251次播放
-
2020-12-251次播放
-
2020-12-250次播放
-
2020-12-253次播放
-
Dreamweaver CC 如何在jQuery Mobile設計首頁?
2020-12-250次播放
-
Dreamweaver CC 如何在jQuery Mobile插入修飾圖標和計數(shù)器?
2020-12-250次播放
-
Dreamweaver CC 如何在jQuery Mobile拆分按鈕列表項?
2020-12-252次播放
-
Dreamweaver CC 如何在jQuery Mobile定義列表嵌套?
2020-12-251次播放
點擊加載更多評論>>