設(shè)計(jì)網(wǎng)站中有哪些關(guān)鍵技巧?有哪些陷阱?在這里,世界上一流的網(wǎng)站設(shè)計(jì)專家,讓你共享他們的機(jī)密,告訴你:使網(wǎng)站賦予情趣的訣竅、應(yīng)當(dāng)避免做什么、應(yīng)應(yīng)用什么工具軟件以及他們愛好和厭惡的網(wǎng)站。
01 明白內(nèi)容
假如你想成為一個(gè)網(wǎng)站設(shè)計(jì)者,并正想建一個(gè)網(wǎng)站的話,首先應(yīng)當(dāng)考慮網(wǎng)站的內(nèi)容,包含網(wǎng)站功效和你的用戶需要什么。你的全部設(shè)計(jì)都應(yīng)當(dāng)繚繞這些方面來進(jìn)行。
02 捉住用戶
假如用戶不能夠敏捷地進(jìn)進(jìn)你的網(wǎng)站,或把持不便捷,網(wǎng)站設(shè)計(jì)就是失敗的。不要讓用戶掃興而轉(zhuǎn)向你的對手的網(wǎng)站。
03 優(yōu)化內(nèi)容
內(nèi)容是核心。大約在兩年以前,企業(yè)網(wǎng)站就像一本廣告冊子,更槽糕的是,網(wǎng)站應(yīng)用了大批的圖片,似乎要幾個(gè)世紀(jì)才干下載完?! hanels網(wǎng)站(www.channels.co.uk)在設(shè)計(jì)的某些方面是成功的,但是內(nèi)容太貪乏,并且要花很長時(shí)間才干找到所要的東西,因此不能算是一個(gè)成功的網(wǎng)站。
04 快速下載
沒有什么比要花很長時(shí)間下載頁面更槽糕的了。作為一條經(jīng)驗(yàn),一個(gè)尺度的網(wǎng)頁應(yīng)不大于60K,通過56K調(diào)制解調(diào)器加載花30秒的時(shí)間。有的設(shè)計(jì)者說網(wǎng)頁加載應(yīng)在15秒內(nèi)。
05 網(wǎng)站升級
時(shí)刻注意網(wǎng)站的運(yùn)行狀態(tài)。性能很好的主機(jī)隨著拜訪人數(shù)的增加,可能會(huì)運(yùn)行緩慢。但是,假如你不想失往拜訪者的話,必定要仔細(xì)打算好你的升級打算。
06 保持基礎(chǔ)原則
即使你不懂HTML語言,你只需購置一個(gè)有版權(quán)的所見即所得的網(wǎng)頁設(shè)計(jì)工具,如Adobe PageMill 或 Microsoft FrontPage Express,就可以創(chuàng)立一個(gè)看起來很公平的網(wǎng)站。但是,在設(shè)計(jì)時(shí),這些軟件包固然不需要HTML,卻使網(wǎng)站速度降落?! ?br /> 為了成功地設(shè)計(jì)網(wǎng)站,你必需懂得HTML是如何工作的。大多數(shù)的網(wǎng)站設(shè)計(jì)者建議網(wǎng)絡(luò)新手應(yīng)從有關(guān)HTML的書中往尋找答案,用Notepad制作網(wǎng)頁。
07 學(xué)習(xí)HTML
用HTML設(shè)計(jì)網(wǎng)站,可以節(jié)制設(shè)計(jì)的全部過程。但是,假如你僅僅是網(wǎng)站設(shè)計(jì)的新手,你應(yīng)當(dāng)尋找一個(gè)答應(yīng)修正HTML的軟件包。HomeSite4是一個(gè)很好的Web設(shè)計(jì)工具。在設(shè)計(jì)過程中,HomeSite4能幫助你學(xué)習(xí)HTML。它還答應(yīng)你切換到所見即所得的模式,以便你在把網(wǎng)站發(fā)送到Web之前,預(yù)覽你的網(wǎng)站。
08 用筆畫一個(gè)網(wǎng)站的框架
圣人云:筆比劍更強(qiáng)盛。在用盤算機(jī)之前,用筆畫一個(gè)網(wǎng)站的框架,顯示出所有網(wǎng)頁的相互關(guān)系。打算好你的用戶如何以最少的時(shí)間瀏覽你的網(wǎng)站。
09 “在盤算機(jī)上永遠(yuǎn)也找不到好的計(jì)劃”。
10 網(wǎng)站輿圖
很多設(shè)計(jì)者把他們的網(wǎng)站輿圖放在網(wǎng)站上,這種做法,卻是弊大于利。盡大部分的拜訪者上網(wǎng)是尋找一些特別的信息,他們對于你的網(wǎng)站是如何工作的,并沒有愛好。假如你感到你的網(wǎng)站需要輿圖,那很可能是需要改良你的導(dǎo)航和工具條。
11 “睜大你的眼睛,留心所有的事情。
對最不相干的東西的觀察可以得到最好的靈感。觀察一個(gè)站點(diǎn)的結(jié)構(gòu)和設(shè)計(jì)。懂得站點(diǎn)結(jié)構(gòu)的關(guān)鍵元素,確保你的設(shè)計(jì)是繚繞站點(diǎn)瀏覽進(jìn)行的。”
12 點(diǎn)擊規(guī)矩
聽說過3次點(diǎn)擊規(guī)矩嗎?對于小型網(wǎng)站,在你的主頁上,沒有任何一條信息,需要點(diǎn)擊次數(shù)超過3次的。對于大型網(wǎng)站,應(yīng)用導(dǎo)航和工具條來改良把持。
13 特別字體的利用
固然你可以在你的HTML中應(yīng)用特別的字體,但是,你不可能猜測你的拜訪者在他們的盤算機(jī)上將看到什么。在你的盤算機(jī)里看起來相當(dāng)好的頁面,在另一個(gè)不同的平臺(tái)上看起來可能非常糟糕。一些網(wǎng)站設(shè)計(jì)員愛好應(yīng)用來定義特征,這固然答應(yīng)你應(yīng)用特別的字體,但是仍需要一些變通的方法,以免你所選擇的字體在拜訪者的盤算機(jī)上不能顯示。級聯(lián)作風(fēng)表CSS有助于解決這些標(biāo)題,但是只有最新版的瀏覽器才支撐CSS。
14 “應(yīng)用切合實(shí)際的簡便的命名規(guī)矩?!?
15 檢查錯(cuò)別字
好的拼寫是人們一生中重要的技巧。但是遺憾的是,很多設(shè)計(jì)者都缺乏這種技巧。確保你拼寫準(zhǔn)確,并且格外注意平常輕易誤寫的錯(cuò)別字。
16 避免長文本頁面
在一個(gè)站點(diǎn)上有很多只有文本的頁面,是令人乏味的,且也浪費(fèi)Web的潛力。假如你有大批的基于文本的文檔,應(yīng)當(dāng)以Adobe Acrobat格局的文件情勢來放置,以便你的拜訪者能離線瀏覽。
17 不要應(yīng)用卷滾條
人們厭惡應(yīng)用卷滾條。Trouble網(wǎng)站(www.Trouble.co.uk)是一個(gè)典范的設(shè)計(jì)很差的網(wǎng)站。它基于一個(gè)浮動(dòng)的架構(gòu),為了瀏覽所有的文本瀏覽者不得不應(yīng)用卷滾條。
18 專家最愛好的Web設(shè)計(jì)工具: 1.Adobe Photoshop 2.Macromedia Flash 3.Adobe Illustrator 4.Adobe ImageRead 5.Dreamweaver 6.Macromedia Fireworks
7. Allaire Homesites 8.Microsoft Notepad 9. Macromedia Director 10. Lightwave 11. Macromedia Freehand
19 網(wǎng)站先容
你應(yīng)當(dāng)有一個(gè)很明白的網(wǎng)站先容,告訴拜訪者你的網(wǎng)站能夠供給些什么,以便拜訪者能找到想要的東西。有效的導(dǎo)航條和搜索工具使人們很輕易找到有用的信息,這對拜訪者很重要。告訴拜訪者你所供給的正是他們想要的信息。
20 “網(wǎng)站一旦宣布,網(wǎng)站設(shè)計(jì)的長處和缺點(diǎn)全都頒布于世。
沒有什么方法使你能夠比從自己的錯(cuò)誤、傾聽其他人的建議和用戶反饋看法中學(xué)到更多的東西?!?/P>
21 閃耀讓人頭痛
通過應(yīng)用標(biāo)識可以吸引拜訪者對你的主頁特別部分的注意,但這也讓你的拜訪者頭痛。假如你想使拜訪者再次光顧你的網(wǎng)站,就少用此方法。
22 背景色彩
背景色彩也會(huì)產(chǎn)生一些標(biāo)題,可能會(huì)使網(wǎng)頁難于瀏覽。你應(yīng)當(dāng)保持應(yīng)用白色的背景和玄色的文本,另外還應(yīng)當(dāng)保持應(yīng)用通用字體。
23 向前和向后按鈕
應(yīng)當(dāng)避免逼迫用戶應(yīng)用向前和向后按鈕。你的設(shè)計(jì)應(yīng)當(dāng)應(yīng)用戶能夠很快地找到他們所要的東西。盡大多數(shù)好的站點(diǎn)在每一頁同樣的地位上都有雷同的導(dǎo)航條,使瀏覽者能夠從每一頁上拜訪網(wǎng)站的任何部分。
24 “保持你的信心。嚴(yán)格遵照各種規(guī)矩。避免想當(dāng)然。盡不結(jié)束學(xué)習(xí)。”
25 點(diǎn)擊記數(shù)器
不要輕易考慮在你的網(wǎng)站上放置一個(gè)醒目標(biāo)點(diǎn)擊記數(shù)器。你設(shè)計(jì)網(wǎng)站是為了給拜訪者供給服務(wù),而不是推銷你自己認(rèn)為重要的東西。大多數(shù)瀏覽者認(rèn)為計(jì)數(shù)器毫無意義。假如你顯示你的網(wǎng)站是多么受歡迎,你最好供給一個(gè)鏈接,顯示拜訪日志。
26 不要用框架
與記數(shù)器一樣,框架在網(wǎng)頁上越來越風(fēng)行。在大多數(shù)網(wǎng)站上,在屏幕的左邊有一個(gè)框架。但是設(shè)計(jì)者立即就發(fā)明,在應(yīng)用框架時(shí)產(chǎn)生了很多的標(biāo)題。應(yīng)用框架時(shí)假如沒有17英寸的顯示屏幾乎不可能顯示全部網(wǎng)站??蚣芤彩沟镁W(wǎng)站內(nèi)個(gè)人主頁不能夠成為書簽。也許更重要的是,搜索引擎經(jīng)常被框架混雜,從而不能列出你的網(wǎng)站。
27 往掉圖像
在瀏覽器中即使往掉了圖像功效,也要保證拜訪者能夠在你的網(wǎng)站上獲得滿足的后果。對于那些應(yīng)用ISDN連接并且關(guān)掉了圖像功效的拜訪者,還能獲得好的網(wǎng)頁加載性能??梢酝ㄟ^在網(wǎng)頁底部供給另外的鏈接和應(yīng)用調(diào)換文字,而不是圖像來滿足拜訪者的需要。
28 重復(fù)應(yīng)用圖像
一些網(wǎng)站由于應(yīng)用大批不重復(fù)的圖像而錯(cuò)過了應(yīng)用更好的技巧的機(jī)會(huì)。在創(chuàng)立商標(biāo)時(shí),在網(wǎng)頁上多次應(yīng)用同樣的圖像是一個(gè)好的方法,并且一旦它們被裝進(jìn)以后重新載進(jìn)就會(huì)很快。
29 避免應(yīng)用過大的圖像
不要應(yīng)用橫跨全部屏幕的圖像。避免拜訪者向右轉(zhuǎn)動(dòng)屏幕。占75%的屏幕寬度是一個(gè)好的建議。
30 “避免應(yīng)用夸耀的技巧。”