網(wǎng)站外觀的組織和設(shè)計(jì)
在設(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)站制作主頁通常也是一個(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)容知識(shí),所以說,二級網(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ì)風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計(jì)開發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機(jī)端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計(jì)
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
2014年如何做好視頻營銷
在影響2014年?duì)I銷戰(zhàn)略決策的數(shù)據(jù)中,網(wǎng)站建設(shè)公司尚品中國發(fā)現(xiàn),有65...
2014-01-30 -
網(wǎng)絡(luò)價(jià)值的幾個(gè)要素
一、兼容性(Compatibility)全球化是網(wǎng)絡(luò)經(jīng)濟(jì)的本質(zhì)特點(diǎn),所...
2014-11-06 -
2021年網(wǎng)站建設(shè)點(diǎn)線面設(shè)計(jì)元素
說到網(wǎng)站的建設(shè),似乎大家都心知肚明,但大家的想法和理解卻大相徑庭。網(wǎng)站...
2021-10-09 -
友情鏈接中的幾個(gè)應(yīng)該注意的小問題
最重要的就是看對方網(wǎng)站建設(shè)的整體情況了看是不是對方的資源站,說了上邊基...
2012-06-19 -
品牌網(wǎng)站建設(shè)始于對體驗(yàn)的視覺歸因
各種類型的網(wǎng)站層出不窮。從本質(zhì)上說,網(wǎng)站類型的選擇決定了網(wǎng)站的定位。就...
2021-02-20 -
企業(yè)網(wǎng)站建設(shè)中如何提高網(wǎng)站加載速度
在這個(gè)互聯(lián)網(wǎng)時(shí)代,人們越來越離不開計(jì)算機(jī)。網(wǎng)購、在線學(xué)習(xí)、在線娛樂都需...
2020-10-21
預(yù)約專業(yè)咨詢顧問溝通!
免責(zé)聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。
2、本站不承擔(dān)用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī),當(dāng)本聲明與國家法律法規(guī)沖突時(shí),以國家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com