網站(zhàn)設計(jì)理(lǐ)念

來(lái)源：徐州億網網絡科(kē)技(jì)有(yǒu)限公司 時(shí)間(jiān)：•&2010-09-29 作(zuò)者：

  随著(zhe)網絡技(jì)術(shù)的(de)不(bù‌₩₽)斷發展，網絡應用(yòng)已經滲透到(dào)人≠←≠(rén)類社會(huì)的(de)各個(gè)角落。作©β(zuò)為(wèi)網絡世界的(de)支撐點的(de)網站(z£★hàn)，更是(shì)人(rén)們關注的(de)熱(rè)點：政府利用(yòn‌λg)網站(zhàn)宣傳自(zì)己的(de)施政綱領，日(rì)益成為(wèi)與百姓εαΩ±交流的(de)直通(tōng)車(chē)；企業(yè)利用(yòng)網站(z♠•hàn)宣傳自(zì)己的(de)形象，挖掘無限商機(jī)；個(gè)人(rén)利用(yòngΩ×←)網站(zhàn)展示個(gè)性風(fēng)采，創建彼此溝通∏•(tōng)的(de)橋梁。越來(lái)越多(duō)的(de)人(rén)∞↑•✘希望擁有(yǒu)網站(zhàn)，開(kāi)辟網絡世界裡(l∞∏®×ǐ)的(de)一(yī)片天地(dì)。如(rú)何設計(jì)一(yī)個(gè)出色的(δ∑∑↑de)網站(zhàn)呢(ne)？關于這(zhè)個(gè)問(wèn)題，人(r☆λ÷én)們討(tǎo)論的(de)很(hěn)多(duō)，可(kě)以討§≈(tǎo)論的(de)內(nèi)容也(yě)很(hěn)多(duō)，加之網絡技(jì)≥♣↕™術(shù)的(de)飛(fēi)速發展
    一(yī)、定位網站(zhàn)的(de)主題和(hé)名稱
    網站(π±→zhàn)的(de)主題也(yě)就(jiù)是σβ®(shì)網站(zhàn)的(de)題材，網站(zhàn)設計(jì)開(kāi)始首先✔>遇到(dào)的(de)問(wèn)題。網站(zhàn)題材千奇百怪,琳琅滿目，隻要(  ✔yào)想的(de)到(dào)，就(jiù)可(k≥>ě)以把它制(zhì)作(zuò)出來(lái)。
    1、主題要(yào)小(xiǎo)<↑±$而精：定位要(yào)小(xiǎo)，內(nèi)容要(yào)精。網站(zhàn)的(de)↑$最大(dà)特點就(jiù)是(shì)新和(hé)快(kuài)。★★
    2、題材最好(hǎo★β₹)是(shì)你(nǐ)自(zì)己擅長ε'≠•(cháng)或者喜愛(ài)的(de)內(nèiαε★ )容。
    3、題材不(bù)要(yào)太濫✘ε®或者目标太高(gāo)
    如(rú)果題材已經确定 ↓÷以後，就(jiù)可(kě)以圍繞題材給網站(zhàn)起一(yī)個(γ←€gè)名字。網站(zhàn)名稱，也(yě)是(shì)網站(zhàn)設計(jì)的(de)一$‍(yī)部分(fēn)，而且是(shì)很(hě↕λn)關鍵的(de)一(yī)個(gè)要(yào)素。和(hé)現(xiàn)實生(s÷ ±hēng)活中一(yī)樣，網站(zhàn)名稱是(β"★shì)否正氣，響亮(liàng)，易記，對(duì)網站(zhàn<∞∞)的(de)形象和(hé)宣傳推廣也(yě)有(yǒu)很(hěn)大(dà)影(yǐng)響。要♥σ>(yào)注意一(yī)下(xià)幾點： 1、名稱要(y★±←ào)正。其實就(jiù)是(shì)要(yào)合法，和(hé)理(l∞←♥₩ǐ)，和(hé)情。2、名稱要(yào)易記。最好(hǎo)用(yòn©♦∑÷g)中文(wén)名稱，不(bù)要(yào)使♦‍γ≈用(yòng)英文(wén)或者中英文(wén)混合型名稱。另外(wài)，網®‌站(zhàn)名稱的(de)字數(shù)應該控制(zhì)在六€♠•個(gè)字(最好(hǎo)四個(gè)字)以內(n≠ ↑èi)，四個(gè)字的(de)也(yě✔×σ)可(kě)以用(yòng)成語。字數(shù≤♥)少(shǎo)還(hái)有(yǒu)個(gè)好(hǎo)處，适合于其他(tā∞♥≈•)站(zhàn)點的(de)鏈接排版。3、名稱要(yào)有(yǒu)特色。名稱平實就(jiù)可ε∑& (kě)以接受，如(rú)果能(néng)體(tǐ​¥✘)現(xiàn)一(yī)定的(de)內(nèi)涵，給 $浏覽者更多(duō)的(de)視(shì)覺沖γ♠×擊和(hé)空(kōng)間(jiān)想象力，則為(wèi)上(sh≥×àng)品。
    二、 定位網站(zhàn)​₹的(de)CI形象
    所謂CI(corporate identity)，意φε•£思是(shì)通(tōng)過視(shì)覺來(lái)統一(yī)企業(yè)的(de) ₹φ§形象。一(yī)個(gè)傑出的(de)網站(zhàn)，和(hé)實體(t☆Ωǐ)公司一(yī)樣，需要(yào)整體(t↓→ǐ)的(de)形象包裝和(hé)設計(jì)。準确的(de<"↓✘)，有(yǒu)創意的(de)CI設計(jì)，對(duì♣←)網站(zhàn)的(de)宣傳推廣有(yǒ©★≈ u)事(shì)半功倍的(de)效果。具體(tǐ)的(de)做(z<♣uò)法是(shì)： 1、設計(jì)網站(zhàn≈∞←₹)的(de)标志(zhì)(logo)： 就(jiù)如(rú)同商标≤δ€一(yī)樣，标志(zhì)是(shì)你(nǐ)站(zhàn)點特色和(hé)內(nèiε<>)涵的(de)集中體(tǐ)現(xiàn)，看(kàn)見(jiàn)标志(zh®‌"≥ì)就(jiù)讓大(dà)家(jiā)聯想起你(nǐ)的(de)站(zhàn)點。标志(zhì‌☆>)的(de)設計(jì)創意來(lái)自(zì)你(nǐ)網站(zhàn)的(γ₽πde)名稱和(hé)內(nèi)容。 2、設計(jì)£↑$÷網站(zhàn)的(de)标準色彩：網站(zhàn)給人(rén)₩✔的(de)第一(yī)印象來(lái)自(zì)視(shì)覺沖擊，确定網站(zhàn)‍ 的(de)标準色彩是(shì)相(xiàng)當重要(yà✔×≤o)的(de)一(yī)步。不(bù)同的(de)色彩搭配産生(shēng)不(γ✘bù)同的(de)效果，并可(kě)能(néng)影(yǐng)響到(dào)訪問✔​↕€(wèn)者的(de)情緒。3、設計(jì)網站(zhàn)的(de)标準字體(tǐ)：λ€≤∏和(hé)标準色彩一(yī)樣，标準字體(tǐ)是(shì)指用(yòng)于标志(zhì)，₩γ 标題，主菜單的(de)特有(yǒu)字體(tǐ)。一(yī✘•βδ)般我們網頁默認的(de)字體(tǐ)是(shì)宋體(tǐ→α)。為(wèi)了(le)體(tǐ)現(xiàn)站(zhàn)點的(de)" δ與衆不(bù)同"和(hé)特有(yǒu)風(fēng)格，我們可(kπ↑★ě)以根據需要(yào)選擇一(yī)些(xiē)特别字體(tǐε☆)。 4、設計(jì)網站(zhàn)的(de)宣傳标：也(yě)可(kě<✔)以說(shuō)是(shì)網站(zhàn)的(de)精神，網站(zhàn)的(d₹☆≠e)目标。用(yòng)一(yī)句話(huà)甚至一(yī)個(gè)詞來(lá¥‌i)高(gāo)度概括。
    三、确定網站(zhàn)的(de)欄目
    建≤ "↑立一(yī)個(gè)網站(zhàn)好(hǎo)比寫一(yī)篇文(wén)章(zhāng)，首∏∏Ω"先要(yào)拟好(hǎo)提綱，文(wén)≈$♦≥章(zhāng)才能(néng)主題明(míng)确，層次清晰。如(rú)果網站(zhàn)結™α構不(bù)清晰，目錄龐雜(zá)，內(nèi)容東(dōng)一(yī)塊西(xī)一(y₩ λī)塊。結果不(bù)但(dàn)浏覽者看(kàn)得(de✘₩₹)糊塗，自(zì)己擴充和(hé)維護網站(zhàn)也(yě)相(xiàng)→☆當困難。網站(zhàn)的(de)題材确定後，并且收集和(hé)組織了(le)許多(duō)相β‌∏₹(xiàng)關的(de)資料內(nèi)容，但(dàn)如(rú★∏)何組織內(nèi)容才能(néng)吸引網友(yǒu)♦₽們來(lái)浏覽網站(zhàn)呢(ne)？欄目的(de)₹≤∏$實質是(shì)一(yī)個(gè)網站(zhσσΩ↓àn)的(de)大(dà)綱索引，索引應該将網 站(z•÷₹&hàn)的(de)主體(tǐ)明(míng)确顯₩♦σ示出來(lái)。一(yī)般的(de)網站(zhàn)欄目安排要(yào)γ​∑α注意以下(xià)幾方面：1、要(yào)緊扣主題：将你(nǐ)的(de)主題按一(yī↑¥<∞)定的(de)方法分(fēn)類并将它們作(zuò)為(wèi)網站(zh¶≈àn)的(de)主欄目。主題欄目個(gè)數(shù)在總♦•✘×欄目中要(yào)占絕對(duì)優勢，這(zhè)樣的(de)網站(zhàn)顯的(de)專δ®業(yè)，主題突出，容易給人(rén)留下(xià)深刻印象。​♦2、設立最近(jìn)更新或網站(zhàn)指南(nán)欄目：€♦設立"最近(jìn)更新"的(de)欄目，是(shì)為(wèiΩ"≥ )了(le)照(zhào)顧常來(lái $ §)的(de)訪客，讓你(nǐ)的(de)主頁更有(yǒu)人(rén)性化( ≤Ωhuà)。如(rú)果主頁內(nèi)容龐大(dà)，層次較多(duō)，而又(yòuσ♠¶)沒有(yǒu)站(zhàn)內(nèi)的(de)搜索引擎，設置"本站(zh≈÷‍àn)指南(nán)"欄目，可(kě)以幫助初訪者快(kuài)速↑♣& 找到(dào)他(tā)們想要(yào)的(de)內(nèi)容。3、設立£↓可(kě)以雙向交流的(de)欄目：比如(rú)論壇，λ¶留言本，郵件(jiàn)列表等，可(kě→☆)以讓浏覽者留下(xià)他(tā)們的(de)信息。4、設立下(xià)載♣♦γ或常見(jiàn)問(wèn)題回答(dá)欄母→≤>：網絡的(de)特點是(shì)信息共享。如(rú)在你(nǐ)主頁上(s​∞'♠hàng)設置一(yī)個(gè)資料下(xià)載欄目，便于訪∏£問(wèn)者下(xià)載所需資料。另外(wài)& Ω✔，如(rú)果站(zhàn)點經常收到(dào)網友(yǒu)關于某方面的(→↓☆de)問(wèn)題來(lái)信，最好(hǎo)設立一(yī)個(gè)常見(jiàn)問(↕✘wèn)題回答(dá)的(de)欄目，既方便了(le)網友(yǒu)，也(yě)可(kě)以節約→♣自(zì)己更多(duō)時(shí)間(jiān)。
    四、确定網站(zhàα∞↓n)的(de)目錄結構
    網站(zhàn)的(de•Ωδφ)目錄是(shì)指你(nǐ)建立網站(zhàn)時(shí)創建的(de)目α↕錄。目錄結構的(de)好(hǎo)壞，對(duì)浏覽者來(lái)™✔≥©說(shuō)并沒有(yǒu)什(shé™↔ε∑n)麽太大(dà)的(de)感覺，但(dàn)是(shì)對(duì)于站(z→λhàn)點本身(shēn)的(de)上(shàng)<φ傳維護，內(nèi)容未來(lái)的(de)擴充和∑÷≠(hé)移植有(yǒu)著(zhe)重要(yào)的(de)影(yǐng)響。下(xià)面是ε★©(shì)建立目錄結構的(de)一(yī)些(xiē)建♥ ÷∏議(yì)：1、不(bù)要(yào)将所有(yǒu)文(wén)件♣ (jiàn)都(dōu)存放(fàng)在根目錄下(xià)，₽♥→π會(huì)造成文(wén)件(jiàn) ♣管理(lǐ)混亂：你(nǐ)常常搞不(bù)清哪些(xiē)文(wén)件( Ω×jiàn)需要(yào)編輯和(hé)更↔₩新，哪些(xiē)無用(yòng)的(de)文(wén)件(jiàn)可(k ♣<₩ě)以删除，哪些(xiē)是(shì)相(xiàng)關聯的(de)文(wén)件(jià×↓>n)，影(yǐng)響工(gōng)作(zuò)效率。另外™π(wài)，上(shàng)傳速度慢(màn)。服務器(qì)一(>∏φyī)般都(dōu)會(huì)為(wèi)根目錄建立一(yī)個(gè)文(w‍≥♠≠én)件(jiàn)索引。當您将所有(yǒu)文(wén)件(jiàn)都(dōu™δ±₩)放(fàng)在根目錄下(xià)，那(nà)麽即使你(nǐ)隻上(shàng)傳更新€≠§★一(yī)個(gè)文(wén)件(jiàn)，服務器(qì)ε ←也(yě)需要(yào)将所有(yǒu)文(wén)件(jiàn↓÷)再檢索一(yī)遍，建立新的(de)索引文(wén)件(jiàn₽'♥)。很(hěn)明(míng)顯，文(wén)件(jiàn)量越大(dà)βδ≠α，等待的(de)時(shí)間(jiān↔™÷)也(yě)将越長(cháng)。所以，盡可(kě)能(néng)減少(shǎo↑≈)根目錄的(de)文(wén)件(jiàn)存放(fàng)數(s€$÷↓hù)。2、按欄目內(nèi)容建立子(zǐ)目錄：子(zǐ)目錄的(de)建立，首先按主菜單欄目×​建立。 3、在每個(gè)主欄目目錄下(xià)都(dōu)建立獨立的(de)images‍&‍目錄：為(wèi)每個(gè)主欄目建立一(yī)個(g↔×σ♦è)獨立的(de)images目錄是(shì)最方便管理(lǐ)的(de)。而根目錄下(xià)♦×✘的(de)images目錄隻是(shì)用(yòng)來(lái)放(fàng)首頁和(↓δ☆ hé)一(yī)些(xiē)次要(yào)欄目的(de)圖片。4、目錄的&↓(de)層次不(bù)要(yào)太深：目錄的→€(de)層次建議(yì)不(bù)要(yào)超過3層，維護管理(lǐ)方‍≠→¥便。 5、不(bù)要(yào)使用(yòng)中文(wén)目錄6、不(bù)要(₩Ωεyào)使用(yòng)過長(chángσ≈≈ )的(de)目錄   &nb∏σ'₽sp;  
    五、确定網站(zhànλ®♦)的(de)鏈接結構
    網站(zhà"™ n)的(de)鏈接結構是(shì)指頁面之間(jiā©₹©¶n)相(xiàng)互鏈接的(de)拓撲結構。它建立在目λ♦☆錄結構基礎之上(shàng)，但(dàn)可(kě)以跨越目錄。建↓≤±λ立網站(zhàn)的(de)鏈接結構有(yǒu)兩種基≈≤本方式：1、樹(shù)狀鏈接結構：首頁鏈接指向一(yī)級§♣∞頁面，一(yī)級頁面鏈接指向二級頁面。這(zhè)樣的(de)鏈接結構浏覽ε↕¶時(shí)，一(yī)級級進入，一(yī)級級退出。優點是(shì)條理(lǐ)清晰，訪問(w←‍πèn)者明(míng)确知(zhī)道(dàoε±∞∑)自(zì)己在什(shén)麽位置，不(bù)會(huì)"迷&q± "×uot;路(lù)。缺點是(shì)浏覽效率低(dī)，一(yī)個₹£(gè)欄目下(xià)的(de)子(zǐα✘®)頁面到(dào)另一(yī)個(gè)欄目下(xià)的(de)子(zǐ)頁面，必須繞經首頁。≥≥β2、星狀鏈接結構：類似網絡服務器(qì)的(de)鏈接，每個(gè)頁面相(xiànσ♥g)互之間(jiān)都(dōu)建立有(yǒu)鏈接。這(zhè)種鏈接結構的(de)₹α優點是(shì)浏覽方便，随時(shí)可(kě)以到(d≠←♣♣ào)達自(zì)己喜歡的(de)頁面。缺點是(shì)鏈接太多(duō)，容易使αγ≈¶浏覽者迷路(lù)，搞不(bù)清自(zì)‌π★己在什(shén)麽位置，看(kàn)了(le)多(duō)少(shǎo)內(nèi)容。

• 上(shàng)一(yī)篇: 網站(zhàn)制(zhì)作(zuò)的(de)相(xi↕•≤àng)關法律法規
• 下(xià)一(yī)篇: 徐州網站(zhàn)建設知(zhī)多(duō)少(shǎo)π≥✘×