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