網(wǎng)站設(shè)計(jì)的基本思路

網(wǎng)站設(shè)計(jì)的基本思路一、定位網(wǎng)站的主題和名稱網(wǎng)站的主題也就是網(wǎng)站的題材，即網(wǎng)站要表達(dá)的主要內(nèi)容是什么，可以是新聞?lì)悾瑠蕵?lè)類(lèi)，體育類(lèi)，生活類(lèi)，技術(shù)類(lèi)，教育類(lèi)等等。遵循的原則如下：1、主題要小而精，定位要小，內(nèi)容要精。如果你想制作一個(gè)包羅萬(wàn)象的站點(diǎn)，把所有你認(rèn)為精彩的東西都放在上面，那么往往會(huì)事與愿違，給人的感覺(jué)是沒(méi)有主題，沒(méi)有特色，樣樣有，卻樣樣都很膚淺，最新的調(diào)查結(jié)果顯示，網(wǎng)絡(luò)上的"主題站"比"萬(wàn)全站"更受人們喜愛(ài)，就好比專賣(mài)店和百貨商店，如果我需要買(mǎi)某一方面的東西，肯定會(huì)選擇專買(mǎi)店。2、題材最好是你自己擅長(zhǎng)或者喜愛(ài)的內(nèi)容3、題材不要太濫，"太濫"是指到處可見(jiàn)，人人都有的題材；比如軟件下載，免費(fèi)信息網(wǎng)站名稱，也是網(wǎng)站設(shè)計(jì)的一部分，而且是很關(guān)鍵的一個(gè)要素，網(wǎng)站名稱是否正氣，響亮，易記，對(duì)網(wǎng)站的形象和宣傳推廣有很大影響。"電腦學(xué)習(xí)室"和"電腦之家"顯然是后者簡(jiǎn)練；"迷笛樂(lè)園"和"MIDI樂(lè)園"顯然是后者明晰；"兒童天地"和"中國(guó)幼兒園”顯然是后者大氣。我們都知道PIII的中文名稱"奔騰"，如果改為“奔跑"，可能就沒(méi)有今天這么"火"了。1、名稱要正其實(shí)就是要合法，和理，和情。不能用反動(dòng)的，色情的，迷信的，危害社會(huì)安全的名詞語(yǔ)句。2、名稱要易記，網(wǎng)站名稱的字?jǐn)?shù)應(yīng)該控制在六個(gè)字(最好四個(gè)字)以內(nèi)。4、名稱要有特色，例如：音樂(lè)前衛(wèi)，網(wǎng)頁(yè)陶吧，e書(shū)時(shí)空等。在體現(xiàn)出網(wǎng)站主題的同時(shí)，能點(diǎn)出特色之處。二、定位網(wǎng)站的CI形象所謂CI(corporateidentity),意思是通過(guò)視覺(jué)來(lái)統(tǒng)一企業(yè)的形象。一個(gè)杰出的網(wǎng)站，和實(shí)體公司一樣，需要整體的形象包裝和設(shè)計(jì)。準(zhǔn)確的，有創(chuàng)意的CI設(shè)計(jì)，對(duì)網(wǎng)站的宣傳推廣有事半功倍的效果。具體的做法是：1、設(shè)計(jì)網(wǎng)站的標(biāo)志(logo)就如同商標(biāo)一樣，標(biāo)志是你站點(diǎn)特色和內(nèi)涵的集中體現(xiàn)，看見(jiàn)標(biāo)志就讓大家聯(lián)想起你的站點(diǎn)。標(biāo)志的設(shè)計(jì)創(chuàng)意來(lái)自你網(wǎng)站的名稱和內(nèi)容：(1)網(wǎng)站有代表性的人物、動(dòng)物、花草等，可以用它們作為設(shè)計(jì)的藍(lán)本，加以卡通化和藝術(shù)化，例如迪斯尼的米老鼠，搜狐的卡通狐貍等等。(2)網(wǎng)站有專業(yè)性的，可以以本專業(yè)有代表的物品作為標(biāo)志。比如中國(guó)銀行的銅板標(biāo)志，奔馳汽車(chē)的方向盤(pán)標(biāo)志等等。(3)最常用和最簡(jiǎn)單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志。采用不同的字體，字母的變形，字母的組合可以很容易制作好自己的標(biāo)志。2、設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)色彩網(wǎng)站給人的第一印象來(lái)自視覺(jué)沖擊，確定網(wǎng)站的標(biāo)準(zhǔn)色彩是相當(dāng)重要的一步。不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問(wèn)者的情緒。舉個(gè)實(shí)際的例子就明白了：舊M的深藍(lán)色，肯得基的紅色條型，windows視窗標(biāo)志上的紅藍(lán)黃綠色塊，都使我們覺(jué)得很貼切，很和諧。"標(biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩。一般來(lái)說(shuō)，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過(guò)3種，太多則讓人眼花繚亂。標(biāo)準(zhǔn)色彩要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺(jué)。至于其它色彩也可以使用，只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。適合于網(wǎng)頁(yè)標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃/橙色，黑/灰/白色三大系列色，要注意色彩的合理搭配。3、設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)字體和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主菜單的特有字體。一般我們網(wǎng)頁(yè)默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的“與眾不同”和特有風(fēng)格，我們可以根據(jù)需要選擇一些特別字體。例如，為了體現(xiàn)專業(yè)可以使用粗仿宋體，體現(xiàn)設(shè)計(jì)精美可以用廣告體，體現(xiàn)親切隨意可以用手寫(xiě)體等等。4、設(shè)計(jì)網(wǎng)站的宣傳標(biāo)語(yǔ)也可以說(shuō)是網(wǎng)站的精神，網(wǎng)站的目標(biāo)。用一句話甚至一個(gè)詞來(lái)高度概括。類(lèi)似實(shí)際生活中的廣告金句。例如：鵲巢的"味道好極了"；麥斯威爾的"好東西和好朋友一起分享"；Intel的"給你一顆奔騰的心"等等。三、確定網(wǎng)站的欄目建立一個(gè)網(wǎng)站好比寫(xiě)一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來(lái)。一般的網(wǎng)站欄目安排要注意以下幾方面：中國(guó)聯(lián)賽，意甲聯(lián)賽|德甲聯(lián)賽|法甲聯(lián)賽|英超聯(lián)賽|西甲聯(lián)賽球迷社區(qū)最新動(dòng)態(tài)，積分榜，射手榜，賽程比分，球隊(duì)介紹，球星資訊1、要緊扣主題將你的主題按一定的方法分類(lèi)并將它們作為網(wǎng)站的主欄目。主題欄目個(gè)數(shù)在總欄目中要占絕對(duì)優(yōu)勢(shì)，這樣的網(wǎng)站顯的專業(yè)，主題突出，容易給人留下深刻印象。2、設(shè)立最近更新或網(wǎng)站指南欄目設(shè)立"最近更新”的欄目，是為了照顧常來(lái)的訪客，讓你的主頁(yè)更有人性化。如果主頁(yè)內(nèi)容龐大，層次較多，而又沒(méi)有站內(nèi)的搜索引擎，設(shè)置"本站指南”欄目，可以幫助初訪者快速找到他們想要的內(nèi)容。3、設(shè)立可以雙向交流的欄目比如論壇，留言本，郵件列表等，可以讓瀏覽者留下他們的信息。4、設(shè)立下載或常見(jiàn)問(wèn)題回答欄目網(wǎng)絡(luò)的特點(diǎn)是信息共享。如在你主頁(yè)上設(shè)置一個(gè)資料下載欄目，便于訪問(wèn)者下載所需資料。另外，如果站點(diǎn)經(jīng)常收到網(wǎng)友關(guān)于某方面的問(wèn)題來(lái)信，最好設(shè)立一個(gè)常見(jiàn)問(wèn)題回答的欄目，既方便了網(wǎng)友，也可以節(jié)約自己更多時(shí)間。四、確定網(wǎng)站的目錄結(jié)構(gòu)1、不要將所有文件都存放在根目錄下，會(huì)造成文件管理混亂2、按欄目?jī)?nèi)容建立子目錄，子目錄的建立，首先按主菜單欄目建立3、在每個(gè)主欄目目錄下都建立獨(dú)立的images目錄，為每個(gè)主欄目建立一個(gè)獨(dú)立的images目錄是最方便管理的。而根目錄下的images目錄只是用來(lái)放首頁(yè)和一些次要欄目的圖片。4、目錄的層次不要太深，目錄的層次建議不要超過(guò)3層，維護(hù)管理方便。5、不要使用中文目錄6、不要使用過(guò)長(zhǎng)的目錄五、確定網(wǎng)站的鏈接結(jié)構(gòu)網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式：1、樹(shù)狀鏈接結(jié)構(gòu)類(lèi)似DOS的目錄結(jié)構(gòu)，首頁(yè)鏈接指向一級(jí)頁(yè)面，一級(jí)頁(yè)面鏈接指向二級(jí)頁(yè)面。這樣的鏈接結(jié)構(gòu)瀏覽時(shí)，一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出。優(yōu)點(diǎn)是條理清晰，訪問(wèn)者明確知道自己在什么位置，不會(huì)"迷”路。缺點(diǎn)是瀏覽效率低，一個(gè)欄目下的子頁(yè)面到另一個(gè)欄目下的子頁(yè)面，必須繞經(jīng)首頁(yè)。2、星狀鏈接結(jié)構(gòu)類(lèi)似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁(yè)面相互之間都建立有鏈接。這種鏈接結(jié)構(gòu)的優(yōu)點(diǎn)是瀏覽方便，隨時(shí)可以到達(dá)自己喜歡