網(wǎng)頁設計簡介

《網(wǎng)頁設計簡介》由會員上傳分享，免費在線閱讀，更多相關內(nèi)容在教育資源-天天文庫。

1、網(wǎng)站設計目錄1、網(wǎng)站設計2、網(wǎng)站設計的要點3、網(wǎng)站設計的全過程4、如何設計電視/電影類網(wǎng)站5、網(wǎng)站設計的7Cs6、網(wǎng)站設計9條原則1、網(wǎng)站設計什么是網(wǎng)站設計：網(wǎng)站它是由域名（俗稱網(wǎng)址），網(wǎng)站源程序和網(wǎng)站空間三部分構(gòu)成。其中域名它是類似于互聯(lián)網(wǎng)上的門牌號碼，是用于識別和定位互聯(lián)網(wǎng)上計算機的層次結(jié)構(gòu)式字符標識，與該計算機的互聯(lián)網(wǎng)協(xié)議（IP）地址相對應。而網(wǎng)站設計是設計師通過像Frontpage或Dreamweaver等工具來對網(wǎng)站進行編輯的！WWW是“World?Wide?Web"的縮寫網(wǎng)站設計的實質(zhì)內(nèi)容包括：01、明確內(nèi)容如果你想成為一個網(wǎng)站設計者，并正想建一個網(wǎng)站的話，首先應該考慮網(wǎng)站的內(nèi)容，

2、包括網(wǎng)站功能和你的用戶需要什么。你的整個設計都應該圍繞這些方面來進行。02、抓住用戶如果用戶不能夠迅速地進入你的網(wǎng)站，或操作不便捷，網(wǎng)站設計就是失敗的。不要讓用戶失望而轉(zhuǎn)向你的對手的網(wǎng)站。03、優(yōu)化內(nèi)容內(nèi)容是核心。大約在兩年以前，企業(yè)網(wǎng)站就像一本廣告冊子，更槽糕的是，網(wǎng)站使用了大量的圖片，似乎要幾個世紀才能下載完。Chanels網(wǎng)站（www.channels.co.uk）在設計的某些方面是成功的，但是內(nèi)容太貧乏，并且要花很長時間才能找到所要的東西，因此不能算是一個成功的網(wǎng)站。04、快速下載沒有什么比要花很長時間下載頁面更槽糕的了。作為一條經(jīng)驗，一個標準的網(wǎng)頁應不大于60K，通過56K調(diào)制解調(diào)器

3、加載花30秒的時間。有的設計者說網(wǎng)頁加載應在15秒內(nèi)。05、網(wǎng)站升級時刻注意網(wǎng)站的運行狀況。性能很好的主機隨著訪問人數(shù)的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你的升級計劃。06、堅持基本原則即使你不懂HTML語言，你只需購買一個有版權的所見即所得的網(wǎng)頁設計工具，如AdobePageMill或MicrosoftFrontPageExpress，就可以創(chuàng)建一個看起來很合理的網(wǎng)站。但是，在設計時，這些軟件包雖然不需要HTML，卻使網(wǎng)站速度下降。為了成功地設計網(wǎng)站，你必須理解HTML是如何工作的。大多數(shù)的網(wǎng)站設計者建議網(wǎng)絡新手應從有關HTML的書中去尋找答案，用Note

4、pad制作網(wǎng)頁。07、學習HTML用HTML設計網(wǎng)站，可以控制設計的整個過程。但是，如果你僅僅是網(wǎng)站設計的新手，你應該尋找一個允許修改HTML的軟件包。HomeSite4是一個很好的Web設計工具。在設計過程中，HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式，以便你在把網(wǎng)站發(fā)送到Web之前，預覽你的網(wǎng)站。08、用筆畫一個網(wǎng)站的框架圣人云：筆比劍更強大。在用計算機之前，用筆畫一個網(wǎng)站的框架，顯示出所有網(wǎng)頁的相互關系。計劃好你的用戶如何以最少的時間瀏覽你的網(wǎng)站。09、“在計算機上永遠也找不到好的方案”?！獙＜抑腋?0、網(wǎng)站地圖許多設計者把他們的網(wǎng)站地圖放在網(wǎng)站上，這種做

5、法，卻是弊大于利。絕大部分的訪問者上網(wǎng)是尋找一些特別的信息，他們對于你的網(wǎng)站是如何工作的，并沒有興趣。如果你覺得你的網(wǎng)站需要地圖，那很可能是需要改進你的導航和工具條。11、“睜大你的眼睛，留意所有的事情?！薄皩ψ畈幌嚓P的東西的觀察可以得到最好的靈感。觀察一個站點的結(jié)構(gòu)和設計。理解站點結(jié)構(gòu)的關鍵元素，確保你的設計是圍繞站點瀏覽進行的?！薄獙＜抑腋?2、點擊規(guī)則聽說過3次點擊規(guī)則嗎？對于小型網(wǎng)站，在你的主頁上，沒有任何一條信息，需要點擊次數(shù)超過3次的。對于大型網(wǎng)站，使用導航和工具條來改善操作。13、特殊字體的應用雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預測你的訪問者在他們的計算機

6、上將看到什么。在你的計算機里看起來相當好的頁面，在另一個不同的平臺上看起來可能非常糟糕。一些網(wǎng)站設計員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計算機上不能顯示。級聯(lián)風格表CSS有助于解決這些問題，但是只有最新版的瀏覽器才支持CSS。14、“使用切合實際的簡便的命名規(guī)則。”——專家忠告15、檢查錯別字目前做網(wǎng)站設計的公司很多，具體還要看你公司所在區(qū)域，以上資料僅供參考好的拼寫是人們一生中重要的技能。但是遺憾的是，許多設計者都缺少這種技能。確保你拼寫正確，并且格外注意平常容易誤寫的錯別字。16、避免長文本頁面在一個站點上有許多只有文本的

7、頁面，是令人乏味的，且也浪費Web的潛力。如果你有大量的基于文本的文檔，應當以AdobeAcrobat格式的文件形式來放置，以便你的訪問者能離線閱讀。17、不要使用卷滾條人們厭惡在網(wǎng)上使用卷滾條。Trouble網(wǎng)站（www.Trouble.co.uk）是一個典型的設計很差的網(wǎng)站。它基于一個浮動的架構(gòu)，為了閱讀所有的文本，瀏覽者不得不使用卷滾條。18、專家最喜愛的Web設計工具1.AdobePhot