|
|
網頁設計--------網站是企業嚮用戶和網民提供信息(包括産品和服務)的一種方式,是企業開展電子商務的基礎設施和信息平臺，離開網站（或者衹是利用第三方網站）去談電子商務是不可能的。企業的網址被稱為“網絡商標”，也是企業無形資産的組成部分，而網站是INTERNET上宣傳和反映企業形象和文化的重要窗口。企業網站設計顯得極為重要，下面是一些網站設計中應註意的原則。
一、 明確建立網站的目標和用戶需求
Web站點的設計是展現企業形象、介紹産品和服務、體現企業發展戰略的重要途徑，因此我們必須明確設計站點的目的和用戶需求，從而做出切實可行的設計計劃。我們會根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析，以“消費者（customer)”為中心，而不是以“美術”為中心進行設計規劃。
在設計規劃時我們會考慮：
建設網站的目的是什麽？
為誰提供服務和産品？
企業能提供什麽樣的産品和服務？
網站的目的消費者和受衆的特點是什麽？
企業産品和服務適合什麽樣的表現方式（風格）？
二、網頁設計總體方案主題鮮明
在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。
Web站點應針對所服務對象（機構或人）的不同而具有不同的形式。有些站點衹提供簡潔文本信息；有些則采用多媒體表現手法，提供華麗的圖像、閃爍的燈光、復雜的頁面佈置，甚至可以下載聲音和錄像片段。好的Web站點把圖形表現手法和有效的組織與通信結合起來。
為了做到主題鮮明突出，要點明確，我們將按照客戶的要求，以簡單明確的語言和畫面體現站點的主題；調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。
Web站點主頁應具備的基本成分包括： 頁頭：準確無誤地標識你的站點和企業標志； Email地址：用來接收用戶垂詢； 聯繫信息：如普通郵件地址或電話； 版權信息：聲明版權所有者等。
充分利用已有信息，如客戶手册．公共關係文檔．技術手册和數據庫等。 |
|
網頁設計的兩大要點是：整體風格和色彩搭配。
一、確定網站的整體風格
網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。
風格(style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI（標志、色彩、字體、標語）、版面佈局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。舉個例子：我們覺得網易是平易近人的，迪斯尼是生動活潑的，IBM是專業嚴肅的。這些都是網站給人們留下的不同感受。
在這裏，我提供給大傢一些參考經驗：
1．將你的標志logo，盡可能的放在每個頁面上最突出的位置。
2．突出你的標準色彩。
3．總結一句能反映貴站精髓的宣傳標語！
4．相同類型的圖像采用相同效果，比如說標題字都采用陰影效果，那麽在網站中出現的所有標題字的陰影效果的設置應該是完全一致的！
二、網頁色彩的搭配
無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。
關於色彩的原理有許多，在此我們不可能一一闡述，大傢可以看看相關設計書籍，有利於係統地理解。在此我們僅僅想告訴大傢一些網頁配色時的小技巧。
1．用一種色彩。這裏是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感。
2．用兩種色彩。先選定一種色彩，然後選擇它的對比色。
3．用一個色係。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡緑；或者土黃，土灰，土藍。
在網頁配色中，還要切記一些誤區：
1．不要將所有顔色都用到，盡量控製在三至五種色彩以內。
2．背景和前文的對比盡量要大(絶對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。
三、網頁設計的工具
1.dreamweaver,用與編輯HTML、ASP、JSP、PHP時的輔助工具
2.Frontpage 跟dreamweaver一樣，不過個人感覺還是dreamweaver好。
3.FLASH 網頁需要畫面流動時的首選擇
4.PS圖象處理軟件，一般網頁都需要有圖片相搭配，PS是款很強大的工具。
5.FW跟PS一樣都是圖象處理軟件，但FW偏嚮與對網頁的處理。[個人喜歡PS]
網站設計成功要素
設計一個網站，應該考慮下列九條基本因素，這些因素對網站的成功與否有着重要影響。
1.整體佈局
網站主頁就好象是宣傳欄或者店面——對訪問者産生第一印象，都希望盡量給人留下好的印象，不是嗎？
一般來說，好的網站應該給人有這樣的感覺：
幹淨整潔；
條理清楚；
專業水準；
引人入勝。
網頁應該力求抓住而不是淹沒瀏覽者的註意力，過多的閃爍、色彩、下拉菜單框、圖片等會讓訪問者無所適從——離開是最好的選擇，就象一些商店，播放震耳欲聾的發燒音樂，你要做的唯一决定就是離開那裏，越快越好。
2.信息
無論商業站點還是個人主頁，你必須給人們提供有一定價值的內容才能留住訪問者，因為我們人類總是惟利是圖，第一個問題總是：“對我有什麽用處？”
所以你必須提供某些有價值的東西，當然並不是說必須提供某些免費的物品——免費書籍、免費入場券、免費度假等，這些“有價值的東西”可以是：
信息；
娛樂；
勸告；
對一些問題的幫助；
提供志趣相投者聯絡的機會；
鏈接到有用的網頁，等等。
如果你經營的是企業網站，需要提供關於産品或服務的信息：
容易理解；
容易查詢；
容易訂貨。
3.速度
我們都知道，頁面下載速度是網站留住訪問者的關鍵因素，如果20—30秒還不能打開一個網頁，一般人就會沒有耐心。至少應該確保主頁速度盡可能快，最好不要用大的圖片。
應該時時提醒自己，網站首頁就象一個廣告牌。當開車經過一個廣告牌時，沒有時間閱讀上面的詳細說明，也不可能贊賞其復雜的圖案，廣告標志從眼前一閃而過，必須在一瞬間給人留下印象。
網上訪問者也是“一閃而過”，保證你的首頁簡單而快速。網上有許多關於如何增加速度的文章——檢查下載速度，放棄一切顯著減慢主頁速度的資料。
4.圖形和版面設計
圖形和版面設計關係到對主頁的第一印象，圖象應集中反映主頁所期望傳達的主要信息。
如果有係列商業站點，你不必讓過分顯眼的動畫出現在首頁——但如果你的網站是遊戲站點，動畫將是必不可少的一部分內容。
圖片是影響網頁下載速度的重要原因，根據經驗，把每頁全部內容控製在30K左右可以保證比較理想的下載時間。圖象在6—8K之間為宜，每增加2K會延長1秒鐘的下載時間。
顔色也是影響網頁的重要因素，不同的顔色對人的感覺有不同的影響，例如：
紅色和橙色使人興奮並使得心跳加速；
黃色使人聯想到陽光，是一種快活的顔色；
考慮到你希望對瀏覽者産生什麽影響，請為網頁選擇合適的顔色。
閱讀西方格式文本時，眼睛從左上方開始，逐行瀏覽到達由下方，插入圖象時不要忘記這種特性。任何具有方向性的圖片應該放置在網頁中對眼睛最重要的地方，如果在左上角放置一幅小鳥的圖片，鳥嘴應該放在把瀏覽者目光引嚮頁面中部的地方，而不是把視綫引走。
這種思路可以用於所有圖片：
面部應該“看”網頁的中部；
汽車的“停靠”面嚮網頁中部；
道路、領帶等等圖片的放置都應該在有助於吸引目光從左嚮右、從上嚮下移動。
一般總是把網站導航條放置在頁面左邊，也是出於這種考慮——不斷地出現在瀏覽者的視野之中。
5.文字的可讀性
我們仍然用廣告牌的比喻來說明，文字要在廣告牌上突出，周圍應該留有足夠的空間。也許你曾到過一些網站，要麽擁擠不堪的文字覺得好象衹有把腦袋鑽進去才能閱讀，要麽深色的背景給人的感覺好象處於非常狹窄的空間裏，而且讓人的心情感覺很壓抑。某些背景色的令人閱讀睏難；紫色、橙色和紅色讓人眼花繚亂。
文字的顔色也很重要，不同的瀏覽器有不同的顯示效果，有些在你的瀏覽器上很漂亮的顔色在其他瀏覽器上可能無法顯示。
參考報紙的編排方式，為方便或快速閱讀將你的內容分欄設計，甚至兩欄也要比一滿頁的視覺效果要好。
另一種能夠提高文字可讀性的因素是你所選擇的字體，通用的字體(Arial, Times New Roman, Garamond and Courier)最易閱讀，特殊字體用於標題效果較好，但是不適合正文（試想瀏覽整頁的 Gothic, Script, Westminster, or Cloister會是怎樣的感受）。因為閱讀費力，你的眼睛很快就會疲勞，不得不轉移到其他頁面。
明白我的意思了嗎？
6.網頁標題的可讀性
必須盡量使你的網頁易於閱讀，除了分欄之外（將頁面縱嚮分割），也需要利用標題和副標題將文檔分段。
為所有標題和副標題設置同一字體，並將標題字體加大一號，所有標題和副標題都采用粗體，這樣便於識別標題（字體加大加粗）和副標題（粗體，與正文字體大小相同），使瀏覽者一眼就可以看到要點，以便找出並繼續閱讀有興趣的內容。標題的重要性可見一斑，要認真寫好每個標題！
也可以將整句采用粗體或用不同的顔色突出某些內容，不過不要用難以閱讀的顔色。
7.導航
由於人們習慣於從作到右、從上到下閱讀，所以主要的導航條應放置在頁面左邊，對於較長頁面來說，在最底部設置一個簡單導航也很有必要（衹要兩項就夠了：主頁|頁面頂部）。
確定一種你滿意的模式之後，最好將這種模式應用到同一網站的每個頁面，這樣，瀏覽者就知道如何尋找信息。
8.保護個人信息聲明和客戶推薦信
對於商業網站來講，最重要的事情之一是確保潛在客戶的信心，你應該明確地告訴人們，如何對其興趣、愛好，尤其個人隱私保密，很有必要專門用一個頁面詳細陳述你的保護個人信息聲明，包括對訪問者的email地址保密、如何接受定單、如何匯總信息、匯總這些信息的目的、誰可以看到這些信息等基本內容。
訪問者也想知道你的産品或服務現有客戶的反映，所以如果能引用與你關係融洽的客戶對你的積極評價，對你的可信度將很有幫助。
不要害怕嚮顧客索取推薦信——人們都願意自己的意見有價值。
你可以把客戶的推薦信另設計為一個網頁，作為對客戶提供推薦信的回報，在這裏鏈接到客戶的網站——這也是一種“雙贏”。
9.詞語
一個網站如果衹有漂亮的外觀而詞語錯誤連篇、語法混亂，同樣是失敗的，對於網站所有者和負責人將産生很壞的影響，人們會用許多貶義詞來評價你：粗心大意、懶惰、外行、沒水平等等。
你願意把自己辛苦掙來的錢花在一個連自己的網站都馬馬虎虎的人嗎？
你可以按照上述步驟改進你的網站製作技巧；
你可以請人對你的工作進行校對、編輯；
你也可以請人為你製作網頁；
總之，上述步驟在很多方面對你會有所幫助，不要因為對某些步驟的疏忽而影響你的網站的整體效果。
保存網頁的技巧
我們在上網過程中遇到精彩的文章、圖片、flash常常會把它們保存下來已備日後查看。
保存網頁的基本方法就是用瀏覽器帶的保存功能。點擊瀏覽器的菜單文件->另存為，輸入文件名，保存類型可以選擇 網頁，全部(*.htm;*.html) Web 檔案，單個文件(*.mht) 文本文件(*.txt) 。
保存網頁的過程中常見的問題：網頁不能保存、保存失敗，有些網頁禁止了鼠標右鍵，不能復製。采用瀏覽器自帶的“另存為”保存網頁的時候，有時進度條前進速度非常緩慢，最後提示“保存網頁失敗”，這中情況主要是由於網速慢或對方的服務器忙導致有部分文件不能下載引起的。網頁采用腳本禁止了"Ctrl+v"和右鍵菜單功能，有些網頁不僅禁止使用右鍵菜單功能，而且禁止使用了鼠標拉選文字的功能。
除了采用瀏覽器自帶的“另存為”保存網頁之外還可以通過下列方法來保存網頁，可以有效解决網頁不能復製、保存失敗等問題。
1、將網頁保存為圖片。如果想要完整保存頁面，通過屏幕拷貝的方式將網頁保存為圖片不失為一種很好的方法，這特別適合做設計的人員，需要看的是網頁的整體。
2、保存部分有用內容。事實上我們保存網頁時往往是僅需保存網頁中的正文部分，整個網頁內容一大堆，正文也就一小部分。一種辦法就是用"拷貝"、"粘貼"的方法將正文復製到word然後保存。你想象過衹要點一下鼠標即可完成保存你需要的正文部分，不用你手工"拷貝"、"粘貼"呢？
現在保存網頁也講人工智能，智能化的網頁保存工具網童就實現了這樣的功能，他能夠自動識別並提取網頁正文內容，在瀏覽器中點擊鼠標右鍵，選擇“網童，取網頁正文”，網頁正文在一個新的窗口中顯示可編輯、保存。還可以一鍵將網頁保存為word文件，保存的是幹幹淨淨的網頁正文，而且還包括下一頁，省去很多的復製、粘貼操作。
3、批量保存網頁內容。要想批量保存網頁內容那衹能采用第三方工具了，瀏覽器本身不提供這種功能。最常見的就是下載工具了，如網際快車、迅雷，建立一個網頁下載列表然後後下載工具下載。這種方法衹能下載鏈接指嚮的html文件，不能下載關聯的圖片等文件。第二種方法就是網絡爬蟲，這種工具可以把自動抓取網頁及其相關鏈接的文件。
上面這兩種方法都有一個問題就是衹要是指嚮的鏈接都取，不能區分是否有用。批量保存網頁內容最好的方法就是采用智能型的網頁保存工具——網童。事實上我們保存網頁經常衹需要網頁的正文內容，保存工具應當自動的智能化的識別網頁正文內容，然後自動提取這些信息。網童不但可以批量保存網頁而且自動提取正文內容並把網頁內容匯編在一起。
如果你經常需要保存網頁或者你對網頁技術不是非常熟悉建議采用專門的網頁保存工具，傻瓜式的一鍵搞定。
提升網頁可用性的方法
權威研究結果表明：人們在綫的閱讀習慣和平時的閱讀習慣是完全不一樣的。訪問者通常是在非常隨意的狀態下快速瀏覽你
的網頁的，他們急於獲取真實的、實用的，並且是有價值的信息。如果他們不能及時地獲取所需信息，那麽，他們將離開你
的網頁。
下面的3點方法將會給你帶來幫助，它會讓你為你的訪問者提供所需信息，指出提升網頁可用性的方法。
1. 精簡的文本描述
你所寫的文章必須圍繞一個主題，這可以方便訪問者快速獲取主旨信息和中心思想。好好想想如何把文章改得精簡得體以便
於訪問者閱讀。這裏告訴你一個可行的辦法，盡量把一段文章在3-4行之內敘述完整，然後再另起一行寫下面一段。
2. 便於快速瀏覽的文本
網絡用戶一般不會在綫精讀文本內容，他們通常是快速瀏覽。因此，應該盡量使用簡短、醒目的文本。舉個例子來說，可以
通過超鏈接的形式將重要的信息從頁面中分離出來，這樣做會使得這段重要信息顯得非常醒目。將一個段落以重點列表的形
式表示也是一種非常可行的方法。學會在你的重點詞組前方加一個起強調作用的圓點。還有一點，學會在頁面中使用副標題
，當你瀏覽網頁時，將重點挑選出來，並將它們寫在標題標簽內，“標題2”和“標題3”的效果最好，但是“標題1”標簽的
效果也會相當不錯，這樣做會可以給整個頁面的信息分出層次，以幫助閱讀者在簡單地瀏覽頁面之後快速地獲取所需信息。
3. 必須要客觀公正
這裏要提到的“客觀公正”指的是：在你的網頁上放上與你網頁內容相關的鏈接，讓訪問者做出自由的選擇：是繼續留在你
的網頁上，還是去別的網頁上尋找信息。這對於你——網頁的所有者來說，並不是一件壞事；因為你可以為訪問者指明確切
的方向。
好好按照上面說的把你的網頁改進一下。我相信，網頁的可用性一定會大大提升；同時，你的訪問者也會非常感激你，並且
會很願意與你進行往來。 |
|
筆者曾經是一個網頁設計的菜鳥，經過自己不斷的摸索和實踐，現在已經可以獨立製作一個完整的靜態站點，並且給學校的N(N＞5)個部門、院係和外面的公司做網站，雖然不是一個完全意義上的Web Designer（網頁設計師），但是完成一些要求不是很專業、不是十分完美的站點已經是小事兒了（嘿嘿，是不是有自吹自擂之嫌），自己心裏已經是小有成就感了，所以自封為準Web Designer！
自認為成長過程還算快，所以把本人的經歷嚮大傢介紹一下，給那些有志於此的朋友們一些參考意見。
循序漸進學知識
先學一學HTML，找本自己能看懂的教材，瀏覽為主，不用記住所有的概念，衹要記住使用原理就行了，這一階段，估計三天就夠了；然後用兩天時間學CSS，方法同上；進而再花些時間瞭解一下JavaScript。
然後就可以用記事本嘗試寫幾個網頁，記住這時千萬不要用那些可視化工具，比如FrontPage、Dreamweaver（那些以後再學）。
有一個提高自己“寫網頁”的捷徑，就是上各大網站，把網頁保存下來（什麽？你說你不會保存網頁？就是“文件→另存為”），然後打開保存下來的網頁，點擊右鍵→查看源文件，看看人傢的網頁是怎麽寫的，然後模仿他們的寫法，不斷規範自己的代碼。嘿嘿，這個方法不錯吧。先好好模仿一下吧。
接下來該學一下Fireworks了。建議一開始就到網上找些實例教程，這些實例教程一般都介紹得很詳細，跟着它一步一步做下來，每學會一個實例就掌握了幾項操作，而且也有了自己的作品，很有成就感的，長期積纍下來對自己的提高很有幫助。學Fireworks主要是學圖片處理，比如加一些效果，還有很重要的就是切圖，這對於初學者是很重要的。
這時還可以結合Dreamweaver進行學習，你就可以體會到Dreamweaver和Fireworks的無縫集成了。利用這些工具多做幾個網頁，你就可以達到一定水平了。
要是想讓你的網頁多一些炫目的效果，建議你學一下Flash，難度並不大，而且要是前面的JavaScript基礎打得好的話，學到Flash中ActionScript時，你會有一種似曾相識的感覺，因為這兩種語法幾乎是一模一樣的。
到這時，相信你就可以真正領會到“網頁三劍客”的威力了。
在實踐中不斷提高
要是每天能拿出兩個小時來學習，完成以上這些學習估計衹要20天就差不多了。要是天賦高的話（比如說像我這樣的，呵呵)，那需要的時間就更少了。接下來該實習了，找個地方鍛煉一下自己，比如可以去一些公司幹幹兼職，或是給自己的單位設計一下主頁等。
最好是能進入一個正規的開發團隊，你就會學會如何以團隊合作的方式開發網站，特別是怎樣和程序組合作，把頁面與後臺程序數據庫配合起來。可能你會擔心自己是新手，人傢會嫌棄你，沒關係，衹要努力去找，總會有機會的。
我特別感謝我們學校的學生在綫網站給了我一個機會。有一天正趕上應聘，我拿着自己做的兩個Flash作品就去了，沒想到面試還通過了，於是我就這樣有了在專業開發團隊中實踐的機會，通過自己的不斷努力以及嚮高手的不斷提問，水平飛快提高，兩三個月後，就可以獨立完成一些站點了，當然衹是靜態的。在此，我想指出，千萬不要不好意思，不會就問，高手們是很樂意回答你的，而且你能嚮他請教，這本來就是對他的一種肯定，他會很高興的，呵呵。
到此，你就基本可以稱作是一個“Web Designer”了，不過要從根本上提高自己，最好去學學美術，這是當一個網頁設計師的基本功。
筆者剛開始做網頁純粹是自娛自樂，但在這個過程中，我逐漸開始深深喜歡上了這項工作。這個學習過程是人生的一筆寶貴財富，至少我是這麽認為的。 |
|
01 明確內容
如果你想成為一個網站設計者，並正想建一個網站的話，首先應該考慮網站的內容，包括網站功能和你的用戶需要什麽。你的整個設計都應該圍繞這些方面來進行。
02 抓住用戶
如果用戶不能夠迅速地進入你的網站，或操作不便捷，網站設計就是失敗的。不要讓用戶失望而轉嚮你的對手的網站。
03 優化內容
內容是核心。大約在兩年以前，企業網站就像一本廣告册子，更槽糕的是，網站使用了大量的圖片，似乎要幾個世紀才能下載完。比如某網站在設計的某些方面是成功的，但是內容太貪乏，並且要花很長時間才能找到所要的東西，因此不能算是一個成功的網站。
04 快速下載
沒有什麽比要花很長時間下載頁面更槽糕的了。作為一條經驗，一個標準的網頁應不大於60K，通過56K調製解調器加載花30秒的時間。有的設計者說網頁加載應在15秒內。
05 網站升級
時刻註意網站的運行狀況。性能很好的主機隨着訪問人數的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你的升級計劃。
06 堅持基本原則
即使你不懂HTML語言，你衹需購買一個有版權的所見即所得的網頁設計工具，如Adobe PageMill 或 Microsoft FrontPage Express，當然現在則是Dreamweaver啦，就可以創建一個看起來很合理的網站。但是，在設計時，這些軟件包雖然不需要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 不要使用捲滾條
人們厭惡在網上使用捲滾條。某站是一個典型的設計很差的網站。它基於一個浮動的架構，為了閱讀所有的文本，瀏覽者不得不使用捲滾條。
18 專傢最喜愛的Web設計工具
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe ImageRead
5.Macromedia 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崩潰。
37 設計成功的網站
藍色理想
七色鳥
ChinaUI
5D多媒體
38 慎用插件
在Web設計中，如果依賴於一些特別的插件，會減少網站的吸引力。如果訪問者沒有所要求的插件，將不得不到其它站點去下載，這樣訪問者有可能就不會返回了。
39 使用著名的插件
如果網站上有聲音或視頻，要保證使用者通過使用某個知名的插件，能夠聽到或看到。許多站點使用QuickTime、RealPlay和 Shockwave插件。因為，許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的插件。
40 使用先進技術
跟上新的技術。Web技術的進步絶不會停止，所以應花一些時間來研究新産品和開發技術。
41 自己創建圖像和聲音
使用你自己創建的或從某個商業網站上下載的圖像和聲音。在製作商業網站時，應該花足夠的資金來創建圖形，以增強公司的宣傳。
42 專傢忠告— “無論是遊戲、圖像、動畫還是電影，想想你喜歡的設計是怎樣的，這將激發你的創作靈感，使你創作出新的和更好的網站。”
43 平臺的兼容性
要為用戶着想，必須最少在一臺PC 和一臺Mac機上測試你的網站，看看兼容性如何。
44 用軟件分析工具找錯
使用軟件分析工具檢查HTML。軟件分析工具Doctor HTML能夠幫助檢查HTML中的任何問題。如果你有許多網頁需要檢查，可選用軟件分析工具。
45 避免錯誤鏈接
網站中可能與其它一些有用的站點作了鏈接。但是，如果在你的網頁上有鏈接，一定要經常檢查它們，保證鏈接有效。鏈接的網站可能很多，但不要鏈接到與你的內容無關的網站上。
46 給觀衆成熟的東西
如果網站沒有完成，就不要發送到Web上。所有好的網站都是在幕後完成之後再發佈的。
47 在搜索引擎上登記網站
任何一個人發現你的網站的機會都很少，除非你把你的網站在主要的搜索引擎上進行登記。
48 設計一個留言板
瀏覽者願意把時間花在好的網站上，所以最好有一個留言本，這能激勵訪問者再次回到你的網站，還有助於擴充網站內容。
49 測試網站
在你的網站正式發佈之前，必須進行有用的測試。在設計網站時要使用最新的軟件，但是不要忘了人們並不會使用最新的瀏覽器，所以要照顧到以前的瀏覽器。在上載網站時還要測試所有的鏈接和導航工具條。
50 專傢忠告—“盡你所能反復測試所設計的網站，直到你不能發現新的東西為止。”
51 演示即將發佈的網站
在網站正式運行之前，讓人演示它。演示中人們會告訴你所設計的網站是否容易使用。
52 動畫點綴
網頁上的動畫最多衹用一個
53 專傢忠告—“傾斜的按鈕看起來不會太好，最好不要使用。”
54 內容組織
在開始創建新的網頁前，仔細考慮網站內容的組織。决定好想讓訪問者瀏覽的內容，然後設計導航係統。
55 “空白萬歲”
註意留空白。不要用圖像、文本和不必要的動畫GIFs來充斥網頁，即使有足夠的空間，在設計時也應該避免使用。
56 利用空白去吸引註意力。
為了吸引眼球，Web設計者使用各種方法，比如：閃爍、旋轉等，但是利用空白會吸引更多的註意力。”—專傢忠告
57 圖像壓縮
為了保持小的圖像，可以使用類似GIF嚮導的程序，它能自動對圖像進行壓縮。 先聲明圖像的大小,在圖像顯示之前最好能詳細說明圖像大小屬性，可以在IMG標簽中保存這個屬性。這可以使網頁顯得很流暢，因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。
58 設計一個失敗的網站,從中找出原因,提高自己的鑒別能力。
59 用戶註册
如果能知道誰瀏覽了網站以及是怎樣瀏覽網站的，那麽就能得到大量有用的信息。但是，要求訪問者在瀏覽網站之前進行註册，這樣做是要冒風險的，因為這將趕走一批不願意註册的人。獲得信息的另一種方法是進行有奬競猜或金錢奬勵，讓用戶能主動填一些信息反饋表。
60 使網站具有交互功能
在網站上提供一些回答問題的工具，使得訪問者能從網站上獲得交互的信息。
61 圖片更新
盡可能經常更換網站上的圖片，人們更願意點擊的是圖片而不是文本。
62 在網站上提供遊戲
遊戲是很好的交互工具，它是使訪問者能再次光顧網站的好方法。
63 挑選工具軟件
仔細選擇Web設計工具。保證使用自己最想要的、自我感覺最好的軟件。
64 使用最新版本的軟件
盡量使用Web設計軟件的最新版本，還應當能被授權進行免費或便宜的升級。
網站與網頁的關係
網站是由網頁集合而成的，而大傢通過瀏覽器所看到的畫面就是網頁，網頁說具體了是一個html文件，瀏覽器是是用來解讀這份文件的。也可以這樣說：網頁是有許多html文件集合而成。至於要多少網頁集合在一起才能稱作網站，這可就沒有規定了，即使衹有一個網頁也能被稱為網站。 |
|
- n. page web, page internet
|
|
| 內存 | 攝影 | 百度快照 | 𠔌歌快照 | 編程 | 語言 | Web2 | 電腦 | | 常用詞 | 廣告 | flash | 動畫 | 平面設計 | 網頁美工 | 設計 | 網站建設 | | 網頁模板 | 標準 | html | 網絡 | adobe | 網絡用語 | 流行 | 休閑 | | 韓國 | 插畫 | 矢量 | 網站 | pr值如何查詢 | 更多結果... |
|