Dreamweaver CS5之制造網(wǎng)頁的基本要素 , 什么是網(wǎng)頁的基本要素?網(wǎng)頁的基本要素包括標(biāo)題 , logo , 頁眉 , 主體內(nèi)容 , 頁腳 , 功能區(qū) , 導(dǎo)航區(qū) , 廣告區(qū)等等 , 今天小編就帶大家認(rèn)識(shí)一下網(wǎng)頁的一些基本要素 , 在以后做網(wǎng)站時(shí)有大概的規(guī)劃 。
在制作網(wǎng)頁之前 , 我們首先應(yīng)該了解在一個(gè)網(wǎng)頁中需要哪些要素 , 今天小編就為大家介紹一下網(wǎng)頁的組成要素 。
網(wǎng)站的基本元素是網(wǎng)頁 , 一個(gè)個(gè)的網(wǎng)頁構(gòu)成了一個(gè)完整的網(wǎng)站 , 網(wǎng)頁也是可分的 , 構(gòu)成網(wǎng)頁的基本元素包括標(biāo)題、網(wǎng)站LOGO、頁眉、頁腳、主體內(nèi)容、功能區(qū)、導(dǎo)航區(qū)、廣告欄等 。這些元素在網(wǎng)頁的位置安排 , 就是網(wǎng)頁的整體布局 。
標(biāo)題
每個(gè)網(wǎng)頁的最頂端都有一條信息 , 這條信息往往出現(xiàn)在瀏覽器的標(biāo)題欄 , 而非網(wǎng)頁中 , 但是這條信息也是網(wǎng)頁布局中的一部分 。這條信息是對(duì)這個(gè)網(wǎng)頁中主要內(nèi)容的提示 , 即標(biāo)題 。
網(wǎng)站LOGO
LOGO是網(wǎng)站所有者對(duì)外宣傳自身形象的工具 。LOGO集中體現(xiàn)了這個(gè)網(wǎng)站的文化內(nèi)涵和內(nèi)容定位 。可以說 , LOGO是一個(gè)網(wǎng)站的最為吸引人、最容易被人記住的標(biāo)志 。LOGO在網(wǎng)站中的位置都比較醒目 , 目的是要使其突出 , 容易被人識(shí)別與記憶 。在二級(jí)網(wǎng)頁中 , 頁眉位置一般都留給LOGO 。另外 , LOGO往往被設(shè)計(jì)成為一種可以回到首頁的超鏈接 。
頁眉
網(wǎng)頁的上端即是這個(gè)頁面的頁眉 。頁眉并不是在所有的網(wǎng)頁中都有 , 一些特殊的網(wǎng)頁就沒有明確劃分出頁眉 。頁眉往往在一個(gè)頁面中相當(dāng)重要的位置 , 容易引起瀏覽者的注意 , 所以很多網(wǎng)站都會(huì)在頁眉中設(shè)置宣傳本網(wǎng)站的內(nèi)容 , 如網(wǎng)站宗旨、網(wǎng)站LOGO等 , 也有一些網(wǎng)站將這個(gè)“黃金地段”作為廣告位出租 。
主體內(nèi)容
主體內(nèi)容是網(wǎng)頁中的最重要的元素 。主體內(nèi)容并不完整 , 往往由下一級(jí)內(nèi)容的標(biāo)題、內(nèi)容提要、內(nèi)容摘編的超鏈接構(gòu)成 。主體內(nèi)容借助超鏈接 , 可以利用一個(gè)頁面 , 高度概括幾個(gè)頁面所表達(dá)的內(nèi)容 , 而首頁的主體內(nèi)容甚至能在一個(gè)頁面中高度概括整個(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)容是最重要的 。
頁腳
網(wǎng)頁的最底端部分被稱為頁腳 , 頁腳部分通常被用來介紹網(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)頁的右上方或右側(cè)邊欄 。功能區(qū)包括:電子郵件、信息發(fā)布、用戶名注冊(cè)、登陸網(wǎng)站等內(nèi)容 。有些網(wǎng)站使用了IP定位功能 , 定位瀏覽者所在地 , 然后可在功能區(qū)顯示當(dāng)?shù)氐奶鞖?、新聞等個(gè)性化信息 。
導(dǎo)航區(qū)
如果說主體內(nèi)容部分重要的話 , 導(dǎo)航區(qū)的重要性與其不相上下 , 甚至導(dǎo)航區(qū)的設(shè)計(jì)可以成為一種獨(dú)立的設(shè)計(jì) , 與網(wǎng)頁布局設(shè)計(jì)分庭抗禮 。之所以說導(dǎo)航區(qū)重要 , 是因?yàn)槠渌谖恢米笥抑麄€(gè)網(wǎng)頁布局的設(shè)計(jì) 。導(dǎo)航區(qū)一般分為4種位置 , 分別是左側(cè)、右側(cè)、頂部和底部 。一般網(wǎng)站使用的導(dǎo)航區(qū)都是單一的 , 但是也有一些網(wǎng)站為了使網(wǎng)頁更便于瀏覽者操作 , 增加可訪問性 , 往往采用了多導(dǎo)航技術(shù) 。
廣告區(qū)
廣告區(qū)是網(wǎng)站實(shí)現(xiàn)贏利或自我展示的區(qū)域 。一般位于網(wǎng)頁的頁眉、右側(cè)和底部 。廣告區(qū)內(nèi)容以文字、圖像、Flash動(dòng)畫為主 。通過吸引瀏覽者點(diǎn)擊鏈接的方式達(dá)成廣告效果 。廣告區(qū)設(shè)置要達(dá)到明顯、合理、引人注目 , 這對(duì)整個(gè)網(wǎng)站的布局很重要 。
推薦閱讀
- Dreamweaver CS5之靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁
- 云頂之奕戰(zhàn)地需要啥裝備
- Dreamweaver CS5之安裝
- 女子25歲摽梅之年,摽梅之年是多少歲
- 幻書啟世錄漢尼拔之偉略介紹 幻書啟世錄漢尼拔之偉略契印怎么樣
- 細(xì)數(shù)天語A905的不足之處
- 海潮之石怎么做-海潮之石如何做
- photoshop cs5之對(duì)如何對(duì)文字操作
- 盜賊之海地圖怎么看
- 人身體水分占身體百分之幾
