位置:首頁(yè) > 軟件操作教程 > UI設(shè)計(jì)軟件 > Adobe Dreamweaver > 問(wèn)題詳情

網(wǎng)頁(yè)的基本要素

提問(wèn)人:周麗平發(fā)布時(shí)間:2021-05-25

 網(wǎng)站的基本元素是網(wǎng)頁(yè),一個(gè)個(gè)的網(wǎng)頁(yè)構(gòu)成了一個(gè)完整的網(wǎng)站,網(wǎng)頁(yè)也是可分的,構(gòu)成網(wǎng)頁(yè)的基本元素包括標(biāo)題、網(wǎng)站LOGO、頁(yè)眉、頁(yè)腳、主體內(nèi)容、功能區(qū)、導(dǎo)航區(qū)、廣告欄等。這些元素在網(wǎng)頁(yè)的位置安排,就是網(wǎng)頁(yè)的整體布局。

標(biāo)題

每個(gè)網(wǎng)頁(yè)的最頂端都有一條信息,這條信息往往出現(xiàn)在瀏覽器的標(biāo)題欄,而非網(wǎng)頁(yè)中,但是這條信息也是網(wǎng)頁(yè)布局中的一部分。這條信息是對(duì)這個(gè)網(wǎng)頁(yè)中主要內(nèi)容的提示,即標(biāo)題。

網(wǎng)站LOGO

LOGO是網(wǎng)站所有者對(duì)外宣傳自身形象的工具。LOGO集中體現(xiàn)了這個(gè)網(wǎng)站的文化內(nèi)涵和內(nèi)容定位??梢哉f(shuō),LOGO是一個(gè)網(wǎng)站的最為吸引人、最容易被人記住的標(biāo)志。LOGO在網(wǎng)站中的位置都比較醒目,目的是要使其突出,容易被人識(shí)別與記憶。在二級(jí)網(wǎng)頁(yè)中,頁(yè)眉位置一般都留給LOGO。另外,LOGO往往被設(shè)計(jì)成為一種可以回到首頁(yè)的超鏈接。

頁(yè)眉

網(wǎng)頁(yè)的上端即是這個(gè)頁(yè)面的頁(yè)眉。頁(yè)眉并不是在所有的網(wǎng)頁(yè)中都有,一些特殊的網(wǎng)頁(yè)就沒(méi)有明確劃分出頁(yè)眉。頁(yè)眉往往在一個(gè)頁(yè)面中相當(dāng)重要的位置,容易引起瀏覽者的注意,所以很多網(wǎng)站都會(huì)在頁(yè)眉中設(shè)置宣傳本網(wǎng)站的內(nèi)容,如網(wǎng)站宗旨、網(wǎng)站LOGO等,也有一些網(wǎng)站將這個(gè)“黃金地段”作為廣告位出租。

主體內(nèi)容

主體內(nèi)容是網(wǎng)頁(yè)中的最重要的元素。主體內(nèi)容并不完整,往往由下一級(jí)內(nèi)容的標(biāo)題、內(nèi)容提要、內(nèi)容摘編的超鏈接構(gòu)成。主體內(nèi)容借助超鏈接,可以利用一個(gè)頁(yè)面,高度概括幾個(gè)頁(yè)面所表達(dá)的內(nèi)容,而首頁(yè)的主體內(nèi)容甚至能在一個(gè)頁(yè)面中高度概括整個(gè)網(wǎng)站的內(nèi)容。

主體內(nèi)容一般均有圖片和文檔構(gòu)成,現(xiàn)在的一些網(wǎng)站的主體內(nèi)容中還加入了視頻、音頻等多媒體文件。由于人們的閱讀習(xí)慣是由上至下、由左至右,所以主體內(nèi)容的內(nèi)容分布也是按照這個(gè)規(guī)律,依照重要到不重要的順序安排內(nèi)容,所以在主體內(nèi)容中,左上方的內(nèi)容是最重要的。

頁(yè)腳

網(wǎng)頁(yè)的最底端部分被稱為頁(yè)腳,頁(yè)腳部分通常被用來(lái)介紹網(wǎng)站所有者的具體信息和聯(lián)絡(luò)方式,如名稱、地址、聯(lián)系方式、版權(quán)信息等。其中一些內(nèi)容被做成標(biāo)題式的超鏈接,引導(dǎo)瀏覽者進(jìn)一步了解詳細(xì)的內(nèi)容。

功能區(qū)

功能區(qū)是網(wǎng)站主要功能的集中表現(xiàn)。一般位于網(wǎng)頁(yè)的右上方或右側(cè)邊欄。功能區(qū)包括:電子郵件、信息發(fā)布、用戶名注冊(cè)、登陸網(wǎng)站等內(nèi)容。有些網(wǎng)站使用了IP定位功能,定位瀏覽者所在地,然后可在功能區(qū)顯示當(dāng)?shù)氐奶鞖狻⑿侣劦葌€(gè)性化信息。

導(dǎo)航區(qū)

如果說(shuō)主體內(nèi)容部分重要的話,導(dǎo)航區(qū)的重要性與其不相上下,甚至導(dǎo)航區(qū)的設(shè)計(jì)可以成為一種獨(dú)立的設(shè)計(jì),與網(wǎng)頁(yè)布局設(shè)計(jì)分庭抗禮。之所以說(shuō)導(dǎo)航區(qū)重要,是因?yàn)槠渌谖恢米笥抑麄€(gè)網(wǎng)頁(yè)布局的設(shè)計(jì)。導(dǎo)航區(qū)一般分為4種位置,分別是左側(cè)、右側(cè)、頂部和底部。一般網(wǎng)站使用的導(dǎo)航區(qū)都是單一的,但是也有一些網(wǎng)站為了使網(wǎng)頁(yè)更便于瀏覽者操作,增加可訪問(wèn)性,往往采用了多導(dǎo)航技術(shù)。

廣告區(qū)

廣告區(qū)是網(wǎng)站實(shí)現(xiàn)贏利或自我展示的區(qū)域。一般位于網(wǎng)頁(yè)的頁(yè)眉、右側(cè)和底部。廣告區(qū)內(nèi)容以文字、圖像、Flash動(dòng)畫(huà)為主。通過(guò)吸引瀏覽者點(diǎn)擊鏈接的方式達(dá)成廣告效果。廣告區(qū)設(shè)置要達(dá)到明顯、合理、引人注目,這對(duì)整個(gè)網(wǎng)站的布局很重要。

繼續(xù)查找其他問(wèn)題的答案?

回復(fù)(0)