一、一個(gè)標(biāo)準(zhǔn)營(yíng)銷型網(wǎng)站都有哪些結(jié)構(gòu)?
在設(shè)計(jì)網(wǎng)站界面之前,不妨先勾畫出站點(diǎn)結(jié)構(gòu)圖。心中有了藍(lán)圖,就有助于構(gòu)建網(wǎng)站的某部分或者某個(gè)網(wǎng)頁。注意,網(wǎng)站有許多類型并不是所有網(wǎng)站的設(shè)計(jì)目的部是讓用戶盡快找到所需要的信息。有些網(wǎng)站完全是為娛樂目的而設(shè)計(jì)的,有些則是教育用的,所以其界面設(shè)計(jì)應(yīng)當(dāng)能引導(dǎo)用戶,而不是讓他們自己找路。深圳網(wǎng)站制作公司現(xiàn)就一個(gè)標(biāo)準(zhǔn)營(yíng)銷型網(wǎng)站制作,都應(yīng)該有哪一些結(jié)構(gòu)整理歸納如下:
1.網(wǎng)站結(jié)構(gòu)
網(wǎng)站結(jié)構(gòu)指的是網(wǎng)站中各網(wǎng)頁頁面是如何組織在起的。網(wǎng)站結(jié)構(gòu)有3種基本類型,即層次結(jié)構(gòu)、線性結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)。
2.層次結(jié)構(gòu)
層次結(jié)構(gòu)是網(wǎng)站制作最常用的種結(jié)構(gòu)。在個(gè)層次化的網(wǎng)站結(jié)構(gòu)中,瀏覽者可以很容易地知道自己在網(wǎng)站中的位置。單擊上級(jí)鏈接可以獲得更廣泛的信息,而單擊下級(jí)鏈接可獲得更具體的信息。
在層次結(jié)構(gòu)中,主頁對(duì)它以下的內(nèi)容提供了總體概覽.還定義了一些指向更源層次的頁面的鏈接。如圖12-1所示頁面頂部,通過導(dǎo)航欄和位置提示欄瀏覽者可以輕松在網(wǎng)站中定位。
3.線性結(jié)構(gòu)
另一種組織網(wǎng)頁文檔的方式是使用線性或是有序的組織。在一個(gè)線性結(jié)構(gòu)中,主頁是題目,或者是介紹,而其他的頁面則是按照這種結(jié)構(gòu)有序地跟從。在個(gè)嚴(yán)格的線性結(jié)構(gòu)中,鏈接從個(gè)頁面到另個(gè)頁面,典型地說是向前向后。由于只有極少的地方可以去,所以在一個(gè)線性結(jié)構(gòu)中,一般可以輕易地確定在上下文中的位置。使用網(wǎng)頁頁面來描述個(gè)過程采取線性的結(jié)構(gòu)十分合適,但只能用在局部。
網(wǎng)站制作標(biāo)準(zhǔn)示意圖12-1層次結(jié)構(gòu)
如圖12 2所示的頁面底部顯示的頁碼數(shù)字導(dǎo)航鏈接,引導(dǎo)瀏覽者在條線上前后定位。
網(wǎng)站制作架構(gòu)示意圖12-2線性結(jié)構(gòu)
4.網(wǎng)狀結(jié)構(gòu)
網(wǎng)狀結(jié)構(gòu)是系列具有很少或者根本不具有總體結(jié)構(gòu)的文檔結(jié)構(gòu)。將每個(gè)頁面系在起的唯一東西就是鏈接。網(wǎng)狀結(jié)構(gòu)傾向于自由流動(dòng)以及允許瀏覽者無序地在各個(gè)頁面之間跳轉(zhuǎn)。這種結(jié)構(gòu)需要謹(jǐn)慎使用,如果用戶瀏覽該網(wǎng)點(diǎn)時(shí),他的瀏覽目的是無序或隨意的,那么可以使用這種模式。如圖12-3所示,
在右側(cè)主體框架頁里,隨意散布著些鏈接,在這些鏈接之間沒有任何聯(lián)系(前后關(guān)系、父子關(guān)系),瀏覽者可以隨意地單擊查看想要的內(nèi)容。
二、設(shè)計(jì)網(wǎng)站導(dǎo)航規(guī)范
1.當(dāng)導(dǎo)航按鈕
連接到當(dāng)前頁時(shí)為達(dá)成界面設(shè)計(jì)的一致性,網(wǎng)頁頁面設(shè)計(jì)者可讓該按鈕不再具有超鏈接的功能;或?qū)⒃摪粹o的彩度、亮度降低(如深綠色變成淡綠色亮紅色變成暗紅色),使瀏覽者能夠明白導(dǎo)航按鈕不再具有超鏈接的功能。
2.適當(dāng)、有效率地使用超鏈接
適當(dāng)、有效率地使用超鏈接,是一個(gè)優(yōu)良的導(dǎo)航系統(tǒng)不可或缺的要素之。但過分濫用超鏈接,反而損害了網(wǎng)頁頁面行文的流暢與可親性。
在一篇長(zhǎng)短適中的網(wǎng)頁頁面里(3、4個(gè)屏幕頁面),文章里提供的外部文字式超鏈接最好不要太多,以使全頁行文能夠順暢,而瀏覽者也不至于眼見一大堆超鏈接,反而不知從何瀏覽才好。如果真有那么多的超鏈接必須提供給瀏覽者,不妨將這些超鏈接以列表的方式列在目錄頁上,或者放在頁面底部,既不妨礙行文的順暢,又使瀏覽者一目了然,如圖12-4所示。
3.超鏈接的提示字符串長(zhǎng)短適中
讓超鏈接的提示字符串長(zhǎng)短適中且行文自然,避免字符串過長(zhǎng)(如整行、整句部是鏈接字符串)或過短(如僅個(gè)字的鏈接)都不利于瀏覽者的閱讀或單擊。
4.注意超鏈接顏色與單純敘述文字的顏色區(qū)別
應(yīng)將網(wǎng)頁內(nèi)的文本顏色與超鏈接用色區(qū)分開來,方便瀏覽。例如褐色,超鏈接文字則以較鮮明搶眼的色彩來強(qiáng)調(diào),如亮黃色、翠綠色。
5.在網(wǎng)頁文件里提供必要的鏈接
純粹的敘述文字采用較暗、較躁的顏色來呈現(xiàn),如黑色、墨綠色、暗鮮橘色,至于單擊過的超鏈接則采用較低于原超鏈接亮度的顏色顯示。
將篇幅過長(zhǎng)的文件分隔成數(shù)篇較小的網(wǎng)頁頁面會(huì)大大地增加界面的親和性,但在導(dǎo)航按鈕與超鏈接的配置上,網(wǎng)頁頁面設(shè)計(jì)者則要更細(xì)心周全地安排,使得瀏覽者不論身處哪個(gè)頁面,都能夠快速準(zhǔn)確地找到其他任何一個(gè)頁面。
網(wǎng)頁頁面設(shè)計(jì)者應(yīng)特別提供“上頁”、“下頁”、“跳到子目錄頁”與“返回首頁”等之類的導(dǎo)航按鈕或超鏈接。
6.在較長(zhǎng)的網(wǎng)頁頁面內(nèi)提供目錄表與大標(biāo)題
理想的網(wǎng)頁頁面長(zhǎng)度以不超過3、4個(gè)屏幕頁面為佳。但是如果基于某些特殊理由,網(wǎng)頁頁面定要做得很長(zhǎng),那么不要忘了在此長(zhǎng)篇的網(wǎng)頁頁面最上頭,提供一個(gè)目錄表,網(wǎng)頁頁面的內(nèi)容也標(biāo)上大小標(biāo)題,以利于清楚閱讀。尤其重要的是,在這些標(biāo)題與目錄表里分別設(shè)置錨點(diǎn),以使網(wǎng)頁頁面真正發(fā)揚(yáng)互動(dòng)性、便捷性功能。
三、網(wǎng)站制作網(wǎng)站框架規(guī)范
網(wǎng)站要具備下面框架規(guī)范:
1.網(wǎng)站介紹
2.背景介紹。
3.欄目介紹(提供鏈接)。
4.站點(diǎn)地圖,結(jié)構(gòu)圖(提供鏈接)。
5.站點(diǎn)聯(lián)系方式
6.網(wǎng)站管理的E-mail地址(根據(jù)需要加入其他職能負(fù)責(zé)人的E-mail)
7.通信地址、聯(lián)系人、傳真、電話號(hào)碼等。
4.反饋表
網(wǎng)站設(shè)計(jì)對(duì)于內(nèi)容及欄目設(shè)置要求
1.在每頁中都要包含相關(guān)的、引人人勝的內(nèi)容。特別是要銷售種產(chǎn)品時(shí),每個(gè)頁面都要用詳細(xì)的內(nèi)容和圖像精心修飾一番。
2.網(wǎng)頁上的語言盡量通俗易懂。
3.用符號(hào)突出特別重要的內(nèi)容,不要過多,保持頁面的簡(jiǎn)潔。
4.不要把站點(diǎn)建成單純的網(wǎng)上公司介紹,適當(dāng)發(fā)布行業(yè)信息。
網(wǎng)站制作常見問題解答
1.將所有問題列于頁面的上部,并將每個(gè)問題與答案鏈接在起。
2.對(duì)專業(yè)用語及技術(shù)術(shù)語進(jìn)行解釋。
3.回答共性問題節(jié)省網(wǎng)管和訪問者的時(shí)間和精力。
網(wǎng)站設(shè)計(jì)關(guān)于搜索工具
在搜索框中輸入關(guān)鍵詞語或詞組,在單擊查尋按鈕后,本站相關(guān)的網(wǎng)頁列表就會(huì)出現(xiàn)在屏幕中。以上網(wǎng)站規(guī)劃制作標(biāo)準(zhǔn)是網(wǎng)站制作公司根據(jù)多年設(shè)計(jì)經(jīng)驗(yàn)整理編輯,希望能給你的工作有所幫助,同時(shí)也希望我們?cè)诰W(wǎng)頁設(shè)計(jì)時(shí)能根據(jù)實(shí)際情況靈活處理。謝謝關(guān)注,博納網(wǎng)絡(luò)編輯整理。