網站製作的基本原則 (轉)
1.使用者優先的觀念
無論什麼時候,不管是著手準備設計HomePage之前。 正在設計之中,或者已經設計完畢,有一個最高行動準則一定要牢記在心,那就是∶使用者優先。因為沒有使用者去光顧, 任何自認再好的HomePage都是沒有意義的。
2.考慮大多數人的連線狀況
您或許使用辦公室的ISDN,也可能使用學校的高速專線,但您都必須知道,目前大多數人所使用的還是14.4K或28.8KModem透過電話線路的緩慢連線方式 ,而且塞車塞得很嚴重。所以您在設計HomePage時就必需以這種普遍狀況為設計參考量,不要放置一堆會加重塞車情形或讓人等得發火的東西。最後,完成之後, 您最好自己透過遠端Modem撥接上網的方式來親自測試一下。
3.考慮使用者的
其次,必需考慮使用者的瀏覽器,如果您想要讓所有的人都可以毫無障礙地觀看您的HomePage,那麼最好使用所有瀏覽器都可以閱讀的格式,不要使用只有部份瀏覽器可以支援的HTML格式或技巧。如果想要展現自己的高超技術又不想放棄一些潛在觀眾,可以考慮在主頁中設定幾種不同的觀賞選項(例如純文字模式、Frame模式、模式等等),供瀏覽者自行選擇。
4.內容第一
“內容永遠第一“,這句話適合書本,更適合上的HomePage,而且幾乎每個參與提供意見的人都舉雙手贊成這句話。沒有內容的書本已經夠令人討厭, 但至少您還可以很快判斷出來,而HomePage呢?您可能得耗費一整個晚上的時間與金錢,才會發現原來網站 里根本沒有您要找的東西,這種痛苦真不是三言兩語可以形容。內容可以是任何東西,包括文字、圖片、影像、等等,但請記住一點:一定要跟這個網站所要提供給人的訊息有關係。再提醒一次∶內容永遠第一!
一個好的網站在進行實際的HomePage建置之前,首先應該考慮什麼條件呢?它們包括有∶牢記使用者優先的觀念、考慮大多數人的連線狀況、考慮使用者的瀏覽器,以及內容第一等等。 再來看看在著手HomePage的實際建置過程中,所應該掌握的幾個重點原則。
5.著手規劃、確定特色、鎖定目標
不管做什麼事,一定要進行規劃,建置網站更是如 此。規劃時必須確定自己網站的性質、 提供內容、目標觀眾,然後根據本身的軟條件來設定範圍。網路的特色是及時、新鮮、豐富、熱鬧, 這是吸引大家上網的條件,如果本身條件強大,可以根據上述原則使自己網站成為一個全方位的資訊提供者,如果不足,就成為單方面的提供者;此外, 還可以在特殊議題或主題上加以突出,進一步鎖定目標觀眾。
6.第一頁很重要
第一頁是最重要的東西,因為它是別人認識這個網站的第一印象。如果是新開幕的站臺,最好在第一頁就對這個網站的性質與所提供內容做個扼要說明與導引,讓別人判斷要不要繼續進入裡面。最好第一頁就有很清楚的類別選項,而且儘量符合人性化,讓參觀者可以很快找到需要的主題。在設計上,最好秉持乾淨而清爽的原則。第一、若無需要,儘量不要放置大型圖形或加上不當的程式,因為它會增加時間,導致觀賞者失去耐心; 第二、畫面不要散置得太過雜亂無序,因為觀賞者會找不到東西。記住∶失敗的第一頁會讓許多人掉頭遠去,不可不慎。
7.分類
內容的分類很重要,可以按主題分類、按性質分類、按機關組織分類,或按人類思考直覺式地分類等等,一般而言,按人類的直覺式思考會比較親切。但無論哪一種分類方法,都要讓使用者可以很容易找到目標。而且分類方法最好儘量保持一致,若要混用多種分類方法也要掌握不讓使用者搞混的原則。此外,在每個分類選項的旁邊或下一行,最好也加上這個選項內容的簡要說明。
8.互動性
WWW的另一個特色就是互動。好的網站 HomePage必須與使用者有良好的互動性,包括在整個設計呈現、使用介面導引上等等,都應該掌握互動的原則 ,讓使用者感覺他的每一步都確實得到適當的回應, 這部份需要一些設計上的技巧與軟硬體支援。 事實上,好的網站HomePage設計必須加上個人技巧、 累積以及軟硬體技術的配合運用等。
9.圖形應用技巧
圖形是WWW網站的特色之一,它帶有醒目、吸引人以及傳達訊息的功能,好的圖形應用可以讓HomePage增色不少 ,但不當的圖形應用則會帶來反效果,而其中又以大量使用無意義及大型的圖形成為HomePage的敗筆。筆者建議 ,如果可以,應儘量縮小或省略圖形。 目前國內的網路傳輸資源極為有限,因此使用圖形時一定要考慮傳輸時間的問題。根據經驗與統計,使用者可以忍受的最長等待時間大約是90秒鐘,如果您的HomePage無法在這段時間內傳輸並顯示完畢 ,那麼使用者就會毫不留情掉頭離去。因此必須依據HTML 檔案、圖形檔案的大小,考慮傳輸速率、延遲時間、網路交通狀況,以及服務端與使用者端的軟硬體條件,估算HomePage 的傳輸與顯示時間。 在圖形使用上,儘量採用一般瀏覽器均可支援的圖形格式,例如JPEG與GIF等,而其中JPEG的壓縮效果較好,適合中大型的圖形,可以節省傳輸時間。 如果真要放置大型圖形檔案,最好將圖形檔案與HomePage分開,在HomePage中先顯示一個具有連結功能的縮小圖檔或是一行說明文字,然後加上該圖形檔案大小的說明(例如100KB),如此不僅加快HomePage的傳輸,而且可以讓使用者判斷是否繼續進入觀看。
10.圖形加上說明
此外,還有一點要特別提醒,許多網站建置者常常忽略了這件事。為了節省傳輸時間,許多人習慣採用“關閉圖形“ 的模式再觀看您的HomePage(甚至有人使用純文字的瀏覽器 )。因此當您在放置圖形時,一定要記得為每個圖形加上不顯示時的說明文字(也就是在HTML檔案中的圖形檔案後面加上 alt文字說明),如此使用者才能知道這個圖形代表什麼意義,判斷要不要觀看。特別是如果這個圖形具有可連結的選項功能時,千萬記得一定 要加上說明文字,並給予同樣的可連結功能。
11.背景底色
不少人喜歡在HomePage中加上背景圖案,認為如此可以增加美觀,但卻不知這樣會耗費傳輸時間,而且容易影響閱讀視覺,反而給予使用者不好的印象。筆者建議,若沒有絕對必要,最好避免使用背景圖案,保持乾淨清爽的本文。但 如果真的喜歡使用背景,那麼最好使用單一色系,而且要跟前景的文字可以明顯區別,最忌諱使用花俏多色的背景,因 為這樣不僅大量耗費傳輸與顯示時間,而且會嚴重混亂使用者的閱讀。
12.HTML格式的注意事項
有關HTML的撰寫方面,應注意以下的一些注意事項; 不少人在撰寫HTML檔案時,會簡略一些命令格式,但為了日後維護方便,撰寫HTML時最好架構完整,而且初學者也可以藉此對HTML語法有正確認識。另外,如果本身網站想讓別人可以透過搜尋站來找到, 那麼千萬不要忘了在〈Title〉指令中加上可供搜尋的關鍵字串。為了增加與使用者的互動,HomePage中最好也加上可供使用者表達意見的E-信箱,在HTML中一定要注意它的格式命令寫法,許多人在這個地方常常寫錯。另外,在PC下,檔案的大小寫不分,但在系統下,則大小寫有區分,需要注意。
13.避免濫用技術
技術是令人著迷的東西,許多人也喜歡使用技術。專家普遍指出,好的技術運用會讓HomePage栩栩如生,令人歎為觀止; 但不當的技術則適得其反,反而成為HomePage的大敗筆。 首先,使用技術時一定要考慮傳輸時間,不要成為他人觀看的沉重負擔;其次,技術一定要與本身網站的性質及內容相配合,不要耍了一大堆不相干的技術。有一個最常見的技術應用,就是利用撰寫一個走馬燈的功能,讓文字可以動態地顯示在視窗的最下一欄,這種方式看起來似乎很酷,但卻容易遮住該位置原本用來顯示地址及傳輸狀態的功能,反而造成使用者的不便。何況既然只是顯示一兩個文字,何不直接放在HTML本文中呢? Java小程式也是目前網路上的常見技術,它是一個好用的利器,擅長於動態物象的呈現,雖然只要瀏覽器支援就可以動,但同樣,也需要考慮傳輸時間,以及一般人的系統負荷等 問題。最後,技術最好不要用得太過多樣而複雜,有些人似乎不展現功力就不快樂,所以也不管合不合適,就把所有可用技術全部用在裡面,這時大家就會看到一個慘不忍睹的HomePage。
14.即時、、維護
不要忘記,大家都想看新鮮的東西,沒人對過時資訊有興趣, 所以資料一定要注意即時性。有些網站半年沒更新,感覺就像一池死水。如果想要經營一個帶有即時性質的網站, 除了注意內容外,資料還要記得每日更新。筆者建議,不妨每隔一陣子就對頁面設計做一次小翻新,時時保持新鮮感。最後,須考量的就是事後維護管理的問題,寫HomePage很簡單 ,但維護管理就比較繁人,它的工作往往偏重屬重複而死板。個人性質的網站在維護管理上比較簡單,但公司網站如此不僅加快HomePage的傳輸,而且可以讓使用者判斷是否繼續進入觀看。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/10752019/viewspace-981183/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 防止網站被掛馬的基本原則網站
- 網站運營7項基本原則網站
- PowerPoint課件製作的一些基本原則
- 網站的初步製作網站
- 網站製作前如何規劃網站的結構?網站
- 按鈕製作網站收集網站
- 手機網站的導航製作網站
- 小說網站製作,小說網站原始碼,小說網站定製開發,小說網站建設網站原始碼
- 奧巴馬籌款網站的製作過程網站
- 一般網站製作流程網站
- 網站開發製作需要了解哪些基礎知識網站
- 網站建設製作網頁的基本步驟網站網頁
- 零基礎創作專業wordpress網站11-製作頁尾(Footer)網站
- 西安PHP,技術外包,網站製作,網站開發,網站運維PHP網站運維
- 網站製作過程中把握的幾點網站
- 小成本,製作大水管網站網站
- 自己怎麼製作一個網站網站
- 零基礎創作專業wordpress網站10-製作聯絡頁面網站
- 零基礎創作專業wordpress網站09-製作服務頁面網站
- 零基礎創作專業wordpress網站08-製作關於頁面網站
- 製作網站設計工作流程的建議網站
- 【CBO】基於成本優化器的基本原則(二)優化
- 【CBO】基於成本優化器的基本原則(一)優化
- 網站設計製作有什麼技巧網站
- 網站設計之響應式網站在網站製作上有哪些不足?網站
- 索引使用的基本原則索引
- 勞動爭議處理的基本原則(轉載)
- 零基礎創作專業wordpress網站06-製作主頁(elementor)網站
- 使用ParamQuery製作報表的例子(來自ParamQuery網站)MQ網站
- LED行業網站製作需要策劃嗎行業網站
- [Fireworks+Dreamweaver製作網站]第7課上網站
- pbootcms製作網站開啟提示:No input file specifedboot網站
- 工程索賠的基本原則
- 遊戲開發之遊戲策劃的基本原則(轉)遊戲開發
- 測試基本原則
- 網站地圖怎麼做?dedecms網站地圖製作方法聽語音網站地圖
- 專業網站製作需要了解以下三點網站
- 教育培訓機構網站建設製作流程?網站