首頁(yè) > 新聞 > 網(wǎng)站建設(shè) > 手把手教你如何建立自己的網(wǎng)站
手把手教你如何建立自己的網(wǎng)站
時(shí)下隨著各種通訊技術(shù)的發(fā)展,互聯(lián)網(wǎng)已在中國(guó)逐步進(jìn)入普及階段,許多人在充分享受瀏覽新聞,網(wǎng)上聊天,網(wǎng)絡(luò)游戲,網(wǎng)上交易,收發(fā)電子郵件等網(wǎng)絡(luò)的各種樂(lè)趣后,開(kāi)始不滿(mǎn)足于被動(dòng)式的接受,希望能主動(dòng)參與網(wǎng)絡(luò),因此大量的個(gè)人網(wǎng)站應(yīng)運(yùn)而生了。
計(jì)算機(jī)與網(wǎng)絡(luò)專(zhuān)業(yè)技術(shù)人員能利用一技之長(zhǎng)及在某一方面的專(zhuān)長(zhǎng)輕松制作網(wǎng)頁(yè),但大量的網(wǎng)絡(luò)菜鳥(niǎo)級(jí)人物如何制作個(gè)人主頁(yè),建立個(gè)人網(wǎng)站呢?我大概總結(jié)了以下幾點(diǎn),希望對(duì)一些對(duì)這方面缺乏基本了解的人提供一些幫助。如果你是個(gè)經(jīng)常上網(wǎng)的網(wǎng)蟲(chóng),并對(duì)如何建立網(wǎng)站有一定的興趣,那么請(qǐng)你繼續(xù)讀下去,否則我推薦你使用某些網(wǎng)站推出的傻瓜式的個(gè)人網(wǎng)頁(yè)或請(qǐng)專(zhuān)業(yè)的網(wǎng)頁(yè)制作公司代勞,完全沒(méi)必要自己動(dòng)手。
1.要建立個(gè)人網(wǎng)站,首先必須要了解一下目前網(wǎng)頁(yè)制作的基本語(yǔ)言HTML,入門(mén)即可,大概花個(gè)一二小時(shí)就可。
2.學(xué)會(huì)使用目前流行的網(wǎng)頁(yè)制作軟件,如Frontpage、Dreamweaver等一些功能強(qiáng)大,所見(jiàn)所得的軟件,初步了解就可,不用全部掌握,一般是邊用邊學(xué),不斷提高使用水平。
3.廣泛的上網(wǎng)瀏覽各種網(wǎng)頁(yè),一開(kāi)始最好能下載一些較簡(jiǎn)單的個(gè)人網(wǎng)頁(yè),因?yàn)樗麄兯玫降募夹g(shù)較為簡(jiǎn)單,可用網(wǎng)頁(yè)制作軟件打開(kāi)研究。然后推薦去瀏覽一些專(zhuān)業(yè)的網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)站,學(xué)習(xí)一些排版經(jīng)驗(yàn),同時(shí)可下載一些網(wǎng)頁(yè)結(jié)構(gòu)模版供自己套用。
4.確定你的網(wǎng)站主題,我個(gè)人不主張開(kāi)始就想建軟件大全、書(shū)庫(kù)等網(wǎng)上流行的為網(wǎng)站主題,因?yàn)榈谝荒悴粔驅(qū)I(yè),網(wǎng)上已有太多的同類(lèi)軟件,別人不可能上你的網(wǎng)站下載。第二這類(lèi)網(wǎng)站需要巨大的主頁(yè)空間,不僅一開(kāi)始你申請(qǐng)不到這么大的空間,而且你也不可能經(jīng)常上載維護(hù)。網(wǎng)站主題最好是有你的個(gè)人特色,實(shí)在不能確定我建議自己做一個(gè)私人門(mén)戶(hù)網(wǎng)站,將平時(shí)自己經(jīng)常去的網(wǎng)站做一個(gè)較為綜合的連結(jié)。
5.網(wǎng)頁(yè)最好不要用特別與眾不同的顏色、字體,因?yàn)槊總(gè)人使用的計(jì)算機(jī)各不相同,特別的顏色、字體別人不一定能看得到。
6.網(wǎng)頁(yè)要增加美觀圖片不可缺少,我建議如果你會(huì)用一些專(zhuān)業(yè)的作圖軟件最好自己制作,這會(huì)有自己的特色,放些私人照片也可以,但切記各種圖片一定要作優(yōu)化處理,減小它的存儲(chǔ)尺寸。提醒一下每頁(yè)不要放過(guò)多的圖片,因?yàn)榈谝粫?huì)使網(wǎng)頁(yè)顯得雜亂,第二會(huì)使你的網(wǎng)頁(yè)顯示速度過(guò)慢。制作圖片的常用軟件有 Photoshop,F(xiàn)ireworks等。
7.網(wǎng)頁(yè)上可以用一些動(dòng)畫(huà)與特效增加你主頁(yè)的美觀與功能,動(dòng)畫(huà)可上網(wǎng)找,同樣最好能自己制作,GIF格式的最常用,可用Ulead的Gig Animator軟件制作,目前流行的是Flash動(dòng)畫(huà),更多變化,尺寸更小,缺點(diǎn)是有些計(jì)算機(jī)上的瀏覽器缺省沒(méi)有安裝Flash瀏覽軟件,有些計(jì)算機(jī)用戶(hù)不能看到Flash。網(wǎng)上還有許多免費(fèi)的Javascript等可供使用,與圖片一樣,我建議每頁(yè)不要放太多的動(dòng)畫(huà)與特效。
8.網(wǎng)頁(yè)基本建成后,上網(wǎng)找免費(fèi)的主頁(yè)空間,以其主機(jī)的速度,提供的空間大小和有無(wú)基本的CGI功能及其提供的域名是否簡(jiǎn)單易記為考量依據(jù),所謂CGI是指主機(jī)服務(wù)器上提供的程序,一般你可申請(qǐng)有免費(fèi)計(jì)數(shù)器、留言板等。找到速度快,主頁(yè)存放空間大,域名簡(jiǎn)單的網(wǎng)站存放你的網(wǎng)頁(yè)。
9.接下來(lái)是將網(wǎng)頁(yè)上傳至你申請(qǐng)的服務(wù)器上,具體上傳的辦法你在申請(qǐng)主頁(yè)空間時(shí)就會(huì)了解,具體使用你制作網(wǎng)頁(yè)的軟件即可,我個(gè)人推薦使用CuteFTP Pro上傳,這個(gè)軟件功能強(qiáng)大,簡(jiǎn)單易用。
10.好,現(xiàn)在你的網(wǎng)站已建立,你可通知你的朋友上去瀏覽,把個(gè)人網(wǎng)站印在你的名片上,還想推廣你的網(wǎng)站?那你可去各大搜索網(wǎng)站登錄你的新站,如雅虎、搜虎、新浪等知名網(wǎng)站。你還可與其它網(wǎng)站申請(qǐng)友情連結(jié)、去一些提供連結(jié)交換的網(wǎng)站申請(qǐng)廣告交換,如太極鏈,酷站等。在做這一步時(shí)你需要做二個(gè)468X60和 88X31尺寸的廣告圖片,動(dòng)畫(huà)最好,存儲(chǔ)大小盡量控制在10k以下。
11.如果你還想靠你的網(wǎng)站賺一些小錢(qián),你可去一些商業(yè)網(wǎng)站申請(qǐng)廣告連結(jié),替他們做廣告,一般以從你的網(wǎng)頁(yè)點(diǎn)擊到他們的網(wǎng)頁(yè)次數(shù)算錢(qián)。
12.最后我要提醒各位未來(lái)網(wǎng)主,你的網(wǎng)站千萬(wàn)不要放一些明顯與國(guó)內(nèi)政治相抵觸的內(nèi)容,這事關(guān)重大,不可兒戲,否則網(wǎng)站被關(guān)閉事小,坐牢也說(shuō)不定哦。另外,網(wǎng)站內(nèi)容與性有關(guān)可大大增加被瀏覽的數(shù)量,但黃色的內(nèi)容不要放,雖說(shuō)性質(zhì)比不上反動(dòng)內(nèi)容,但也有問(wèn)題。建議打打擦邊球,提供一些性教育、性知識(shí),情情愛(ài)愛(ài)的內(nèi)容無(wú)傷大雅。
隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展,網(wǎng)絡(luò)應(yīng)用已經(jīng)滲透到人類(lèi)社會(huì)的各個(gè)角落。作為網(wǎng)絡(luò)世界的支撐點(diǎn)的網(wǎng)站,更是人們關(guān)注的熱點(diǎn):政府利用網(wǎng)站宣傳自己的施政綱領(lǐng),日益成為與百姓交流的直通車(chē);企業(yè)利用網(wǎng)站宣傳自己的形象,挖
掘無(wú)限商機(jī);個(gè)人利用網(wǎng)站展示個(gè)性風(fēng)采,創(chuàng)建彼此溝通的橋梁。越來(lái)越多的人希望擁有網(wǎng)站,開(kāi)辟網(wǎng)絡(luò)世界里的一片天地。如何設(shè)計(jì)一個(gè)出色的網(wǎng)站呢?關(guān)于這個(gè)問(wèn)題,人們討論的很多,可以討論的內(nèi)容也很多,加之網(wǎng)絡(luò)技術(shù)的飛速發(fā)展,很難提出一個(gè)絕對(duì)權(quán)威和正確的設(shè)計(jì)思路,筆者不才,根據(jù)自己的設(shè)計(jì)體 會(huì),總結(jié)出以下基本設(shè)計(jì)思路:
一、定位網(wǎng)站的主題和名稱(chēng)
網(wǎng)站的主題也就是網(wǎng)站的題材,網(wǎng)站設(shè)計(jì)開(kāi)始首先遇到的問(wèn)題。網(wǎng)站題材千奇百怪,琳瑯滿(mǎn)目,只要想的到,就可以把它制作出來(lái)。下面是美國(guó)《個(gè)人電腦》雜志(PC Magazine)評(píng)出的99年度排名前100位的全美知名網(wǎng)站的十類(lèi)題材:
第1類(lèi):網(wǎng)上求職
第2類(lèi):網(wǎng)上聊天/即時(shí)信息/ ICQ
第3類(lèi):網(wǎng)上社區(qū)/討論/郵件列表
第4類(lèi):計(jì)算機(jī)技術(shù)
第5類(lèi):網(wǎng)頁(yè)/網(wǎng)站開(kāi)發(fā)
第6類(lèi):娛樂(lè)網(wǎng)站
第7類(lèi):旅行
第8類(lèi):參考/資訊
第9類(lèi):家庭/教育
第10類(lèi):生活/時(shí)尚
每個(gè)大類(lèi)都可以繼續(xù)細(xì)分,比如娛樂(lè)類(lèi)再分為體育/電影/音樂(lè)等小類(lèi),音樂(lè)又可以按格式分為MP3,VQF,Ra等,按表現(xiàn)形式分古典,現(xiàn)代,搖滾等。同時(shí),各個(gè)題材相聯(lián)系和交叉結(jié)合可以產(chǎn)生新得題材,例如旅游論壇(旅游+討論),經(jīng)典入球播放(足球+影視)按這樣分下去,題材可以有成千上萬(wàn)種。這么多題材,如何選擇呢?遵循的原則如下:
1、主題要小而精
定位要小,內(nèi)容要精。如果你想制作一個(gè)包羅萬(wàn)象的站點(diǎn),把所有你認(rèn)為精彩的東西都放在上面,那么往往會(huì)事與愿違,給人的感覺(jué)是沒(méi)有主題,沒(méi)有特色,樣樣有,卻樣樣都很膚淺,因?yàn)槟悴豢赡苡心敲炊嗟木θゾS護(hù)它。網(wǎng)站的最大特點(diǎn)就是新和快,目前最熱門(mén)的個(gè)人主頁(yè)都是天天更新甚至幾小時(shí)更新一次。最新的調(diào)查結(jié)果也顯示,網(wǎng)絡(luò)上的"主題站"比"萬(wàn)全站"更受人們喜愛(ài),就好比專(zhuān)賣(mài)店和百貨商店,如果我需要買(mǎi)某一方面的東西,肯定會(huì)選擇專(zhuān)買(mǎi)店。
2、題材最好是你自己擅長(zhǎng)或者喜愛(ài)的內(nèi)容
比如:你擅長(zhǎng)編程,就可以建立一個(gè)編程愛(ài)好者網(wǎng)站;對(duì)足球感興趣,可以報(bào)道最新的戰(zhàn)況,球星動(dòng)態(tài)等。這樣在制作時(shí),才不會(huì)覺(jué)得無(wú)聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力,沒(méi)有熱情,很難設(shè)計(jì)制作出優(yōu)秀的網(wǎng)站。
3、題材不要太濫或者目標(biāo)太高。
"太濫"是指到處可見(jiàn),人人都有的題材;比如軟件下載,免費(fèi)信息。"目標(biāo)太高"是指在這一題材上已經(jīng)有非常優(yōu)秀,知名度很高的站點(diǎn),你要超過(guò)它是很困難的。
如果題材已經(jīng)確定以后,就可以圍繞題材給網(wǎng)站起一個(gè)名字。網(wǎng)站名稱(chēng),也是網(wǎng)站設(shè)計(jì)的一部分,而且是很關(guān)鍵的一個(gè)要素。你來(lái)看,"電腦學(xué)習(xí)室"和"電腦之家 "顯然是后者簡(jiǎn)練;"迷笛樂(lè)園"和"MIDI樂(lè)園"顯然是后者明晰;"兒童天地"和"中國(guó)幼兒園"顯然是后者大氣。我們都知道PIII的中文名稱(chēng)"奔騰 ",如果改為"奔跑",可能就沒(méi)有今天這么"火"了。和現(xiàn)實(shí)生活中一樣,網(wǎng)站名稱(chēng)是否正氣,響亮,易記,對(duì)網(wǎng)站的形象和宣傳推廣也有很大影響。我的建議是:
1、名稱(chēng)要正
其實(shí)就是要合法,和理,和情。不能用反動(dòng)的,色情的,迷信的,危害社會(huì)安全的名詞語(yǔ)句。
2、名稱(chēng)要易記
最好用中文名稱(chēng),不要使用英文或者中英文混合型名稱(chēng)。另外,網(wǎng)站名稱(chēng)的字?jǐn)?shù)應(yīng)該控制在六個(gè)字(最好四個(gè)字)以?xún)?nèi),四個(gè)字的也可以用成語(yǔ)。字?jǐn)?shù)少還有個(gè)好處,適合于其他站點(diǎn)的鏈接排版。
3、名稱(chēng)要有特色
名稱(chēng)平實(shí)就可以接受,如果能體現(xiàn)一定的內(nèi)涵,給瀏覽者更多的視覺(jué)沖擊和空間想象力,則為上品。例如:音樂(lè)前衛(wèi),網(wǎng)頁(yè)陶吧,e書(shū)時(shí)空等。在體現(xiàn)出網(wǎng)站主題的同時(shí),能點(diǎn)出特色之處。
二、定位網(wǎng)站的CI形象
所謂CI(corporate identity),意思是通過(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)站的名稱(chēng)和內(nèi)容:
(1)網(wǎng)站有代表性的人物、動(dòng)物、花草等,可以用它們作為設(shè)計(jì)的藍(lán)本,加以卡通化和藝術(shù)化,例如迪斯尼的米老鼠,搜狐的卡通狐貍等等。
(2)網(wǎng)站有專(zhuān)業(yè)性的,可以以本專(zhuān)業(yè)有代表的物品作為標(biāo)志。比如中國(guó)銀行的銅板標(biāo)志,奔馳汽車(chē)的方向盤(pán)標(biāo)志等等。
(3)最常用和最簡(jiǎn)單的方式是用自己網(wǎng)站的英文名稱(chē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í)際的例子就明白了:IBM的深藍(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)專(zhuān)業(yè)可以使用粗仿宋體,體現(xiàn)設(shè)計(jì)精美可以用廣告體,體現(xiàn)親切隨意可以用手寫(xiě)體等等。
4、設(shè)計(jì)網(wǎng)站的宣傳標(biāo)語(yǔ)
也可以說(shuō)是網(wǎng)站的精神,網(wǎng)站的目標(biāo)。用一句話(huà)甚至一個(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)困難。網(wǎng)站的題材確定后,并且收集和組織了許多相關(guān)的資料內(nèi)容,但如何組織內(nèi)容才能吸引網(wǎng)友們來(lái)瀏覽網(wǎng)站呢?欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引,索引應(yīng)該將網(wǎng)
站的主體明確顯示出來(lái)。一般的網(wǎng)站欄目安排要注意以下幾方面:
1、要緊扣主題
將你的主題按一定的方法分類(lèi)并將它們作為網(wǎng)站的主欄目。主題欄目個(gè)數(shù)在總欄目中要占絕對(duì)優(yōu)勢(shì),這樣的網(wǎng)站顯的專(zhuān)業(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)
網(wǎng)站的目錄是指你建立網(wǎng)站時(shí)創(chuàng)建的目錄。例如:在用frontpage98建立網(wǎng)站時(shí)都默認(rèn)建立了根目錄和images(存放圖片)子目錄。目錄結(jié)構(gòu)的好壞,對(duì)瀏覽者來(lái)說(shuō)并沒(méi)有什么太大的感覺(jué),但是對(duì)于站點(diǎn)本身的上傳維護(hù),內(nèi)容未來(lái)的擴(kuò)充和移植有著重要的影響。下面是建立目錄結(jié)構(gòu)的一些建議:
1、不要將所有文件都存放在根目錄下,會(huì)造成文件管理混亂
你常常搞不清哪些文件需要編輯和更新,哪些無(wú)用的文件可以刪除,哪些是相關(guān)聯(lián)的文件,影響工作效率。另外,
上傳速度慢。服務(wù)器一般都會(huì)為根目錄建立一個(gè)文件索引。當(dāng)您將所有文件都放在根目錄下,那么即使你只上傳更新一個(gè)文件,服務(wù)器也需要將所有文件再檢索一遍,建立新的索引文件。很明顯,文件量越大,等待的時(shí)間也將越長(zhǎng)。所以,盡可能減少根目錄的文件存放數(shù)。
2、按欄目?jī)?nèi)容建立子目錄
子目錄的建立,首先按主菜單欄目建立。例如:企業(yè)站點(diǎn)可以按公司簡(jiǎn)介,產(chǎn)品介紹,價(jià)格,在線(xiàn)定單,反饋聯(lián)系等建立相應(yīng)目錄。其他的次要欄目,類(lèi)似 what's new,友情連接內(nèi)容較多,需要經(jīng)常更新的可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng),不需要經(jīng)常更新的欄目,例如:關(guān)于本站,關(guān)于站長(zhǎng),站點(diǎn)經(jīng)歷等可以合并放在一個(gè)統(tǒng)一目錄下。所有程序一般都存放在特定目錄。例如:CGI程序放在cgi-bin目錄。所有需要下載的內(nèi)容也最好放在一個(gè)目錄下。
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á)自己喜歡的頁(yè)面。缺點(diǎn)是鏈接太多,容易使瀏覽者迷路,搞不清自己在什么位置,看了多少內(nèi)容。
這兩種基本結(jié)構(gòu)都只是理想方式,在實(shí)際的網(wǎng)站設(shè)計(jì)中,總是將這兩種結(jié)構(gòu)混合起來(lái)使用,達(dá)到比較理想的效果。比較好的方案是:首頁(yè)和一級(jí)頁(yè)面之間用星狀鏈接結(jié)構(gòu),一級(jí)和以下各級(jí)頁(yè)面之間用樹(shù)狀鏈接結(jié)構(gòu)。
六、設(shè)計(jì)網(wǎng)站的整體風(fēng)格
風(fēng)格(style)是抽象的,是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)"整體形象"包括站點(diǎn)的CI(標(biāo)志,色彩,字體,標(biāo)語(yǔ)),版面布局,瀏覽方式,交互性,文字,語(yǔ)氣,內(nèi)容價(jià)值,存在意義,站點(diǎn)榮譽(yù)等等諸多因素。舉個(gè)例子:我們覺(jué)得網(wǎng)易是平易近人的,迪斯尼是生動(dòng)活潑的,IBM是專(zhuān)業(yè)嚴(yán)肅的,這些都是網(wǎng)站給人們
留下的不同感受。
風(fēng)格是獨(dú)特的,是站點(diǎn)不同與其他網(wǎng)站的地方;蛘呱,或者技術(shù),或者是交互方式,能讓瀏覽者明確分辨出這是你的網(wǎng)站獨(dú)有的。例如新世紀(jì)網(wǎng)絡(luò)的黑白色,網(wǎng)易壁紙站的特有框架,即使你只看到其中一頁(yè),也可以分辨出是哪個(gè)網(wǎng)站的。
風(fēng)格是有人性的。通過(guò)網(wǎng)站的外表,內(nèi)容,文字,交流可以概括出一個(gè)站點(diǎn)的個(gè)性,情緒。是溫文儒雅,是執(zhí)著熱情,是活潑易變,是放任不羈。像詩(shī)詞中的"豪放派"和"婉約派",你可以用人的性格來(lái)比喻站點(diǎn)。如何樹(shù)立網(wǎng)站風(fēng)格呢?我們可以分這樣幾個(gè)步驟:
1、確信風(fēng)格是建立在有價(jià)值內(nèi)容之上
一個(gè)網(wǎng)站有風(fēng)格而沒(méi)有內(nèi)容,就好比繡花枕頭一包草,好比一個(gè)性格傲慢但卻目不識(shí)丁的人。你首先必須保證內(nèi)容的質(zhì)量和價(jià)值性,這是最基本的。
2、你需要徹底搞清楚自己希望站點(diǎn)給人的印象是什么 可以從這幾方面來(lái)理清思路:
a.如果只用一句話(huà)來(lái)描述你的站點(diǎn),應(yīng)該是:()
參考答案:有創(chuàng)意,專(zhuān)業(yè),有(技術(shù))實(shí)力,有美感,有沖擊力
b.想到你的站點(diǎn),可以聯(lián)想到的色彩是:() 參考答案:熱情的紅色,幻想的天藍(lán)色,聰明的金黃色
c.想到你的站點(diǎn),可以聯(lián)想到的畫(huà)面是:() 參考答案:一份早報(bào),一輛法拉利跑車(chē),人群擁擠的廣場(chǎng),雜貨店
d.如果網(wǎng)站是一個(gè)人,他擁有的個(gè)性是:() 參考答案:思想成熟的中年人,狂野奔放的牛仔,自信憨厚的創(chuàng)業(yè)者
e.作為站長(zhǎng),你希望給人的印象是:() 參考答案:敬業(yè),認(rèn)真投入,有深度,負(fù)責(zé),純真,直爽,淑女
f.用一種動(dòng)物來(lái)比喻,你的網(wǎng)站最像:()
參考答案:貓(神秘高貴),鷹(目光銳利),兔子(聰明敏感),獅子(自信威信)
g.瀏覽者覺(jué)得你和其他網(wǎng)站的不同是:() 參考答案:可以信賴(lài),信息最快,交流方便,
h.瀏覽者和你交流合作的感受是:() 參考答案:師生,同事,朋友,長(zhǎng)幼。
你可以自己先填寫(xiě)一份答案,然后讓其他網(wǎng)友填寫(xiě)。比較后的結(jié)果會(huì)告訴你:你網(wǎng)站現(xiàn)在的差距,弱點(diǎn)及需要改進(jìn)的地方。
3、在明確自己的網(wǎng)站印象后,開(kāi)始努力建立和加強(qiáng)這種印象
經(jīng)過(guò)第二步印象的"量化"后,你需要進(jìn)一步找出其中最有特色特點(diǎn)的東西,就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化,宣傳。以下做法可作參考:
(1)將你的標(biāo)志logo,盡可能的出現(xiàn)在每個(gè)頁(yè)面上。或者頁(yè)眉,或者頁(yè)腳,或則背景。
(2)突出你的標(biāo)準(zhǔn)色彩。文字的鏈接色彩,圖片的主色彩,背景色,邊框等色彩盡量使用與標(biāo)準(zhǔn)色彩一致的色彩。 (3)突出你的標(biāo)準(zhǔn)字體。在關(guān)鍵的標(biāo)題,菜單,圖片里使用統(tǒng)一的標(biāo)準(zhǔn)字體。
(4)想一條朗朗上口宣傳標(biāo)語(yǔ)。把它做在你的banner里,或者放在醒目的位置,告訴大家你的網(wǎng)站的特色是...。 (5)使用統(tǒng)一的語(yǔ)氣和人稱(chēng)。即使是多個(gè)人合作維護(hù),也要讓讀者覺(jué)得是同一個(gè)人寫(xiě)的。 (6)使用統(tǒng)一的圖片處理效果。比如,陰影效果的方向,厚度,模糊度都必須一樣。 (7)創(chuàng)造一個(gè)你的站點(diǎn)特有的符號(hào)或圖標(biāo)。 (8)用自己設(shè)計(jì)的花邊,線(xiàn)條,點(diǎn)。 (9)展示你網(wǎng)站的榮譽(yù)和成功作品。
(10)告訴網(wǎng)友關(guān)于你的真實(shí)的故事和想法。風(fēng)格的形成不是一次定位的,你可以在實(shí)踐中不斷強(qiáng)化,調(diào)整,修飾。
- 基于用戶(hù)創(chuàng)新
界面設(shè)計(jì)日新月異,夢(mèng)創(chuàng)義堅(jiān)持基于用戶(hù)需求的界面創(chuàng)新設(shè)計(jì)……
- 服務(wù)設(shè)計(jì)思維
互聯(lián)網(wǎng)的格局發(fā)生的改變,在我們進(jìn)行設(shè)計(jì)服務(wù)時(shí)更是考慮不同用戶(hù)、不同……
- 洞察用戶(hù)心理
洞察用戶(hù)有意識(shí)和無(wú)意識(shí)的行為以及心理特征通過(guò)構(gòu)造一系列的服務(wù)來(lái)促進(jìn)……
- 查看更多 >>
最新新聞Latest News
- 中小型企業(yè)網(wǎng)站建設(shè)完應(yīng)該如何營(yíng)銷(xiāo)
- 很多中小型企業(yè)往往糾結(jié)于以下10個(gè)問(wèn)題:一、我們起步比別人晚,我們的……
- 做企業(yè)網(wǎng)站到底做給誰(shuí)看?
- 設(shè)計(jì)經(jīng)常時(shí)不時(shí)的遇到一些企業(yè)客戶(hù),常常搞不清楚誰(shuí)會(huì)真正看你的企業(yè)網(wǎng)……
- 傳統(tǒng)企業(yè)進(jìn)軍移動(dòng)互聯(lián)網(wǎng),從移動(dòng)云網(wǎng)站開(kāi)始
- 移動(dòng)互聯(lián)網(wǎng)是移動(dòng)通信和互聯(lián)網(wǎng)融合的產(chǎn)物,其發(fā)展的重要基礎(chǔ)便是智能手……
- 網(wǎng)站建設(shè)和運(yùn)營(yíng)五大細(xì)節(jié)決定用戶(hù)黏性
- 網(wǎng)站的成功離不開(kāi)搜索引擎優(yōu)化,更離不開(kāi)最基礎(chǔ)最根本的用戶(hù)群體,如何……
- 2015年值得關(guān)注的電子商務(wù)5大趨勢(shì)
- 線(xiàn)上線(xiàn)下銷(xiāo)售的界線(xiàn)正在變得越來(lái)越模糊。在2015年,這一趨勢(shì)仍將繼續(xù)。……