網站設計(Web Design),就是指在因特網上,根據壹定的規則,使用Dreamweaver、photoshop等工具制作的用於展示特定內容的相關網頁的集合。簡單地說,網站是壹種通訊工具,就像布告欄壹樣,人們可以通過網站來發布自己想要公開的資訊(信息),或者利用網站來提供相關的網路服務(網絡服務)。人們可以通過網頁瀏覽器來訪問網站,獲取自己需要的資訊(信息)或者享受網路服務。網站它是由域名(俗稱網址),網站源程序和網站空間三部分構成。其中域名它是類似於互聯網上的門牌號碼,是用於識別和定位互聯網上計算機的層次結構式字符標識,與該計算機的互聯網協議(IP)地址相對應。而網站設計是設計師通過像Frontpage或Dreamweaver等工具來對網站進行編輯的!
網站設計的實質內容包括
網站設計包括:網站策劃、網頁設計、網站推廣、網站評估、網站運營、網站整體優化,網站建設的目的是通過網站達到開展網上營銷,實現電子商務的目的。網站建設首先由網絡營銷顧問提出低成本回報的網絡營銷策劃方案。通過洞悉項目目標客群的網絡營銷策略,引發、借力企業與網民,以至網民與網民之間的互動,使企業以最小的營銷投入,超越競爭對手,獲得更高效的市場回報營銷網站規劃網站前期策劃作為網絡營銷的起點,規劃的嚴謹性、實用性將直接影響到企業網絡營銷目標的實現。網站建設商以客戶需求和網絡營銷為導向,結合自身的專業策劃經驗,協助不同類型企業,在滿足企業不同階段的戰略目標和戰術要求的基礎上,為企業制定階段性的網站規劃方案。
01 明確內容
如果妳想成為壹個網站設計者,並正想建壹個網站的話,首先應該考慮網站的內容,包括網站功能和妳的用戶需要什麽。妳的整個設計都應該圍繞這些方面來進行。
02 抓住用戶
如果用戶不能夠迅速地進入妳的網站,或操作不便捷,網站設計就是失敗的。不要讓用戶失望而轉向妳的對手的網站。
03 優化內容
內容是核心。大約在兩年以前,企業網站就像壹本廣告冊子,更槽糕的是,網站使用了大量的圖片,似乎要幾個世紀才能下載完。 Chanels網站在設計的某些方面是成功的,但是內容太貧乏,並且要花很長時間才能找到所要的東西,因此不能算是壹個成功的網站。
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網站是壹個典型的設計很差的網站。它基於壹個浮動的架構,為了閱讀所有的文本,瀏覽者不得不使用卷滾條。
18 專家最喜愛的Web設計工具
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe ImageReady
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崩潰。
發展趨勢
幾乎每個網絡公司都在開展網站建設業務,同時,因發展方向的不同,產生了三大塊主體網站建設群體:
第壹類,行業門戶網站。許多行業門戶網站,在其VIP會員服務項目當中,包含了為VIP企業會員提供網站建設的服務,像阿裏巴巴、中國紡織網等公司,吸引了大批行業類的企業註冊成為他們的VIP會員,獲得包括網站建設和維護在內的多種服務項目。行業門戶網站的企業建站服務占到所有企業網站建設服務市場的20%;這類網站以模板型居多。
第二類,網絡綜合應用服務公司。指提供包括網絡基礎應用服務(如域名、主機、郵箱)和網絡增值應用服務(如網站建設和推廣)等業務在內的綜合應用服務公司, 企業網站建設是重要業務之壹,業務總量占到所有企業網站建設市場的60%。像深圳九曲網等公司,通過網絡綜合應用服務業務的宣傳與拓展,在業界具有良好的形象和口碑,提供的網站建設服務也普遍為客戶所接受。
第三類,專業網站建設服務公司,以個性化網站建設業務為主,大多體現在制作出3D全景網站,FLASH全景網站等,突出個性化制作和客戶長期跟蹤服務,業務總量占到所有企業網站建設市場的20%。
在這三類中,第壹類行業門戶網站需要長期的客戶資源積累,大量的資本運作,操作起來資金門檻不低。而第三類專業網站個性化設計需要高端技術人才,從而提高了技術成本門檻。因此,真正在市場上拼殺的主力軍就成了技術和資金門檻相對低很多的第二類:網絡綜合應用服務公司。
網站設計的要點
網站設計要註意的兩個要點:整體風格和色彩搭配。
壹、確定網站的整體風格
網站的整體風格及其創意設計是最難以學習的。難就難在沒有壹個固定的模式可以參照和模仿。給妳壹個主題,任何兩人都不可能設計出完全壹樣的網站。
風格(style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI(標誌、色彩、字體、標語)、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。舉個例子:我們覺得網易是平易近人的,迪斯尼是生動活潑的,IBM是專業嚴肅的。這些都是網站給人們留下的不同感受。
在這裏,我提供給大家壹些參考經驗:
1.將妳的標誌logo,盡可能的放在每個頁面上最突出的位置。
2.突出妳的標準色彩。
3.總結壹句能反映貴站精髓的宣傳標語!
4.相同類型的圖像采用相同效果,比如說標題字都采用陰影效果,那麽在網站中出現的所有標題字的陰影效果的設置應該是完全壹致的!
二、網頁色彩的搭配
無論是平面設計,還是網頁設計,色彩永遠是最重要的壹環。當我們距離顯示屏較遠的時候,我們看到的不是優美的版式或美麗的圖片,而是網頁的色彩。
關於色彩的原理有許多,在此我們不可能壹壹闡述,大家可以看看相關設計書籍,有利於系統地理解。在此我們僅僅想告訴大家壹些網頁配色時的小技巧。
1.用壹種色彩。這裏是指先選定壹種色彩,然後調整透明度或者飽和度,這樣的頁面看起來色彩統壹,有層次感。
2.用兩種色彩。先選定壹種色彩,然後選擇它的對比色。
3.用壹個色系。簡單的說就是用壹個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,藍。
在網頁配色中,還要切記壹些誤區:
1.不要將所有顏色都用到,盡量控制在三至五種色彩以內。
2.背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容。
[動態網站設計]
網絡技術日新月異,細心的網友會發現許多網頁文件擴展名不再只是“.htm”,還有“.php”、“.asp”等,這些都是采用動態網頁技術制作出來的。
早期的動態網頁主要采用CGI技術,CGI即Common Gateway Interface(公用網關接口)。您可以使用不同的程序編寫適合的CGI程序,如Visual Basic、Delphi或C/C++等。雖然CGI技術已經發展成熟而且功能強大,但由於編程困難、效率低下、修改復雜,所以有逐漸被新技術取代的趨勢。
下面介紹幾種目前頗受關註的新技術:
1、PHP 即Hypertext Preprocessor(超文本預處理器),它是當今Internet上最為火熱的腳本語言,其語法借鑒了C、Java、PERL等語言,但只需要很少的編程知識妳就能使用PHP建立壹個真正交互的Web站點。
它與HTML語言具有非常好的兼容性,使用者可以直接在腳本代碼中加入HTML標簽,或者在HTML標簽中加入腳本代碼從而更好地實現頁面控制。PHP提供了標準的數據庫接口,數據庫連接方便,兼容性強;擴展性強;可以進行面向對象編程。
2、ASP 即Active Server Pages,它是微軟開發的壹種類似HTML(超文本標識語言)、Script(腳本)與CGI(公用網關接口)的結合體,它沒有提供自己專門的編程語言,而是允許用戶使用許多已有的腳本語言編寫ASP的應用程序。ASP的程序編制比HTML更方便且更有靈活性。它是在Web服務器端運行,運行後再將運行結果以HTML格式傳送至客戶端的瀏覽器。因此ASP與壹般的腳本語言相比,要安全得多。
ASP的最大好處是可以包含HTML標簽,也可以直接存取數據庫及使用無限擴充的ActiveX控件,因此在程序編制上要比HTML方便而且更富有靈活性。通過使用ASP的組件和對象技術,用戶可以直接使用ActiveX控件,調用對象方法和屬性,以簡單的方式實現強大的交互功能。
但ASP技術也非完美無缺,由於它基本上是局限於微軟的操作系統平臺之上, 主要工作環境是微軟的IIS應用程序結構,又因ActiveX對象具有平臺特性,所以ASP技術不能很容易地實現在跨平臺Web服務器上工作。
3、JSP 即Java Server Pages,它是由Sun Microsystem公司於1999年6月推出的新技術,是基於Java Servlet以及整個Java體系的Web開發技術。
JSP和ASP在技術方面有許多相似之處,不過兩者來源於不同的技術規範組織,以至 ASP壹般只應用於Windows NT/2000平臺,而JSP則可以在85%以上的服務器上運行,而且基於JSP技術的應用程序比基於ASP的應用程序易於維護和管理,所以被許多人認為是未來最有發展前途的動態網站技術。
雖然以上3種新技術在制作動態網頁上各有特色,但目前仍都在發展中,不夠普及。對於廣大個人主頁的愛好者、制作者來說,建議盡量少用難度大的CGI技術。如果您對微軟的產品情有獨鐘,采用ASP技術會讓您得心應手;如果是Linux的追求者,運用PHP技術在目前是最明智的選擇。當然,不要忽略了JSP技術.
網站設計的全過程
這篇文章獻給希望想建設成功網站的人士看看!
1. 準備內容
在註冊網址之前就應該先搜集至少「壹百頁」的內容,這些內容必須是有價值的、不違反著作權的內容。
2. 網址
想個比較有意義,好記的網址(喔,好吧,中文網站比較不需要在網址裏放關鍵字,這壹項我們可以忽略)。
3. 網站設計
對搜索引擎來說,他們看不到網站裏的flash、java applet和javascript,也看不到妳圖檔裏寫的字,所以在網站設計上,只要盡量簡潔有利,讓內容可以好好的呈現,就是壹個成功的seo網站頁面。
另外呢,網頁要盡量符合w3c的標準,如果懶得作網頁,可以參考這裏,有提供壹些免費的網頁範本,幾乎都是cc授權,所以可以自由的使用,他們的網頁都是符合w3c標準的。
4. 每頁檔案大小
建議每個網頁盡量在15k以下,如果可以縮減到12k,甚至10k那就更好,但是不能在5k以下。其實我們都知道,搜索引擎最佳化的目的,實際上是為了使用者,而不是為了搜索引擎本身(這個我過幾天再補壹篇文章介紹)。
不過這壹項到底是不是真的,我也不曉得,曾經有長輩跟我說,在臺灣Yahoo,網頁大小越大越好..這有待實驗證明。
5. 內容
每天建立壹個500~1000字的網頁,當然這個網頁裏面必須包含妳重要的關鍵字,如果想不出關鍵字來的話,可以使用Yahoo的關鍵字建議工具
6. 關鍵字密度以及關鍵字放置位置
拿出妳的關鍵字,在下列六個地方各使用壹次:
* 標題
* meta標簽
* 網址裏面(好吧,中文關鍵字做不到)
* 粗體關鍵字 (就是寫出妳的關鍵字,然後把他加粗)
* 斜體關鍵字 (就是寫出妳的關鍵字,然後把他斜體)
* 頁面上半部 (網頁內容比較前面的地方,我是建議用個標題,像是h1)
另外,英文的話,文句要通暢,拼字要正確,雖然搜索引擎本身就會幫妳校正…
7. 外部鏈接
每壹個內容頁面都應該鏈接壹、二個該關鍵字的「有名大站」(我不是針對無名小站= =),要註意的是鏈接的方式,要先寫出妳的關鍵字,再將這個關鍵字直接鏈接到該站臺。
8. 內部鏈接
妳的網站裏面可能有很多類的內容,請確定同類內容互相鏈接,而不同類內容千萬不要互相鏈接。例如講食品的頁面請鏈接到講水果的頁面這樣。
為什麽要這樣作呢?同類內容的內部鏈接可以讓google的pagerank在妳的網頁裏互相傳遞,如果妳只對個別網頁作最佳化,有可能會發生的情況是,網站裏只有少數幾個頁面的排名可以往前,但是若是做好內部鏈接的話,可以讓每個網頁的排名都往前。
妳想要五十個網頁每天都可以帶來壹位訪客,還是只有壹個網頁,每天帶來五十位訪客呢?前者還有機會可以努力,後者要再增加應該有其限度才對。
9. 網站上線
最好不要用虛擬主機,若是能有自己的代管主機或者是固定ip位置就最好了。若是租用虛擬主機廠商的虛擬主機方案,妳可能遇到的就是壹臺主機裏面放了上萬個網站,盡管Yahoo和Google宣稱,他們對待虛擬主機壹視同仁,但是我還是擔心要他們開始把同壹主機ip數量加入排名公式的那天…
確認網站的每壹頁都可以被搜索引擎索引進去,網站裏的鏈接要做好。另外呢,在網站還稱不上是個「好網站」的時候,不要讓網站上線,若是隨便讓妳的爛網站進
入搜索引擎,並且被打了低分之後,我想,要讓分數上升似乎就不是那麼容易了。
接著,把自己加入到odp(open directory project),這是壹個大家可以手動加入的目錄索引,這樣至少妳的網站已經在壹個索引裏面了,接著,若是有錢的話,可以使用Yahoo的搜索引擎快速付費登錄,這可以讓妳的網站在七天內進入Yahoo!奇摩的索引裏,若是沒錢的話也沒關系,慢慢等還是會被Yahoo登錄進去的。
10. 送交搜索引擎以及目錄索引
把妳的網站登錄到Google、Yahoo!奇摩以及MSN,接著,就放著不管了。別忘了,這篇文章的目的是建立成功的網站,過程是壹年,所以把網站送交登錄之後,請耐心等待六個月。(最慘的情況下啦,不過壹般來說,新網站最遲三~五個星期就會進入索引裏面了)
11.網站推廣
毋庸置疑任何壹個想盈利的網站都無法回避付費推廣服務,推廣方面最主要的就是競價排名。國內首推百度,任何人也不可否認百度的強大流量,google雖然在世界範圍內是老大,但是百度在中國的流量是google的4-10倍。不點擊不收費是競價排名能夠將百度帶到財富巔峰的,不可否認也有大量的企業通過競價排名帶來了不小的收益!網站推廣在建站之後是最重要的壹步!
12 紀錄與追蹤
申請壹個不錯的網頁計數器(現在這個時候的話,當然是推薦使用Google Analytics,畢竟繁體中文內容已經可以使用Google AFC了;當然cnzz站長統計也是壹個不錯的選擇。)
13、網站設計包括前臺用戶視覺體驗的設計和後臺程序功能設計,兩個方面都是非常重要的;視覺設計對於客戶的閱讀帶來愉悅和信任,後臺註重操作的方便行;
網站設計時候的壹些基本原則
設計網站中有哪些關鍵技巧?有哪些陷阱?在這裏,世界上壹流的網站設計專家,讓妳共享他們的秘密,告訴妳:使網站賦予情趣的訣竅、應該避免做什麽、應使用什麽工具軟件以及他們喜愛和厭惡的網站。
01 明確內容
如果妳想成為壹個網站設計者,並正想建壹個網站的話,首先應該考慮網站的內容,包括網站功能和妳的用戶需要什麽。妳的整個設計都應該圍繞這些方面來進行。
02 抓住用戶
如果用戶不能夠迅速地進入妳的網站,或操作不便捷,網站設計就是失敗的。不要讓用戶失望而轉向妳的對手的網站。
03 優化內容
內容是核心。大約在兩年以前,企業網站就像壹本廣告冊子,更槽糕的是,網站使用了大量的圖片,似乎要幾個世紀才能下載完。
Chanels網站在設計的某些方面是成功的,但是內容太貪乏,並且要花很長時間才能找到所要的東西,因此不能算是壹個成功的網站。
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網站是壹個典型的設計很差的網站。它基於壹個浮動的架構,為了閱讀所有的文本,瀏覽者不得不使用卷滾條。
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崩潰。
38 慎用插件
在Web設計中,如果依賴於壹些特別的插件,會減少網站的吸引力。如果訪問 者沒有所要求的插件,將不得不到其它站點去下載,這樣訪問者有可能就不會返回了。
39 使用著名的插件
如果網站上有聲音或視頻,要保證使用者通過使用某個知名的插件,能夠聽到或看到。許多站點使用QuickTime、RealPlay和 Shockwave插件。因為,許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用壹次的插件。
40 使用先進技術
跟上新的技術。Web技術的進步絕不會停止,所以應花壹些時間來研究新產品和開發技術。
41 自己創建圖像和聲音
使用妳自己創建的或從某個商業網站上下載的圖像和聲音。在制作商業網站時,應該花足夠的資金來創建圖形,以增強公司的宣傳。
——專家忠告
43 平臺的兼容性
要為用戶著想,必須最少在壹臺PC 和壹臺Mac機上測試妳的網站,看看兼容性如何。
44 用軟件分析工具找錯
使用軟件分析工具檢查HTML。軟件分析工具Doctor HTML能夠幫助檢查HTML中的任何問題。如果妳有許多網頁需要檢查,可選用軟件分析工具。在網上,妳能夠找到更多有效的HTML工具。
45 避免錯誤鏈接
網站中可能與其它壹些有用的站點作了鏈接。但是,如果在妳的網頁上有鏈接,壹定要經常檢查它們,保證鏈接有效。鏈接的網站可能很多,但不要鏈接到與妳的內容無關的網站上。
46 給觀眾成熟的東西
如果網站沒有完成,就不要發送到Web上。所有好的網站都是在幕後完成之後再發布的。
47 在搜索引擎上登記網站
任何壹個人發現妳的網站的機會都很少,除非妳把妳的網站在主要的搜索引擎上進行登記。
48 設計壹個留言板
瀏覽者願意把時間花在好的網站上,所以最好有壹個留言本,這能激勵訪問者再次回到妳的網站,還有助於擴充網站內容。
49 測試網站
在妳的網站正式發布之前,必須進行有用的測試。在設計網站時要使用最新的軟 件,但是不要忘了人們並不會使用最新的瀏覽器,所以要照顧到以前的瀏覽器。在上載網站時還要測試所有的鏈接和導航工具條。
50 “盡妳所能反復測試所設計的網站,直到妳不能發現新的東西為止。” ——專家忠告
51 演示即將發布的網站
在網站正式運行之前,讓人演示它。演示中人們會告訴妳所設計的網站是否容易使用。
52 動畫點綴
網頁上的動畫最多只用壹個。
53 “傾斜的按鈕看起來不會太好,最好不要使用。” ——專家忠告
54 內容組織
在開始創建新的網頁前,仔細考慮網站內容的組織。決定好想讓訪問者瀏覽的內容,然後設計導航系統。
55 “空白萬歲”
註意留空白。不要用圖像、文本和不必要的動畫GIFs來充斥網頁,即使有足夠的空間,在設計時也應該避免使用。
56 “利用空白去吸引註意力。為了吸引眼球,Web設計者使用各種方法,比如:閃爍、旋轉等,但是利用空白會吸引更多的註意力。” ——專家忠告
57 圖像壓縮
為了保持小的圖像,可以使用類似GIF向導的程序,它能自動對圖像進行壓縮。
先聲明圖像的大小
在圖像顯示之前最好能詳細說明圖像大小屬性,可以在IMG標簽中保存這個屬性。這可以使網頁顯得很流暢,因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。
58 設計失敗的網站
——導航不知所雲
59 圖像大小屬性,可以在IMG標簽中保存這個屬性。這可以使網頁顯得很流暢,因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。
60 用戶註冊
如果能知道誰瀏覽了網站以及是怎樣瀏覽網站的,那麽就能得到大量有用的信息。但是,要求訪問者在瀏覽網站之前進行註冊,這樣做是要冒風險的,因為這將趕走壹批不願意註冊的人。獲得信息的另壹種方法是進行有獎競猜或金錢獎勵,讓用戶能主動填壹些信息反饋表。 61 使網站具有交互功能
在網站上提供壹些回答問題的工具,使得訪問者能從網站上獲得交互的信息。
62 圖片更新
盡可能經常更換網站上的圖片,人們更願意點擊的是圖片而不是文本。
63 在網站上提供遊戲
遊戲是很好的交互工具,它是使訪問者能再次光顧網站的好方法。
64 挑選工具軟件
仔細選擇Web設計工具。保證使用自己最想要的、自我感覺最好的軟件。
65 使用最新版本的軟件
盡量使用Web設計軟件的最新版本,還應當能被授權進行免費或便宜的升級。
總結壹個網站的好壞,不外乎以下幾點:
A、速 度 壹個打開速度慢的網站,再精美的設計也註定是失敗。
B、內 容 壹個沒有實質內容的網站,只能是壹個空殼。 想留住訪問者也是難上加難。
C、易用性 網站導航不明顯、復雜並且不實用的花俏功能,讓人瀏覽起來感覺困難,也絕對是留不住訪問者的。
D、美觀度 糟糕的美工設計,肯定讓人不喜歡。
E、兼容性 優秀的網站應該是用任何瀏覽器、在任何地區都表現如壹,不會出現錯位、亂碼等問題。
如何設計電視/電影類網站
1.導航盡量簡化
用戶上來這裏,無非就是看電影或者看電視.其他無關的,都拿到次導航去,這點HULU就做得很經典了.切記壹點,視頻網站,妳能滿足用戶的觀看需求,已經足夠了,其他的只是錦上添花而已.
2.首屏推薦圖不要做得太漂亮
有壹部分用戶會把太漂亮的推薦圖,會認為是廣告,而不去點它,那麽這個推薦位等於是浪費了,盡量選用劇照或者正規海報,去做推薦圖.
3.不要想著把所有的內容都推薦給用戶
首頁內容貴在新和精,而不是多,如果內容過多,用戶會顯得無所適從,不知道看什麽好,所以首頁,只推壹些精片和新片.
4.影片之間的間距盡量留到最大.
最能吸引用戶的,不外乎是海報,但是密密麻麻的海報堆壹起,雖然是感覺貨堆如山,但是無疑給用戶造成了瀏覽的不遍.看著妳這堆海報,眼睛都花了,更別說去看妳提 煉得很精美的Slogan了.
5.能用劇照的地方不用海報
劇照可以讓代入場景的感覺,雖然海報通常很精美,但是在帶來視覺震撼之後,用戶對這部片的了解還是很空洞的,劇照就不壹樣,精美的劇照,可以將用戶代入場景,特別是針對電視劇來說,劇照可以讓用戶產生聯想,而海報是不行的.
6.給排行版找壹個好位置
排行版是用戶的指南針,通常用戶會先篩選壹遍排行版有沒有自己想看的節目,影片,如果沒有,再進入到內頁,或者頻道頁去查找,如果排行版位置太低.那就太麻煩了.
7.點壹下,就能看
通常用戶很在意他要看壹部片需要多少個步驟,特別是針對收費網站來說,用戶最討厭的就是切換了幾個頁面後,終於能看了,發現原來需要付費.所以最好是點壹下,就能看,需要扣費或者登錄的,直接出層讓用戶操作,而不要轉到別的頁面.
8.別把廣告做成海報
用戶上當壹兩次後,以後可能看到海報都會抗拒.這點很嚴重
9.別把壹堆影片相關信息堆到首頁來
通常用戶選擇壹部影片,大概有3種決定因素,1,自己想看,在別的地方看過介紹, 2,朋友推薦 3,海報很美,Slogan很煽情,主演很牛B. 至於其他什麽導演,上映時間阿,這些都沒多大作用的因素,最好都放詳細介紹頁去,很少有用戶因為這部片子是誰導演的而去看的.
10.靈活使用2/8原理
這裏的2/8不是指圖片文字比例的2/8,而是指首頁的首屏,壹定是全站20%最好的內容,分流80%的用戶.首屏很重要.
網站設計的 7Cs
「人機界面」(Human-Computer Interface;HCI)在電腦資訊科技域中,是指電腦有關之硬體及軟體,其本身為提供使用者與電腦之間溝通與互動的通道或橋梁.也因為人機之間的往溝通非常強調以與使用者需求為主,也就是強調使用者導向(User-Oriented)與使用者中心(User-Centered),所以人機介面又稱為使用者介面(User- Interface).在電子商務環境中,使用者界面是企業與他們顧客之間的系互動管道,Rayport與Jaworski在2001提出7Cs模式,其主要是用於分析電子商務的顧客界面,提出網站商店的顧客介面應著重在讓顧客容操作與使其滿意.因此,壹個成功的網站設計,取決於其介面是否能夠將顧客需求以及企業提供的服務加以整合,茲將7Cs架構的網站介面七項要素介紹如下:
1 Context(組織)
網站內容的設計與陳方式,要同時符合功能性與美觀性個需求.功能性是指網站內 容以有組織的方式呈現,讓使用者可以方有效地瀏覽.而美觀性則包括網頁的色系及其他傳遞訊息的視覺題材.
2 Content(內容)
指網站上所傳遞的內容.包括產品與服務內容( 如各科室簡介,醫院地 位置等資訊),促銷方案,顧客支援,及時 新的資訊,各種與產品或服務相關的資訊, 用多媒體方式提供產品或服務資訊(如:以語音或動畫的方式描述產品或服務內容).
3 Community(社群)
供網站使用者之間的互動空間,讓使用者有歸屬感或 與感.包括線上討版( 如疾病討園地),會員電子信箱清單或言板等.
4 Customization(客制化)
網站提供使用者自 身訂做自己想閱的內容資訊之功能.每個使用者在登入後就可以享受與眾同,獨享的頁面,能讓顧客有 ,親的感覺.
5 Communication(溝通方式)
網站與使用者之間的溝通管道,包括以電子郵件方式告知各式資訊( 如電子報),或是讓使用者可提供建議的管道( 如建言信箱).
6 Connection( 結)
網站本身與其他外部相關網站的結.像醫網站可方的結到其他的醫資訊機構( 如醫資訊網), 政院衛生署,中央健康保險局,醫學術研究機構( 如臺灣醫學會)等.
7 Commerce(商務)
支援各種交之介面功能, 如線上掛號,掛號查詢與取消,繳費功能等.
網站設計9條原則
01 明確內容
如果妳想成為壹個網站設計者,並正想建壹個網站的話,首先應該考慮網站的內容,包括網站功能和妳的用戶需要什麽。妳的整個設計都應該圍繞這些方面來進行。
02 抓住用戶
如果用戶不能夠迅速地進入妳的網站,或操作不便捷,網站設計就是失敗的。不要讓用戶失望而轉向妳的對手的網站。
03 優化內容
內容是核心。大約在兩年以前,企業網站就像壹本廣告冊子,更槽糕的是,網站使用了大量的圖片,似乎要幾個世紀才能下載完。比如某網站在設計的某些方面是成功的,但是內容太貪乏,並且要花很長時間才能找到所要的東西,因此不能算是壹個 成功的網站。
04 快速下載
沒有什麽比要花很長時間下載頁面更槽糕的了。作為壹條經驗,壹個標準的網頁應不大於60K,通過56K調制解調器加載花30秒的時間。有的設計者說網頁加載應在15秒內。最好符合WEB標準化用css定位的網站往往比表格定位要少很多代碼。
05 網站升級
時刻註意網站的運行狀況。性能很好的主機隨著訪問人數的增加,可能會運行緩慢。但是,如果妳不想失去訪問者的話,壹定要仔細計劃好妳的升級計劃。
06 堅持基本原則
即使妳不懂HTML語言,妳只需購買壹個有版權的所見即所得的網頁設計工具,如Adobe PageMill 或 Microsoft FrontPage Express,當然現在則是Dreamweaver啦,就可以創建壹個看起來很合理的網站。但是,在設計時,這些軟件包雖然不需要HTML,卻使網站速度下降。為了成功地設計網站,妳必須理解HTML是如何工作的。大多數的網站設計者建議網絡新手應從有關HTML的書中去尋找答案,用Notepad制作網頁。
07 學習HTML
用HTML設計網站,可以控制設計的整個過程。但是,如果妳僅僅是網站設計的新手,妳應該尋找壹個允許修改HTML的軟件包。HomeSite4是壹個很好的Web設計工具。在設計過程中,HomeSite4能幫助妳學習HTML。它還允許妳切換到所見即所得的模式,以便妳在把網站發送到Web之前,預覽妳的網站。HTML編寫過程中可以大段大段地刪減,這是壹特點。
08 用筆畫壹個網站的框架
聖人雲:筆比劍更強大。在用計算機之前,用筆畫壹個網站的框架,顯示出所有網頁的相互關系。計劃好妳的用戶如何以最少的時間瀏覽妳的網站。
09 “在計算機上永遠也找不到好的方案”。
網站設計專業要求
1.網頁設計軟件 Photoshop\Dreamweaver\Fireworks\Flash\HTML語言
2.網站後臺編程 ASP開發環境、Windows窗體編程、常用控件;ASP編程、ASP Web服務器控件、配置和優化ASP應用程序、調試和錯誤處理、ADO、連接和操作數據源、數據集、水晶報表的使用、Web服務創建和使用;留言板、BBS論壇、電子商務系統。
3.數據庫管理 Access數據庫的基本概念、結構、數據表的建立、數據表的基 本維護、SQL Server基礎、數據源的鏈接、SQL語言、集合函數、數據類型。
4.學習綜合性網頁設計規則、頁面整體排版能力的處理、圖片美工及 WEB 程序塊的調入和美化、程序的調試和運用、網站綜合訓練 、動態網頁創作模式。
FLASH網站設計註意的要點
1.記住用戶的目標
用戶往往帶著目的訪問壹個站點,每個鏈接,每次點擊都要合乎他們的經驗並且引導他們通向他們的目標。當傳輸妳的頁面時,應該讓關鍵的導航鏈接首先裝載——萬壹用戶想轉到網站其它的區域。模仿通常的用戶圖形界面往往可以增加可用性。
2. 記住網站的目的
網站設計應該反應商業或者客戶的需求,有效的傳播主要信息與促進品牌。然而網站的目標最好通過尊重用戶的習慣來達到,所以站點結構必須滿足用戶的需要,快速的將用戶引導至其目標而避免任何公司和區域行話。
3. 避免沒有必要的介紹
雖然介紹的動畫非常精彩,但是它們往往延誤了用戶訪問他們正在尋找的信息。應該經常提供給用戶壹個忽略介紹的命令或者訪問妳的主頁的選擇,當他們第二次訪問您的主頁時,對所有的用戶都應該忽略簡介動畫(使用客戶端的javascript來完成這個功能),然後在目標頁面提供返回到動畫頁面的選擇。
4. 提供合乎邏輯的導航與交互
· 保證用戶的導航: 顯示用戶訪問過的上壹個地址和他即將訪問的下壹個地址. 通過鏈接的不同顏色在用戶訪問後提醒他們訪問過的頁面.
· 提供用戶壹個輕松跳出他們正在訪問的部分回到出發點的的鏈接.
· 明確說明每個鏈接的位置. 保證鏈接的結構和命名法的可視性,而不是隱藏它們直到用戶觸發了某個事件(比如鼠標移近).
· 確保按鈕定義了足夠好的反應區域.
· 利用Flash流的特性首先裝載主要的導航元素.
· 確保導航的後退按鈕. 為了做到這壹點可以使用瀏覽器內置的前進和後退導航系統,將Flash影片邏輯的分成幾塊並置於獨立的HTML頁面中. 做為壹種選擇, 為影片建立壹個基於Flash的後退按鈕以便用戶可以利用它後退到壹個包含上壹個訪問頁面的場景或楨.
5. 設計的連貫性
提高您的站點性能的最好方法是用戶界面的壹致性. 元素結構的再使用,元素的設計以及命名的習慣將使用戶在導向他們的目標時對站點傳達的信息的註意力更加豐富, 而且這也有利於站點的維護. 妳可以在整個站點中使用小影片(Smart Clip)來
重復使用交互元素, 還可以讓最初導航系統的文字和圖片在目標頁面中重新使用.
6. 不要過度使用動畫
避免不必要的動畫. 最好的動畫應該是可以增加站點的設計目標的動畫, 在導航的時候講述壹個故事或者有幫助的事情. 在包含大量文字的頁面使用重復的動畫將使視線從消息轉移.
7. 慎重使用聲音
聲音可以為妳的站點錦上添花但是絕對不是必要的. 例如:使用聲音來說明用戶剛剛觸發了壹個時間. 確保使用了聲音的開關與音量調節方法, 並且要記住聲音會顯著的增加文件的大小. 當妳確實使用了聲音的時候,Macromedia Flash會將聲音轉換為MP3文件甚至流媒體化.
8. 面向低帶寬的用戶
越少的下載越好. 初始的下載頁面大小不能超過40K, 包括所有Macromedia文件,圖像和HTML文件. 為了減少下載時間, 使用矢量圖形(除非圖像使壓縮過的BMP, 那樣最好仍保持為BMP格式), 並且只有在用戶確定的要用到某個文件時才使用Load Movie動作. 如果用戶必須等待, 提供壹個裝載的時間序列與進度條, 只要可能,必須在前5秒內裝載導航系統.
9. 設計的易用性
確保妳的站點的內容能被所有的用戶閱讀, 包括那些殘疾用戶. 高度使用ALT標簽可以確保網站內容能被輔助工具解釋. 影片的可縮放性是讓更多用戶了解網站內容的另壹項易用的Macromedia特色. 如果需要壹個徹底的Macromedia Flash內容可用性的討論,請登陸Macromedia Flash可用性網站.
10. 可用性測試
讓壹些新手來訪問站點並同時完成用戶目標與站點目標. 甚至簡短的Macromedia Flash動畫都有可能阻擋用戶實現目標, 所以使用Macromedia Flash的帶寬模擬器(Bandwidth Profiler——譯者註)(在視圖菜單的測試影片模式下)來分析站點在不同帶寬模式下的性能.每次 重復測試影片哪怕是很小的改動. 確保站點的測試者從人口統計學上合乎站點的預定用戶—特別是預定用戶中有對站點的導航有不同級別的滿意程度.
網站設計要考慮用戶需求
用戶都是瀏覽者
假如您以為壹般的用戶會完完整整地閱讀您的網頁,那麽您就錯了。
不管您在網頁中發布了多麽有用的信息,壹個訪問者在決定是否繼承閱讀之前僅僅會花幾秒鐘的時間進行瀏覽。
假如您但願用戶閱讀您的文字,請確保在頁面段落的第壹句就說明您的觀點。另外,您還需要在整個頁面中使用簡短的段落以及有趣的標題。
少等於多
使所有的句子盡可能地短。使所有的段落盡可能地短。使所有的章節盡可能地短。使您的頁面盡可能地短。
請在段落和章節之間使用較多的留白。充斥著冗長文字的頁面會趕走您的用戶。
也不要在單壹的頁面上放置太多的內容。假如確實有必要傳遞大量的信息,請盡量把內容分為小塊,然後放入不同的頁面中。不要指望每個訪問者都能把壹張數千字的頁面壹路動彈到底。
導航
盡量創建通用於網站中所有頁面的導航結構。
把文本段落中的超鏈接使用量降至最低。請不要使用文本段落內的超鏈接隨意地把訪問者帶到別的頁面。因此這樣做會破壞導航結構壹致性的感覺。
假如您必需使用超級鏈接,請把它們添加到段落的底部,或站點的導航菜單。
下載速度
最常見的錯誤是用於網站開發者的開發環境造成的,例如使用壹臺本地的機器開發站點,或者使用壹條高速的因特網連接。開發職員有時不會意識到下載他們的頁面要花很長的時間。
網站設計前期準備工作
網站設計前期準備工作相當重要,這決定妳建站的目的,以及日後維護網站,讓妳的網站發揮作用等是相當的重要。在設計網站前,必須先準備好以下工作:
1.網站框架頻道
網站頻道就是網站的大框架,也就是主體部分,比如:首頁,公司簡介,新聞動態,產品展示,在線留言,聯系我們等,這是標準的企業網站的內容。如果妳有特定的框架,請您壹壹列出,這樣方便我們設計。
2.網站風格要求
您必須知道您網站的目的,是以廣告形式、還是僅給現有的老客戶觀察?是功能型的,還是展示型的?風格定位要準確,功能型的是,網站在美工設計上可能不適合大塊圖片,在數據功能上比較強大,比如搜索,會員註冊等,壹般大型企業網、購物網、大型門戶、交友網等都是屬於功能型的,如果是展示型的,這種類型的網站可能大部分追求視覺上的美麗,對功能要求不高。那在美工上面,設計上就得有強烈的視覺感了。這種網站壹般屬於:美容業、女性用品、服飾等。
3.網站的針對對象
在設計網站前,您必須告訴我們您的網站所針對的人群、區域、國家等。如果能提供某種行業的更好,這樣我們在設計上就會針對這種人群的瀏覽習慣特別定制您的網頁。
4.網站的預算
如果您對您的網頁不清楚,沒經驗,不要緊,您最好告訴我們您所最大程序所承受的設計費用,我們可以全程為您策劃。