網頁設計,什么是網頁設計,如何設計網頁,網站設計,網頁設計專題

 

網站設計目錄

1、網站設計 

2、網站設計的要點 

3、網站設計的全過程 

4、如何設計電視/電影類網站 

5、網站設計的 7Cs 

6、網站設計9條原則 

1、網站設計

什么是網站設計:

網站它是由域名(俗稱網址),網站源程序和網站空間三部分構成。其中域名它是類似于互聯網上的門牌號碼,是用于識別和定位互聯網上計算機的層次結構式字符標識,與該計算機的互聯網協議(IP)地址相對應。而網站設計是設計師通過像FrontpageDreamweaver等工具來對網站進行編輯的! 

WWW“World Wide Web"的縮寫 

網站設計的實質內容包括: 

01、明確內容 

如果你想成為一個網站設計者,并正想建一個網站的話,首先應該考慮網站的內容,包括網站功能和你的用戶需要什么。你的整個設計都應該圍繞這些方面來進行。 

02、抓住用戶 

如果用戶不能夠迅速地進入你的網站,或操作不便捷,網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。 

03、優化內容 

內容是核心。大約在兩年以前,企業網站就像一本廣告冊子,更槽糕的是,網站使用了大量的圖片,似乎要幾個世紀才能下載完。 Chanels網站(www.channels.co.uk)在設計的某些方面是成功的,但是內容太貧乏,并且要花很長時間才能找到所要的東西,因此不能算是一個成功的網站。 

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 ImageReady 

5.Dreamweaver 

6.Macromedia Fireworks 

7.Allaire Homesites 

8.Microsoft Notepad 

9.Macromedia Director 

10.Lightwave 

11.Macromedia Freehand 

12.其它:Adobe Acrobat ExchangeAllaire 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%。 

在這三類中,第一類行業門戶網站需要長期的客戶資源積累,大量的資本運作,操作起來資金門檻不低。而第三類專業網站個性化設計需要高端技術人才,從而提高了技術成本門檻。因此,真正在市場上拼殺的主力軍就成了技術和資金門檻相對低很多的第二類:網絡綜合應用服務公司。

2、網站設計的要點

網站設計要注意的兩個要點:整體風格和色彩搭配。

一、確定網站的整體風格 

網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題,任何兩人都不可能設計出完全一樣的網站。 

風格(style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個整體形象包括站點的CI(標志、色彩、字體、標語)、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。舉個例子:我們覺得網易是平易近人的,迪斯尼是生動活潑的,IBM是專業嚴肅的。這些都是網站給人們留下的不同感受。 

在這里,我提供給大家一些參考經驗: 

1.將你的標志logo,盡可能的放在每個頁面上最突出的位置。 

2.突出你的標準色彩。 

3.總結一句能反映貴站精髓的宣傳標語! 

4.相同類型的圖像采用相同效果,比如說標題字都采用陰影效果,那么在網站中出現的所有標題字的陰影效果的設置應該是完全一致的! 

二、網頁色彩的搭配 

無論是平面設計,還是網頁設計,色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候,我們看到的不是優美的版式或美麗的圖片,而是網頁的色彩。 

關于色彩的原理有許多,在此我們不可能一一闡述,大家可以看看相關設計書籍,有利于系統地理解。在此我們僅僅想告訴大家一些網頁配色時的小技巧。 

1.用一種色彩。這里是指先選定一種色彩,然后調整透明度或者飽和度,這樣的頁面看起來色彩統一,有層次感。 

2.用兩種色彩。先選定一種色彩,然后選擇它的對比色。 

3.用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。 

在網頁配色中,還要切記一些誤區: 

1.不要將所有顏色都用到,盡量控制在三至五種色彩以內。 

2.背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容。 

[動態網站設計

網絡技術日新月異,細心的網友會發現許多網頁文件擴展名不再只是“.htm”,還有“.php”“.asp”等,這些都是采用動態網頁技術制作出來的。 

早期的動態網頁主要采用CGI技術,CGICommon Gateway  Interface(公用網關接口)。您可以使用不同的程序編寫適合的CGI程序,如Visual  BasicDelphiC/C++等。雖然CGI技術已經發展成熟而且功能強大,但由于編程困難、效率低下、修改復雜,所以有逐漸被新技術取代的趨勢。

下面介紹幾種目前頗受關注的新技術: 

1PHP Hypertext Preprocessor(超文本預處理器),它是當今Internet上最為火熱的腳本語言,其語法借鑒了CJavaPERL等語言,但只需要很少的編程知識你就能使用PHP建立一個真正交互的Web站點。 

它與HTML語言具有非常好的兼容性,使用者可以直接在腳本代碼中加入HTML標簽,或者在HTML標簽中加入腳本代碼從而更好地實現頁面控制。PHP提供了標準的數據庫接口,數據庫連接方便,兼容性強;擴展性強;可以進行面向對象編程。 

2ASP Active Server  Pages,它是微軟開發的一種類似HTML(超文本標識語言)Script(腳本)CGI(公用網關接口)的結合體,它沒有提供自己專門的編程語言,而是允許用戶使用許多已有的腳本語言編寫ASP的應用程序。ASP的程序編制比HTML更方便且更有靈活性。它是在Web服務器端運行,運行后再將運行結果以HTML格式傳送至客戶端的瀏覽器。因此ASP與一般的腳本語言相比,要安全得多。 

ASP的最大好處是可以包含HTML標簽,也可以直接存取數據庫及使用無限擴充的ActiveX控件,因此在程序編制上要比HTML方便而且更富有靈活性。通過使用ASP的組件和對象技術,用戶可以直接使用ActiveX控件,調用對象方法和屬性,以簡單的方式實現強大的交互功能。 

ASP技術也非完美無缺,由于它基本上是局限于微軟的操作系統平臺之上,主要工作環境是微軟的IIS應用程序結構,又因ActiveX對象具有平臺特性,所以ASP技術不能很容易地實現在跨平臺Web服務器上工作。 

3JSP Java Server Pages,它是由Sun Microsystem公司于19996月推出的新技術,是基于Java  Servlet以及整個Java體系的Web開發技術。 

JSPASP在技術方面有許多相似之處,不過兩者來源于不同的技術規范組織,以至 ASP一般只應用于Windows  NT/2000平臺,而JSP則可以在85%以上的服務器上運行,而且基于JSP技術的應用程序比基于ASP的應用程序易于維護和管理,所以被許多人認為是未來最有發展前途的動態網站技術。 

雖然以上3種新技術在制作動態網頁上各有特色,但目前仍都在發展中,不夠普及。對于廣大個人主頁的愛好者、制作者來說,建議盡量少用難度大的CGI技術。如果您對微軟的產品情有獨鐘,采用ASP技術會讓您得心應手;如果是Linux的追求者,運用PHP技術在目前是最明智的選擇。當然,不要忽略了JSP技術.

3、網站設計的全過程

這篇文章獻給希望想建設成功網站的人士看看

1. 準備內容 

在注冊網址之前就應該先搜集至少「一百頁」的內容,這些內容必須是有價值的、不違反著作權的內容。 

2. 網址 

想個比較有意義,好記的網址(喔,好吧,中文網站比較不需要在網址里放關鍵字,這一項我們可以忽略)。 

3. 網站設計 

對搜索引擎來說,他們看不到網站里的flashjava  appletjavascript,也看不到你圖檔里寫的字,所以在網站設計上,只要盡量簡潔有利,讓內容可以好好的呈現,就是一個成功的seo網站頁面。 

另外呢,網頁要盡量符合w3c的標準,如果懶得作網頁,可以參考這里,有提供一些免費的網頁范本,幾乎都是cc授權,所以可以自由的使用,他們的網頁都是符合w3c標準的。 

4. 每頁檔案大小 

作者建議每個網頁盡量在15k以下,如果可以縮減到12k,甚至10k那就更好,但是不能在5k以下。其實我們都知道,搜索引擎最佳化的目的,實際上是為了使用者,而不是為了搜索引擎本身(這個我過幾天再補一篇文章介紹)。 

不過這一項到底是不是真的,我也不曉得,曾經有長輩跟我說,在臺灣Yahoo,網頁大小越大越好..這有待實驗證明。 

5. 內容 

每天建立一個5001000字的網頁,當然這個網頁里面必須包含你重要的關鍵字,如果想不出關鍵字來的話,可以使用Yahoo的關鍵字建議工具 

6. 關鍵字密度以及關鍵字放置位置 

拿出你的關鍵字,在下列六個地方各使用一次: 

標題 

* meta標簽 

網址里面(好吧,中文關鍵字做不到) 

粗體關鍵字 (就是寫出你的關鍵字,然后把他加粗) 

斜體關鍵字 (就是寫出你的關鍵字,然后把他斜體) 

頁面上半部 (網頁內容比較前面的地方,我是建議用個標題,像是h1) 

另外,英文的話,文句要通暢,拼字要正確,雖然搜索引擎本身就會幫你校正… 

7. 外部鏈接 

每一個內容頁面都應該鏈接一、二個該關鍵字的「有名大站」(我不是針對無名小站= =),要注意的是鏈接的方式,要先寫出你的關鍵字,再將這個關鍵字直接鏈接到該站臺。 

8. 內部鏈接 

你的網站里面可能有很多類的內容,請確定同類內容互相鏈接,而不同類內容千萬不要互相鏈接。例如講食品的頁面請鏈接到講水果的頁面這樣。 

為什么要這樣作呢?同類內容的內部鏈接可以讓googlepagerank在你的網頁里互相傳遞,如果你只對個別網頁作最佳化,有可能會發生的情況是,網站里只有少數幾個頁面的排名可以往前,但是若是做好內部鏈接的話,可以讓每個網頁的排名都往前。 

你想要五十個網頁每天都可以帶來一位訪客,還是只有一個網頁,每天帶來五十位訪客呢?前者還有機會可以努力,后者要再增加應該有其限度才對。 

9. 網站上線 

最好不要用虛擬主機,若是能有自己的代管主機或者是固定ip位置就最好了。若是租用虛擬主機廠商的虛擬主機方案,你可能遇到的就是一臺主機里面放了上萬個網站,盡管YahooGoogle宣稱,他們對待虛擬主機一視同仁,但是我還是擔心要他們開始把同一主機ip數量加入排名公式的那天… 

確認網站的每一頁都可以被搜索引擎索引進去,網站里的鏈接要做好。另外呢,在網站還稱不上是個「好網站」的時候,不要讓網站上線,若是隨便讓你的爛網站進入搜索引擎,并且被打了低分之后,我想,要讓分數上升似乎就不是那麼容易了。 

接著,把自己加入到odpopen directory project),這是一個大家可以手動加入的目錄索引,這樣至少你的網站已經在一個索引里面了,接著,若是有錢的話,可以使用Yahoo的搜索引擎快速付費登錄,這可以讓你的網站在七天內進入Yahoo!奇摩的索引里,若是沒錢的話也沒關系,慢慢等還是會被Yahoo登錄進去的。 

10. 送交搜索引擎以及目錄索引 

把你的網站登錄到GoogleYahoo!奇摩以及MSN,接著,就放著不管了。別忘了,這篇文章的目的是建立成功的網站,過程是一年,所以把網站送交登錄之后,請耐心等待六個月。(最慘的情況下啦,不過一般來說,新網站最遲三~五個星期就會進入索引里面了) 

11.網站推廣 

毋庸置疑任何一個想盈利的網站都無法回避付費推廣服務,推廣方面最主要的就是競價排名。國內首推百度,任何人也不可否認百度的強大流量,google雖然在世界范圍內是老大,但是百度在中國的流量是google4-10倍。不點擊不收費是競價排名能夠將百度帶到財富巔峰的,不可否認也有大量的企業通過競價排名帶來了不小的收益!網站推廣在建站之后是最重要的一步! 

12 紀錄與追蹤 

申請一個不錯的網頁計數器(現在這個時候的話,當然是推薦使用Google Analytics,畢竟繁體中文內容已經可以使用Google AFC了;當然cnzz站長統計也是一個不錯的選擇。) 

13、網站設計包括前臺用戶視覺體驗的設計和后臺程序功能設計,兩個方面都是非常重要的;視覺設計對于客戶的閱讀帶來愉悅和信任,后臺注重操作的方便行; 

網站設計時候的一些基本原則 

設計網站中有哪些關鍵技巧?有哪些陷阱?在這里,世界上一流的網站設計專家,讓你共享他們的秘密,告訴你:使網站賦予情趣的訣竅、應該避免做什么、應使用什么工具軟件以及他們喜愛和厭惡的網站。 

01 明確內容 

如果你想成為一個網站設計者,并正想建一個網站的話,首先應該考慮網站的內容,包括網站功能和你的用戶需要什么。你的整個設計都應該圍繞這些方面來進行。 

02 抓住用戶 

如果用戶不能夠迅速地進入你的網站,或操作不便捷,網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。 

03 優化內容 

內容是核心。大約在兩年以前,企業網站就像一本廣告冊子,更槽糕的是,網站使用了大量的圖片,似乎要幾個世紀才能下載完。 

Chanels網站(www.channels.co.uk)在設計的某些方面是成功的,但是內容太貪乏,并且要花很長時間才能找到所要的東西,因此不能算是一個成功的網站。 

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 ExchangeAllaire 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 設計成功的網站 

www.bmw.co.uk ——內容和關聯性很好 

www.yugop.com ——圖形下載很快 

www.comicrelief.org.uk ——設計簡單明了 

www.dreamcast-europe.com www.newsunlimited.co.uk www.newbeetle.com www.swoon.com www.viaduct.co.uk 

38 慎用插件 

Web設計中,如果依賴于一些特別的插件,會減少網站的吸引力。如果訪問者沒有所要求的插件,將不得不到其它站點去下載,這樣訪問者有可能就不會返回了。 

39 使用著名的插件 

如果網站上有聲音或視頻,要保證使用者通過使用某個知名的插件,能夠聽到或看到。許多站點使用QuickTimeRealPlay和 Shockwave插件。因為,許多訪問者并不愿意浪費很多時間和金錢去下載可能僅使用一次的插件。 

40 使用先進技術 

跟上新的技術。Web技術的進步絕不會停止,所以應花一些時間來研究新產品和開發技術。 

41 自己創建圖像和聲音 

使用你自己創建的或從某個商業網站上下載的圖像和聲音。在制作商業網站時,應該花足夠的資金來創建圖形,以增強公司的宣傳。——專家忠告  

43 平臺的兼容性 

要為用戶著想,必須最少在一臺PC 和一臺Mac機上測試你的網站,看看兼容性如何。 

44 用軟件分析工具找錯 

使用軟件分析工具檢查HTML。軟件分析工具Doctor HTML能夠幫助檢查HTML中的任何問題。如果你有許多網頁需要檢查,可選用軟件分析工具。在網www.weblint.org/validation.html中,你能夠找到更多有效的HTML工具。 

45 

發表評論

 




 

哈努曼与假面五骑士
极速3d在线人工计划 双色球开奖历史 广西快三推荐一定牛 2019年全年九肖六肖三肖 全番免费单机麻将下载 江西快3怎么选号 2019白小姐开奖网站 吉林快三组合走势图 浙江南粤36选7走势图 安徽时时计划软件qq 重庆幸运农场专家预测 陕西快乐十分怎么下载 老时时走势图经 香港彩开奖现场开奖结果 300期江西快三基本走势图 pk10彩票是否合法