網(wǎng)站外觀的組織和設(shè)計(jì)

2023-01-28    分類: 網(wǎng)站建設(shè)

在設(shè)計(jì)和創(chuàng)建一個(gè)Web站點(diǎn)的時(shí)候,組織結(jié)構(gòu)固然很重要,但也不要忽視外觀的設(shè)計(jì),因?yàn)楫?dāng)訪問者初次瀏覽該站點(diǎn)的時(shí)候,最先吸引他的就是網(wǎng)頁的外觀。對于一個(gè)Web站點(diǎn)來說,外觀不僅僅指其包含的每一個(gè)網(wǎng)頁的外觀,而且還包括其結(jié)構(gòu)的外觀。在本節(jié)中,將著重討論結(jié)構(gòu)的外觀設(shè)計(jì)和Web頁面的外觀設(shè)計(jì)。一個(gè)Web站點(diǎn)的結(jié)構(gòu)層次好不要超過3層,因此,我們應(yīng)當(dāng)考慮三種不同類型的網(wǎng)頁。它們分別是:主頁、二級網(wǎng)頁和三級網(wǎng)頁。

網(wǎng)站設(shè)計(jì)

一、主頁

網(wǎng)站制作主頁通常也是一個(gè)Web網(wǎng)站的起始頁。有時(shí)也叫做首頁或者起始頁。主頁外觀設(shè)計(jì)的好壞將直接決定著訪問者對該Web站點(diǎn)的第一印象,一般來說,主頁應(yīng)當(dāng)包含一些本站點(diǎn)的內(nèi)容提要,本站點(diǎn)的情況說明和一些指向二級網(wǎng)頁的鏈接,因此,它是整個(gè)站點(diǎn)的核心部分。對于主頁中的說明文字應(yīng)盡量做到文字精煉、表達(dá)清楚,因?yàn)橹黜撝话ㄒ恍¦eb網(wǎng)站的基本情況介紹。以及一些指向二級網(wǎng)頁的鏈接,所以主頁的版面設(shè)計(jì)應(yīng)當(dāng)簡潔大方、色調(diào)夠明快、能給人一種一目了然、輕松愉快的印象,切忌不可花里胡哨,文字哆里哆唆,茫然不知所云。

在大多數(shù)的Web站點(diǎn)設(shè)計(jì)中,均采用表格和框架來設(shè)計(jì)和改再Web網(wǎng)頁的布局,在主頁的設(shè)計(jì)中,表格和框架的使用頻率尤其高,這個(gè)網(wǎng)站的主頁的制作就采用了使用表格的方法,利用表格可以很好地安排網(wǎng)頁的布局,表格的第一行是整個(gè)網(wǎng)站的標(biāo)題,一般需要寫上一些標(biāo)志性或者說明性文字,.用以標(biāo)明該網(wǎng)站的性質(zhì)和類型。例如這個(gè)主頁采用的是“劍氣如歌刀似虹”表格的第二行列舉了該網(wǎng)站的一些主要內(nèi)容,并包含了指向二級網(wǎng)頁或其他Web站點(diǎn)的超鏈接,它的主要作用就是給訪問者一個(gè)該Web站點(diǎn)內(nèi)容的簡要說明,起到一個(gè)指示的作用;表格的第三行是對該網(wǎng)站的一些描述;表格的第四行是特定的超鏈接,用于指向網(wǎng)絡(luò)內(nèi)部,當(dāng)基本框架確定以后,就可以開始為這個(gè)Web頁面添加背景音樂、背景醫(yī)像或者其他一些內(nèi)容等等。
二、2級網(wǎng)頁

二級網(wǎng)頁一般用于區(qū)分Web站點(diǎn)中的各部分,并且列出各個(gè)部分的主要內(nèi)容。一般來說,二級網(wǎng)頁之間并不采用相互鏈接,它們一般也只包括所在區(qū)域的內(nèi)容提要,而不包括詳細(xì)的內(nèi)容細(xì)節(jié)。因?yàn)槿绻壘W(wǎng)頁如果過于詳細(xì),容易給訪問者造成一種疲勞的感覺。二級網(wǎng)頁的制作和主頁的制作在風(fēng)格上有所不同,它的主要任務(wù)是給訪問者講解有關(guān)該Web站點(diǎn)的更加詳紹的內(nèi)容以及指向其他三級網(wǎng)頁的超鏈接。實(shí)際上,二級網(wǎng)頁在整個(gè)網(wǎng)頁中起到了一種承上啟下的作用。它既對主頁部分起到支撐的作用,提供給主頁一些必要的說明;另外一方面,它又指導(dǎo)訪問者如何到三級網(wǎng)頁去獲取更為詳細(xì)的內(nèi)容知識,所以說,二級網(wǎng)頁的制作是比較關(guān)鍵的。二級網(wǎng)頁的制作,要遵循內(nèi)容不可過分簡明,但也不要過分詳細(xì)的原則。文字說明應(yīng)該盡量清楚明確,至于其他方面也應(yīng)當(dāng)遵循上面所說的制作Web站點(diǎn)主頁的基本原則。

三、3級網(wǎng)頁

三級網(wǎng)頁一般位于一個(gè)Web站點(diǎn)的最底層,它的主要作用是為二級網(wǎng)頁提供一些更為詳細(xì)的甚至是全部的內(nèi)容細(xì)節(jié),它的下一級不應(yīng)再有更進(jìn)一步的網(wǎng)頁內(nèi)容。一般來說,如果一個(gè)三級網(wǎng)頁的內(nèi)容過多,在一個(gè)網(wǎng)頁中存放不下時(shí)??梢园阉鼈兎殖蓭讉€(gè)相互平行關(guān)系的網(wǎng)頁,三級網(wǎng)頁中除了包含支撐二級網(wǎng)頁的全部詳細(xì)內(nèi)容外。還應(yīng)該包括指向該Web站點(diǎn)主頁以及指向其他有關(guān)的Web站點(diǎn)的一些超鏈接,所以,對于三級網(wǎng)頁的制作、設(shè)計(jì)和創(chuàng)建Web站點(diǎn)的前期準(zhǔn)備工作,特別是關(guān)于Web站點(diǎn)的資料收集工作的好壞將直接決定了三級網(wǎng)頁制作的質(zhì)量,沒有前期所準(zhǔn)備的豐富的內(nèi)容材料,就不可能制作出好的三級網(wǎng)頁。

網(wǎng)站欄目:網(wǎng)站外觀的組織和設(shè)計(jì)
瀏覽地址:http://www.muchs.cn/news10/233110.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計(jì)手機(jī)網(wǎng)站建設(shè)、面包屑導(dǎo)航靜態(tài)網(wǎng)站、網(wǎng)站排名、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)