網站設計網頁製作中有哪些關鍵技巧?
網站設計中有哪些關鍵技巧?在這裡告訴你:
01. 明確內容
如果你想成為一個網站設計者,並正想建一個網站的話,首先應該考慮網站的內容,包括網站功能和你的使用者需要什麼。你的整個設計都應該圍繞這些方面來進行。
02. 抓住用戶
如果用戶不能夠迅速地進入你的網站,或操作不便捷,網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。
03. 優化內容
內容是核心。企業網站就像一本廣告冊子,網站不要使用太多大的圖片,似乎要幾個世紀才能下載完。
04. 快速下載
沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗,一個標準的網頁應不大於60K,通過56K數據機載入花30秒的時間。有的設計者說網頁載入應在15秒內。
05. 網站主機適時升級
時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加,可能會運行緩慢。但是,如果你不想失去訪問者的話,一定要仔細計畫好你的升級計畫。
06. 堅持基本原則
即使你不懂HTML語言,你只需購買一個有版權的所見即所得的網頁設計工具,如Adobe PageMill 或 Microsoft FrontPage Express,就可以創建一個看起來很合理的網站。但是,在設計時,這些套裝軟體雖然不需要HTML,卻使網站速度下降。 為了成功地設計網站,你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案,用Notepad製作網頁。
07. 學習HTML
用HTML設計網站,可以控制設計的整個過程。但是,如果你僅僅是網站設計的新手,你應該尋找一個允許修改HTML的套裝軟體。允許你切換到所見即所得的模式,以便你在把網站發送到Web之前,預覽你的網站。
08. 用筆劃一個網站的框架
聖人云:筆比劍更強大。在用電腦之前,用筆劃一個網站的框架,顯示出所有網頁的相互關係。計畫好你的用戶如何以最少的時間流覽你的網站。
09. 網站地圖
許多設計者把他們的網站地圖放在網站上。絕大部分的訪問者上網是尋找一些特別的資訊,他們對於你的網站是如何工作的,並沒有興趣。網站地圖能幫助訪問者快速的找到所需的資訊。
10. 睜大你的眼睛,留意所有的事情
對最不相關的東西的觀察可以得到最好的靈感。觀察一個網站的結構和設計。理解網站結構的關鍵元素,確保你的設計是圍繞網站流覽進行的。
11. 點擊規則
聽說過3次點擊規則嗎?對於小型網站,在你的主頁上,沒有任何一條資訊,需要點擊次數超過3次的。對於大型網站,使用導航和工具列來改善操作。
12. 特殊字體的應用,使用CSS風格表
雖然你可以在你的HTML中使用特殊的字體,但是你不可能預測你的訪問者在他們的電腦上將看到什麼。在你的電腦裡看起來相當好的頁面,在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性,這雖然允許你使用特殊的字體,但是仍需要一些變通的方法,以免你所選擇的字體在訪問者的電腦上不能顯示,CSS風格表有助於解決這些問題。
13. 使用切合實際的簡便的命名規則。
14. 檢查錯別字
好的拼寫是人們一生中重要的技能。但是遺憾的是,許多設計者都缺少這種技能。確保你拼寫正確,並且格外注意平常容易誤寫的錯別字。
15. 避免長文本頁面
在一個網站上有許多只有文本的頁面,是令人乏味的,且也浪費Web的潛力。如果你有大量的基於文本的文檔,應當以Adobe Acrobat格式的檔形式來放置,以便你的訪問者能離線閱讀。
16. 不要使用橫捲軸,人們厭惡在網上使用瀏覽器橫捲軸。
17. 網站介紹
你應當有一個很清晰的網站介紹,告訴訪問者你的網站能夠提供些什麼,以便訪問者能找到想要的東西。但是,許多設計者都沒有這樣做。有效的導航列和搜索工具使人們很容易找到有用的資訊,這對訪問者很重要。告訴訪問者你所提供的正是他們想要的資訊。
18. 內容組織
在開始創建新的網頁前,仔細考慮網站內容的組織。決定好想讓訪問者瀏覽的內容,然後設計導航系統。
19. 閃爍讓人頭痛
通過使用標識可以吸引訪問者對你的主頁特殊部分的注意,但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網站,就少用此方法。
20. 背景顏色
背景顏色也會產生一些問題,可能會使網頁難於閱讀。你應當堅持使用白色的背景和黑色的文本,另外還應當堅持使用通用字體。
21. 向前和向後按鈕
應當避免使用向前和向後按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的網站在每一頁同樣的位置上都有相同的導航列,使瀏覽者能夠從每一頁上訪問網站的任何部分。
22. 點擊記數器
不要輕易考慮在你的網站上放置一個醒目的點擊記數器。你設計網站是為了給訪問者提供服務,而不是推銷你自己認為重要的東西。大多數瀏覽者認為計數器毫無意義,它們很容易被做假,瀏覽者也不想看廣告。如果你顯示你的網站是多麼受歡迎,你最好提供一個連結,顯示訪問日誌。
23. 不要用框架
與記數器一樣,框架在網頁上越來越流行。在大多數網站上,在螢幕的左邊有一個框架。但是設計者立刻就發現,在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示幕幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是,搜尋引擎常常被框架混淆,從而不能列出你的網站。
24. 去掉圖像
在瀏覽器中即使去掉了圖像功能,也要保證訪問者能夠在你的網站上獲得滿意的效果。對於那些使用ISDN連接並且關掉了圖像功能的訪問者,還能獲得好的網頁載入性能。可以通過在網頁底部提供另外的連結和使用替代文字,而不是圖像來滿足訪問者的需要。
25. 重複使用圖像
一些網站由於使用大量不重複的圖像而錯過了使用更好的技巧的機會。在創建商標時,在網頁上多次使用同樣的圖像是一個好的方法,並且一旦它們被裝入,以後重新載入就會很快。
26. 避免使用過大的圖像
不要使用橫跨整個螢幕的圖像。避免訪問者向左右滾動捲軸螢幕。占75%的螢幕寬度是一個好的建議。
27. 避免使用炫耀的技巧。
28. 選擇使用Flash動畫
許多使用比較慢的電腦的訪問者發現動畫圖示很容易耗盡系統資源,使網站的操作變得很困難,因此應該給用戶一個跳過使用Flash動畫的選擇。
29.讓使用者先預覽小圖像
如果不得不放置大的圖像在網站上,就最好使用Thumbnails軟體,把圖像的縮小版本的預覽效果顯示出來,這樣使用者就不必浪費金錢和時間去下載他們根本不想看的大圖像。
30. 動畫與內容應有機結合
確保動畫和內容有關聯。它們應和網頁渾然一體,而不是乾巴巴的。動畫並不只是Macromedia Director等製作的東西的簡單堆積。
31. 慎用聲音
聲音的運用也應得到警惕。內聯聲音是網頁設計者的另一個禁地。因為過多地使用聲音會使下載速度很慢,同時並沒有帶給瀏覽者多少好處。首次聽到滑鼠發出聲音可能會很有趣,但是多次以後肯定會很煩人。使用聲音前,應該仔細考慮聲音將會給你帶來什麼。
32. 少用Java 和AxtiveX
在網頁上應儘量少使用Java 和AxtiveX。因為並不是每一種流覽器都需要使用它,只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在處理Java時也存在問題,過分地使用Java,會使Mac崩潰。
33. 慎用外掛程式
在Web設計中,如果依賴於一些特別的外掛程式,會減少網站的吸引力。如果訪問者沒有所要求的外掛程式,將不得不到其它網站去下載,這樣訪問者有可能就不會返回了。
34. 使用著名的外掛程式
如果網站上有聲音或視頻,要保證使用者通過使用某個知名的外掛程式,能夠聽到或看到。許多網站使用QuickTime、RealPlay和 Shockwave外掛程式。因為,許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的外掛程式。
35. 使用先進技術
跟上新的技術。Web技術的進步絕不會停止,所以應花一些時間來研究新產品和開發技術。
36. 自己創建圖像和聲音
使用你自己創建的或從某個商業網站上下載的圖像和聲音。在製作商業網站時,應該花足夠的資金來創建圖形,以增強公司的宣傳。無論是遊戲、圖像、動畫還是電影,想想你喜歡的設計是怎樣的,這將激發你的創作靈感,使你創作出新的和更好的網站。
37. 平台的相容性
要為用戶著想,必須最少在一台PC 和一台Mac機上測試你的網站,看看相容性如何。
38. 用軟體分析工具找錯
使用軟體分析工具檢查HTML。軟體分析工具Doctor HTML能夠説明檢查HTML中的任何問題。如果你有許多網頁需要檢查,可選用軟體分析工具。
39. 避免錯誤連結
網站中可能與其它一些有用的網站作了連結。但是,如果在你的網頁上有連結,一定要經常檢查它們,保證連結有效。連結的網站可能很多,但不要連結到與你的內容無關的網站上。
40. 給觀眾成熟的東西
如果網站沒有完成,就不要發送到Web上。所有好的網站都是在幕後完成之後再發佈的。
41. 在搜尋引擎上登錄網站
任何一個人發現你的網站的機會都很少,除非你把你的網站在主要的搜尋引擎上進行登錄。
42. SEO搜索關鍵字網頁優化處理
網站優化的目的在於使搜索引擎能更明確網站屬性及內容,做最恰當的歸類,進而迅速提高排名及提升網站曝光率。
43. 測試網站
在你的網站正式發佈之前,必須進行有用的測試。在設計網站時要使用最新的軟體,但是不要忘了人們並不會使用最新的瀏覽器,所以要照顧到以前的瀏覽器。在上載網站時還要測試所有的連結和導航工具列。盡你所能反復測試所設計的網站,直到你不能發現新的問題為止。
44. 演示即將發佈的網站
在網站正式運行之前,讓其他人演示它。演示中人們會告訴你所設計的網站是否容易使用。
45. 網頁上動畫點綴。
46. 空白萬歲
注意留空白。不要用圖像、文本和不必要的動畫GIFs來充斥網頁,即使有足夠的空間,在設計時也應該避免使用,利用空白去吸引注意力。為了吸引眼球,Web設計者使用各種方法,比如:閃爍、旋轉等,但是利用空白會吸引更多的注意力。
47. 圖檔壓縮
為了保持小的圖像,可以使用類似GIF嚮導的程式,它能自動對圖像進行壓縮。 先聲明圖像的大小、在圖像顯示之前最好能詳細說明圖像大小屬性,可以在IMG標籤中保存這個屬性。這可以使網頁顯得很流暢,因為瀏覽器可以在圖像被下載之前在螢幕上顯示整個網頁。
48. 圖像大小屬性
可以在IMG標籤中保存這個屬性。這可以使網頁顯得很流暢,因為瀏覽器可以在圖像被下載之前在螢幕上顯示整個網頁。
49. 用戶註冊
如果能知道誰瀏覽了網站以及是怎樣瀏覽網站的,那麼就能得到大量有用的資訊。但是,要求訪問者在瀏覽網站之前進行註冊,這樣做是要冒風險的,因為這將趕走一批不願意註冊的人。獲得資訊的另一種方法是進行有獎競猜或金錢獎勵,讓使用者能主動填一些資訊回覆表單。
50. 使網站具有交互功能
在網站上提供一些回答問題的工具,使得訪問者能從網站上獲得交互的資訊。
51. 挑選工具軟體
仔細選擇Web設計工具。保證使用自己最想要的、自我感覺最好的軟體。
52. 使用最新版本的軟體
儘量使用Web設計軟體的最新版本,還應當能被授權進行免費或便宜的升級。
(此篇文章為網路轉載,如有冒犯,請來信告知,當即刻移除!)
-
上層分類: 知識庫文章