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