1、111111第第 第第 章章導讀網(wǎng)站開發(fā)入門網(wǎng)站開發(fā)入門 網(wǎng)頁和網(wǎng)站的區(qū)別 常用網(wǎng)頁制作軟件 網(wǎng)頁制作的原則和用色技巧 網(wǎng)頁制作的流程為了適應網(wǎng)站開發(fā)的需要，Macromedia公司推出了Dreamweaver 8，它是一款優(yōu)秀的網(wǎng)頁編輯器，所見即所得，使用者無須掌握Java、HTML等專業(yè)語言，就能制作出專業(yè)的網(wǎng)頁。為了適應網(wǎng)站開發(fā)的需要，Macromedia公司推出了Dreamweaver 8，它是一款優(yōu)秀的網(wǎng)頁編輯器，所見即所得，使用者無須掌握Java、HTML等專業(yè)語言，就能制作出專業(yè)的網(wǎng)頁。本章介紹網(wǎng)頁與網(wǎng)站的區(qū)別，了解建站常用的工具軟件，同時向讀者講述網(wǎng)頁制作的原則和用色技巧，并詳

2、細講解網(wǎng)站制作的基本流程，在正式制作網(wǎng)頁之前向讀者介紹網(wǎng)站的入門知識。1.1 認識識網(wǎng)頁和網(wǎng)站站很多人會把網(wǎng)頁頁和網(wǎng)站混淆淆。那么網(wǎng)頁頁和網(wǎng)站究竟竟有什么區(qū)別別呢？簡單來來說，網(wǎng)站是是由網(wǎng)頁組成成的，而大家家通過瀏覽器器看到的畫面面就是網(wǎng)頁，網(wǎng)網(wǎng)頁說具體了了是一個HTTML文件，瀏瀏覽器是用來來解讀這份文文件的。但是是網(wǎng)站要復雜雜一些，很明明顯，網(wǎng)站一一般不止一個個網(wǎng)頁。網(wǎng)站站是由若干個個網(wǎng)頁集合而而成，至于多多少網(wǎng)頁集合合在一起才能能稱作網(wǎng)站沒沒有明確的規(guī)規(guī)定，其實即即使只有一個個網(wǎng)頁文件也也能被稱為網(wǎng)網(wǎng)站。本書的的編寫目的就就是教會讀者者如何使用DDreamwweaer 8軟件來編編輯制作

3、網(wǎng)頁頁。1.1.1 認識網(wǎng)頁網(wǎng)頁稱作HTMML文件，是是一種可以在在WWW網(wǎng)上上傳輸，并被被瀏覽器認識識和翻譯成頁頁面并顯示出出來的文件。 Wide Web的縮縮寫；HTMML是Hyppertexxt Marrkup LLanguaage的縮寫寫，中文翻譯譯為“超文本標記記語言”。“超文本”就是指頁面面內(nèi)可以包含含圖片、鏈接接、音樂、程程序等非文字字的元素，它它就像記事本本和放映機一一樣，記錄著著網(wǎng)站擁有者者和設計者的的生活、思想想、經(jīng)驗、心心情等。在現(xiàn)現(xiàn)今信息飛速速發(fā)展的時代代，網(wǎng)頁已與與人們密不可可分，融合成成為我們生活活中重要的一一部分。從設計角度來講講，網(wǎng)頁可以以分為“靜態(tài)網(wǎng)頁”和“動

4、態(tài)網(wǎng)頁”。靜態(tài)網(wǎng)頁是指網(wǎng)網(wǎng)頁文件中沒沒有程序，而而只有HTMML代碼，一一般以.httml或.hhtm為后綴綴名的網(wǎng)頁。靜靜態(tài)網(wǎng)站內(nèi)容容不會在制作作完成后自動動更新，任何何人訪問此網(wǎng)網(wǎng)頁都顯示一一樣的內(nèi)容，如如果想要修改改網(wǎng)頁中的內(nèi)內(nèi)容就必須使使用網(wǎng)頁編輯輯工具修改網(wǎng)網(wǎng)頁源代碼然然后再重新上上傳到Webb服務器上。動態(tài)網(wǎng)頁，就是是說該網(wǎng)頁文文件不僅具有有HTML標標記，而且還還含有程序代代碼，通過數(shù)數(shù)據(jù)庫建立連連接。動態(tài)網(wǎng)網(wǎng)頁可以根據(jù)據(jù)不同的時間間、不同的來來訪者以及不不同的瀏覽器器顯示不同的的網(wǎng)頁內(nèi)容；動態(tài)網(wǎng)站更更新方便，一一般在后臺通通過信息發(fā)布布的方式在WWeb端直接接進行網(wǎng)站信信息的添

5、加、刪刪除等更新操操作。使用靜態(tài)網(wǎng)頁還還是使用動態(tài)態(tài)網(wǎng)頁呢？應應該根據(jù)網(wǎng)站站的內(nèi)容來決決定。如果網(wǎng)網(wǎng)站內(nèi)容比較較固定，做好好之后不需要要經(jīng)常修改內(nèi)內(nèi)容及界面，就就可以采用靜靜態(tài)頁面。靜靜態(tài)的制作成成本低而且網(wǎng)網(wǎng)站的打開速速度相對較快快，而且基本本上不需要維維護；如果網(wǎng)網(wǎng)站的內(nèi)容經(jīng)經(jīng)常需要添加加、修改，那那么做成動態(tài)態(tài)的網(wǎng)頁更方方便管理，因因為文字和圖圖片等資料的的更新隨時可可以后臺操作作，這對于網(wǎng)網(wǎng)站的使用者者和管理者來來說很方便，不不需要掌握編編程和網(wǎng)頁制制作知識就可可以輕松管理理自己的網(wǎng)站站，更為設計計者在日后維維護網(wǎng)站時減減少了頁面編編輯的工作量量。1.1.2 認識網(wǎng)站網(wǎng)站，通俗地說說就

6、是在互聯(lián)聯(lián)網(wǎng)上一塊固固定的面向全全世界發(fā)布消消息的地方。它它由網(wǎng)頁集合合而成，放置置到指定的網(wǎng)網(wǎng)站空間中（服服務器或虛擬擬主機），通通過域名（也也就是網(wǎng)站地地址）進行訪訪問。衡量一一個網(wǎng)站的性性能，通常從從網(wǎng)站空間大大小、網(wǎng)站連連接速度、服服務器主機配配置、主機性性能等幾個方方面考慮。如如果將互聯(lián)網(wǎng)網(wǎng)比喻成一個個超級市場，那那么企業(yè)上網(wǎng)網(wǎng)，只是以一一個旁觀者的的身份進入到到這個超級市市場當中，只只有企業(yè)建立立了自己的網(wǎng)網(wǎng)站，才能在在這一市場當當中有了自己己的攤位，才才可以更加直直觀地在Innterneet中宣傳公公司產(chǎn)品，展展示企業(yè)形象象。1.1.3 了解網(wǎng)頁制制作中的專業(yè)業(yè)術(shù)語1Bannee

7、r（橫幅廣廣告）橫幅廣告是互聯(lián)聯(lián)網(wǎng)廣告中最最基本的廣告告形式。它是是一個表現(xiàn)商商家廣告內(nèi)容容的圖片，放放置在廣告商商的頁面上，尺尺寸是480060像素，或或23330像素；一般是Giif格式的圖圖像文件，可可以使用靜態(tài)態(tài)圖形，也可可用多幀圖像像拼接為動畫畫圖像；除普普通Gif格格式外，新興興的RichhMediaa Bannner（富媒媒體廣告）能能賦予Bannner更強強的表現(xiàn)力和和交互內(nèi)容，但但一般需要用用戶使用的瀏瀏覽器插件支支持（Pluug-in）。BBannerr一般翻譯為為網(wǎng)幅廣告、旗旗幟廣告、橫橫幅廣告等。 2Browsser（瀏覽覽器）瀏覽器（Broowser）就就是指在電腦腦

8、上安裝的，用用來顯示指定定文件的程序序。WWW的的原理就是通通過網(wǎng)絡客戶戶端（Cliient）的的瀏覽器去讀讀指定文件。同同時，Intternett上還提供了了遠程登錄（TTelnett）、電子郵郵件（E-mmail）、傳傳輸文件（FFTP）、電電子公告板（BBBS）、網(wǎng)網(wǎng)絡論壇（NNetnewws）等多種種交流的方式式。3Clickk（點擊次數(shù)數(shù)）用戶通過點擊廣廣告而訪問廣廣告主的網(wǎng)頁頁，稱點擊一一次。點擊次次數(shù)是評估廣廣告效果的指指標之一。4CookiieCookie電電腦中記錄用用戶在網(wǎng)絡中中行為的文件件。網(wǎng)站可通通過Cookkie來識別別用戶是否曾曾經(jīng)訪問過該該網(wǎng)站。當瀏瀏覽某些Wee

9、b站點時，這這些站點會在在用戶的硬盤盤上用很小的的文本文件存存儲一些信息息，這些文件件就稱為Coookie。CCookiee中包含的信信息與瀏覽者者的愛好有關(guān)關(guān)。5Databbase（數(shù)數(shù)據(jù)庫）Databasse通常指的的是利用現(xiàn)代代計算機技術(shù)術(shù)，將各類信信息有序地分分類整理，便便于查找和管管理。在網(wǎng)絡絡營銷中，指指利用互聯(lián)網(wǎng)網(wǎng)收集用戶個個人信息，并并存檔、管理理，例如姓名名、性別、年年齡、地址、電電話、興趣愛愛好、消費行行為等。6HTML（超超文本標識語語言）HTML是一種種基于文本格格式的頁面描描述語言，是是網(wǎng)頁通用的的編輯語言。7HTTP（超超級文字傳輸輸協(xié)議）HTTP，即HHyper

10、Text TranssferPrrotocool，是萬維維網(wǎng)上的一種種傳輸格式，當當瀏覽器的地地址欄上顯示示“HTTP”時，就表明明正在打開一一個萬維網(wǎng)頁頁面。 8Key WWord（關(guān)關(guān)鍵字）Key Worrd是用戶在在搜索引擎中中提交的文字字，以便快速速查詢所需內(nèi)內(nèi)容。9URLURL即某網(wǎng)頁頁的鏈接地址址，在瀏覽器器的地址欄中中輸入URLL，即可看到到該網(wǎng)頁的內(nèi)內(nèi)容。10Web Site（站站點）Web Sitte即為互聯(lián)聯(lián)網(wǎng)或者萬維維網(wǎng)上的一個個地址。站點點包含各種組組成物，某一一個特定的域域名，一個包包含網(wǎng)頁的地地方。更多術(shù)語可以參參看本書后的的附錄G“網(wǎng)頁制作部部分常用專業(yè)業(yè)術(shù)語”。

11、1.2 常用用網(wǎng)頁制作軟軟件本節(jié)介紹制作網(wǎng)網(wǎng)頁過程中常常用的編輯軟軟件、網(wǎng)頁圖圖片處理常用用軟件、制作作動畫的處理理軟件，以及及一些互聯(lián)網(wǎng)網(wǎng)上常用到的的小工具軟件件。本書只是是提交這些軟軟件的大概功功用及優(yōu)勢，至至于如何具體體操作，會在在具體的實例例中有所提及及。1.2.1 網(wǎng)頁編輯軟軟件作為網(wǎng)頁三劍客客成員之一，DDreamwweaverr是目前應用用最廣的網(wǎng)頁頁制作軟件。雖雖然Macrromediia公司發(fā)生生了一些變故故，但目前的的網(wǎng)頁制作市市場上依舊至至少流行著DDreamwweaverr的3個版本本，即Dreeamweaaver 44.0、Drreamweeaver MX 20004

12、和Drreamweeaver 8。本書主主要應用Drreamweeaver 8來制作網(wǎng)網(wǎng)頁，還有一一些其他的工工具軟件也同同樣可以制作作和編輯網(wǎng)頁頁，在此列舉舉最常用的幾幾個工具軟件件。Microsooft FrrontPaage：市場場上最流行的的優(yōu)秀網(wǎng)頁設設計軟件之一一，Offiice辦公系系統(tǒng)軟件自帶帶的一個工具具，操作簡單單，實用性強強。Dreamweeaver MX 20004：目前前Dreammweaveer在市場上上仍然流通至至少3個版本本，占主流地地位。它是一一套“所見即所得得”的網(wǎng)頁編輯輯軟件，適合合不同層次的的人使用。UltraEddit-322：代碼編輯輯工具，主要要編輯

13、ASPP等動態(tài)網(wǎng)頁頁。JavaScrript：網(wǎng)網(wǎng)絡編程工具具。1.2.2 圖像處理軟軟件做網(wǎng)頁需要有一一定的平面設設計基礎。如如果設計者只只會寫程序，沒沒有一定的界界面設計功底底，即便你的的程序編寫得得再好，沒有有美觀的界面面為依托，還還是沒有人愿愿意來看你的的網(wǎng)頁，就像像一件衣服一一樣，衣料再再好，樣子不不好看也不會會有人去買。在制作網(wǎng)頁過程程中常用的圖圖像處理軟件件有：Photoshhop，網(wǎng)頁頁設計者必須須精通的一個個圖形處理工工具。Imagereeady，在在用Phottoshopp將界面設計計完成后，切切換到Imaagereaady中進行行界面分割處處理，快速完完成由圖到網(wǎng)網(wǎng)頁的過

14、渡。不不過凡事有利利弊，要學會會靈活運用。ACDSee，目目前最流行的的數(shù)字圖像處處理軟件，它它能廣泛應用用于圖片的獲獲取、管理、瀏瀏覽、優(yōu)化，甚甚至和他人進進行分享。Fireworrks，制作作網(wǎng)頁的高級級輔助工具，可可以進行動畫畫制作，圖像像優(yōu)化，熱點點、切片和輪輪替按鈕，文文件導入和導導出，無須學學習代碼即可可創(chuàng)建具有專專業(yè)品質(zhì)的網(wǎng)網(wǎng)頁圖形和動動畫，例如變變換圖像和彈彈出菜單等。1.2.3 動畫制作軟軟件網(wǎng)頁的動畫一般般分為兩種，即即GIF動畫畫和Flassh動畫。這這兩種動畫都都可以通過FFlash軟軟件來完成，而而GIF動畫畫有很多種工工具可以實現(xiàn)現(xiàn)，F(xiàn)lassh的文字動動畫也有專門

15、門的工具，這這些工具對于于想做出好的的動畫，又不不能熟練使用用Flashh的制作者提提供了極大的的方便。下面面就一些常用用工具簡要地地做一下介紹紹。至于如何何應用，讀者者可以找專門門的相關(guān)教程程來學習，這這里不再贅述述。Fash MXX 20044Flassh 8.00：Flassh是交互式式矢量圖和WWeb動畫的的標準，網(wǎng)頁頁設計者使用用Flashh能創(chuàng)建漂亮亮的、可改變變尺寸的動畫畫，可以創(chuàng)建建極其緊密的的導航界面、技技術(shù)說明以及及其他奇特的的效果。Swish 22.0：在此此工具中做好好文字動畫后后可以導出為為.swf格格式的文件，再再導入到Fllash中進進行進一步的的處理，讓FFla

16、sh更更生動，更炫炫目多彩。Ulead GGIF Annimatoor 5.005：友立公公司出版的動動畫GIF制制作軟件，內(nèi)內(nèi)建的Pluugin有許許多現(xiàn)成的特特效可以立即即套用，可將將AVI文件件轉(zhuǎn)換成動畫畫GIF文件件，而且還能能將動畫GIIF圖片最佳佳化，能將放放在網(wǎng)頁上的的GIF動畫畫減肥，以便便讓人能夠更更快速地瀏覽覽網(wǎng)頁。碩思閃客精靈：支持將SWWF文件導出出成FLA文文件，幫助丟丟失FLA文文件的影片作作者重新獲得得FLA文件件，從而可以以再編輯。碩思閃客之錘：是一款具有有專業(yè)水準的的動畫制作工工具。它支持持圖形設計、運運動動畫、引引導線、遮罩罩效果、流聲聲音和事件聲聲音、幀標

17、記記、設置電影影剪輯、按鈕鈕等符號。文字動畫特效制制作Swissh Zonne：特效中中有許多細節(jié)節(jié)結(jié)合使用能能得到非常炫炫的效果，直直接預覽，能能直接導出為為SWF文檔檔格式。GIF動畫制作作GIF MMovie Gear 3.0：GGIF動畫制制作軟件，幾幾乎有需要制制作GIF動動畫的編輯功功能它都有，無無須再用其他他的圖形軟件件輔助。1.2.4 其他小工具具軟件在制作網(wǎng)頁的過過程中，有時時需要做一些些特殊處理，這這時就需要一一些小的工具具軟件來幫忙忙，這樣既省省時又省力，就就像一些特效效Java代代碼，沒必要要一行一行來來寫，再加上上調(diào)試浪費不不少精力。下下面簡單介紹紹幾個常用的的實用小

18、工具具軟件。網(wǎng)頁小秘書：有有屏幕取色、IIE滾動條設設置、文本轉(zhuǎn)轉(zhuǎn)換、顏色配配制等特色小小設置。網(wǎng)頁魔法菜單：可以很輕松松地制作多種種意想不到的的下拉菜單效效果。超實用用。網(wǎng)頁減肥茶：可可以將網(wǎng)頁文文件成批，最最大可達500%，壓縮后后直接讀取，與與壓縮前完全全一樣。本軟軟件還有還原原功能，可以以放心使用，可可以助設計者者一臂之力。批量改網(wǎng)頁的內(nèi)內(nèi)容替換工具具：主要功能能是替換文本本文件內(nèi)容，可可多行替換和和成批文件替替換。網(wǎng)頁特效大師：一個可以自自動生成網(wǎng)頁頁特效的軟件件，收集了包包括時間特效效、文字特效效、圖形圖像像處理、鼠標標特效、頁面面特效、小甜甜餅、在線游游戲、其他特特效在內(nèi)的88類

19、共62個個特效。還有更多的軟件件就不一一列列舉了，可以以根據(jù)具體的的需要來有選選擇性的利用用以上這些工工具。俗話說說“工欲善其事事，必先利其其器”，在制作網(wǎng)網(wǎng)頁的過程中中用到的這些些工具，只有有能靈活運用用，才能保證證在最快的時時間內(nèi)做出最最有效率并值值得欣賞的網(wǎng)網(wǎng)頁作品來。1.3 網(wǎng)頁頁制作的原則則和技巧本章介紹制作網(wǎng)網(wǎng)頁的原則和和一些技巧。本本節(jié)所談到的的原則及技巧巧可能不是最最好的，只是是作者在日常常中的一些經(jīng)經(jīng)驗總結(jié)，希希望能在制作作中給讀者一一點幫助和參參考，這樣就就足夠了。萬萬事沒有定規(guī)規(guī)，不管什么么原則，只要要保證作品能能讓瀏覽者肯肯定和認可，這這樣就可以說說是成功了，不不必為自

20、己求求全責備。網(wǎng)網(wǎng)頁制作是一一個自我提高高的過程，每每做一件作品品，再回頭看看曾經(jīng)的作品品相信每一次次制作都是一一次自身的提提高，而不是是中規(guī)中矩的的重復勞動。如如果是這樣，本本書也就沒有有什么意義了了。1.3.1 網(wǎng)頁制作的的基本原則凡事皆有原則，網(wǎng)網(wǎng)頁設計更不不例外。在設設計網(wǎng)頁之初初，就像一張張白紙，不可可能隨便亂涂涂亂畫，想怎怎么做就怎么么做。做出一一個優(yōu)秀的頁頁面，應該考考慮到以三點點：網(wǎng)頁內(nèi)容容、瀏覽速度度、界面美感感?；趪鴥?nèi)內(nèi)的網(wǎng)速和帶帶寬，網(wǎng)頁的的內(nèi)容和瀏覽覽速度則當優(yōu)優(yōu)先考慮，至至于界面當然然也要盡可能能做到美觀簡簡潔。其實像像現(xiàn)在流行的的鋪天蓋地的的韓國網(wǎng)站模模板，說實話

21、話并不太適合合國內(nèi)的行情情，網(wǎng)速是主主要的原因，所所以大家在借借鑒的同時要要綜合考慮，“取其精華，去其弊端”，網(wǎng)頁制作基本要遵循以下幾個原則。1網(wǎng)站內(nèi)容內(nèi)容要放在第一一位。瀏覽者者之所以會看看到你的網(wǎng)站站，首先就是是想找到他需需要的信息，像像一些專門提提供下載素材材，如軟件、MMP3、小說說、圖片素材材類的網(wǎng)站。一一般瀏覽者沒沒有時間來看看界面是不是是夠炫，通過過搜索引擎來來到網(wǎng)站的客客戶主要是針針對網(wǎng)站的內(nèi)內(nèi)容而來，在在各在搜索網(wǎng)網(wǎng)站中排名靠靠前的網(wǎng)站無無一不是以內(nèi)內(nèi)容取勝。2網(wǎng)頁大小在明確好內(nèi)容的的基礎上，就就要考慮到瀏瀏覽網(wǎng)速。因因為國內(nèi)網(wǎng)絡絡的傳輸線路路相對較慢，有有時內(nèi)容即使使再好，

22、如果果網(wǎng)頁下載速速度過慢，也也會使瀏覽者者失去耐心，可可能不到網(wǎng)頁頁打開四分之之一就把網(wǎng)頁頁關(guān)掉了，從從而嚴重影響響到網(wǎng)站訪問問量。有的網(wǎng)網(wǎng)站為了提高高訪問速度，不不得不犧牲一一些網(wǎng)頁外觀觀。因此，在在圖片處理上上就要更細致致，圖片的大大小不能太大大，表格的多多層嵌套也要要慎用。3界面美觀像一些設計類的的網(wǎng)站就比較較注重界面的的視覺效果。的的確，如果是是客戶找商家家下訂單，作作為設計者本本身的網(wǎng)站不不能夠吸引人人，就會失去去不少客戶。但但是從另一個個方面考慮，如如果一味注重重網(wǎng)站的美感感，就肯定要要做出兩個犧犧牲，一是速速度，二是要要投入太多的的時間。一個個好的排版會會消耗很多時時間。但是在在

23、大多數(shù)的情情況下，例如如做一個企業(yè)業(yè)網(wǎng)站給客戶戶，他看的主主要是網(wǎng)頁漂漂亮不漂亮，其其他的不會多多想，畢竟他他們不是專業(yè)業(yè)人士，不會會想更多這樣樣的問題。這這也讓設計者者更多的是無無奈，但是客客戶是第一位位的，如何保保障一個網(wǎng)站站既能讓客戶戶在界面上滿滿意，又能保保障網(wǎng)站的快快速瀏覽就需需要設計者下下更多的功夫夫了。1.3.2 網(wǎng)頁制作的的技巧一個經(jīng)驗豐富的的網(wǎng)頁設計人人員，會適當當使用一些技技巧。當然，技技巧歸技巧，有有些看上去很很炫的網(wǎng)頁特特效，會給網(wǎng)網(wǎng)頁帶來幾十十行的代碼累累贅，除非是是特別需要，一一般特效還是是要慎用。下下面舉幾個簡簡單且常用的的小技巧。1屏蔽鼠標右右鍵最常見的一種方方

24、法為：/當用戶按下下鼠標右鍵時時會彈出一個個警告窗口 functioon cliick() if (eveent.buutton=2) alert(對不起，本本頁的內(nèi)容不不經(jīng)允許不得得復制。)documennt.onmmouseddown=cclick簡單一點的方法法：/IE5適用用，取消菜單單顯示 documennt.onccontexxtmenuu =neww funcction()retturn ffalse 或者在標簽中中加入2最大化窗口口最大大化3最小化窗口口 最小小化4關(guān)閉窗口關(guān)關(guān)閉窗口5如何定時載載入另一個網(wǎng)網(wǎng)站的內(nèi)容在源代碼中的head/heaad 加入入如下代碼： meta

25、hhttp-eequiv=refrresh conteent=440;URLL= 40秒后將自動動載入所在的的網(wǎng)頁網(wǎng)頁制作過程中中還需要掌握握一些制作要要領和制作規(guī)規(guī)范，以及網(wǎng)網(wǎng)頁設計的色色彩搭配技巧巧，這在本書書第14章會會有更詳細的的介紹。通過過前人制作的的經(jīng)驗再加上上自身的實踐踐積累，多動動手多動腦才才能制作出精精美的網(wǎng)頁。1.3.3 用色技巧要想讓網(wǎng)頁給瀏瀏覽者一個視視覺上的沖擊擊，那么色彩彩就是最好的的表現(xiàn)方式。在在制作過程中中，色彩通用用的應用原則則是“總體協(xié)調(diào)，局局部對比”，也就是說說，網(wǎng)頁的整整體色彩效果果應該是和諧諧的，只有局局部的、小范范圍的地方可可以有一些強強烈的色彩對對

26、比。在同一一頁面中，可可以使用相近近色來設置頁頁面中的各種種元素。首先，要確定整整個站點的主主色調(diào)。確定定主色調(diào)時，最最好根據(jù)網(wǎng)站站的對象及站站點的內(nèi)容來來確定主色調(diào)調(diào)。例如，想想創(chuàng)建一個游游戲站點，則則適合選用黑黑色或暗紅色色；旅游類站站點適合選草草綠色搭配黃黃色；政府類類站點可以使使用深紅色、深深藍色；時裝裝類站點可以以選用高級灰灰、玫瑰紫等等；校園類站站點一般選用用綠色；科技技類站點一般般選用深藍色色；新聞類站站點適合用藍藍色、桔黃、深深紅色。其次，如果是創(chuàng)創(chuàng)建公司站點點，還應該考考慮公司的企企業(yè)文化。從從公司的標識識上可以大體體看出一個公公司的基本文文化。例如，某某科技公司的的標識是由

27、紅紅色和黑色組組成的，那么么在設計該公公司站點時就就可以考慮以以紅色或黑色色為主色調(diào)。對于站點標志一一般要用深色色，具有較高高的對比度，以以便瀏覽者能能夠非常方便便地看到其在在該站點中所所處的位置。標標題可以使用用與網(wǎng)頁內(nèi)容容非常不同的的字體和顏色色來設計，也也可以采用網(wǎng)網(wǎng)頁內(nèi)容的反反色來做。在同一頁面中，當當要在兩種截截然不同的色色調(diào)之間過渡渡時，在它們們中間搭配上上灰、白或黑黑，往往能很很自然地進行行過渡。網(wǎng)頁頁中的文字要要暗，對比度度要高。一般般是白底黑字字，如果是黑黑底，也可用用灰色的字體體，或用很淡淡的顏色來做做。對于導航欄所在在區(qū)域，是一一個網(wǎng)站的靈靈魂所在，就就像一把大門門的鑰匙

28、，網(wǎng)網(wǎng)站最離不開開的就是它。一一般的做法是是把菜單背景景顏色和導航航字體或圖片片做對比度比比較高的設置置，將網(wǎng)頁內(nèi)內(nèi)容和菜單的的不同目的準準確地區(qū)分開開來。對于側(cè)欄，盡管管不是所有的的網(wǎng)頁都有側(cè)側(cè)欄，但它也也不失為顯示示附加信息的的一個有用方方式。設置側(cè)側(cè)欄時，它應應與網(wǎng)頁的內(nèi)內(nèi)容清楚地區(qū)區(qū)分開來，以以便于閱讀。頁腳可以考慮和和側(cè)欄相同的的顏色，或稍稍微淡一些的的顏色；如果果側(cè)欄的顏色色比較淡，則則可以大膽使使用深色的細細條來處理，還還有些采用漸漸變來處理頁頁腳。如果有一些需要要跳躍的內(nèi)容容，則可以采采用一些鮮艷艷的顏色來引引導瀏覽者的的視線。例如如用比較鮮艷艷的橙色或藍藍色來做導航航、按鈕等

29、。一個網(wǎng)站不可能能單一地運用用一種顏色，讓讓人感覺單調(diào)調(diào)、乏味。但但是也不可能能將所有的顏顏色都運用到到網(wǎng)站中，讓讓人感覺輕浮浮、花哨。一一個網(wǎng)站必須須有一種或兩兩種主題色，不不至于讓客戶戶迷失方向，也也不至于單調(diào)調(diào)、乏味。所所以確定網(wǎng)站站的主題色也也是設計者必必須考慮的問問題之一。特別需要注意的的是，一個頁頁面盡量不要要超過4種色色彩，用太多多的色彩讓人人沒有方向，沒沒有側(cè)重。當當主題色確定定好以后，考考慮其他配色色時，一定要要考慮其他配配色與主題色色的關(guān)系，要要體現(xiàn)什么樣樣的效果。另另外要考慮哪哪種因素占主主要地位，是是明度、純度度還是色相?！安痪幸桓瘛蓖梢猿銎嫫嬷苿佟０床坎烤桶嘤袝r

30、會會使網(wǎng)頁的整整體感覺過于于死板，在顏顏色的配比上上，破會不讓亮的不不下1.4 網(wǎng)頁頁制作的流程程制作網(wǎng)頁的基本本語言HTMML看上去并并不復雜，然然而真正制作作出高質(zhì)量的的網(wǎng)頁也并非非人人都行。這這至少要涉及及到文字編輯輯，版式設計計，圖片加工工和處理，多多媒體制作等等各方面因素素。要真正地地制作出高質(zhì)質(zhì)量、藝術(shù)性性與技術(shù)性俱俱佳的主頁，需需要專業(yè)人員員進行合理的的統(tǒng)籌安排才才能高效率地地完成。1.4.1 收集資料和和素材收集客戶資料，根根據(jù)客戶提出出網(wǎng)站建設基基本要求，收收集相關(guān)文本本及圖片資料料和用戶確定定制作內(nèi)容及及要求（如公公司介紹、項項目描述、網(wǎng)網(wǎng)站基本功能能需求、基本本設計要求）

31、，并并搜集此網(wǎng)頁頁需要的圖片片等素材。前前期的準備工工作可以讓你你在設計時節(jié)節(jié)省很多尋找找素材的時間間。這時需要要一份客戶戶需求書，因因為客戶畢竟竟不全是專業(yè)業(yè)人士，通過過這個需求書書可以讓客戶戶更細致地準準備資料。1.4.2 規(guī)劃站點根據(jù)客戶的需求求，規(guī)劃網(wǎng)站站的布局和結(jié)結(jié)構(gòu)劃分。這這時需要做一一份精細的網(wǎng)網(wǎng)站策劃書。別別以為先期這這些工作是無無用功，其實實這一點至關(guān)關(guān)重要。往往往有這樣的情情形，在設計計時投入了大大量的精力，等等設計好后，自自認為比較完完美的方案客客戶卻不滿意意。這時需要要站在客戶的的角度考慮網(wǎng)網(wǎng)站的受眾對對象，最好的的不一定是客客戶最需要和和最滿意的。這這是因為沒有有和客

32、戶溝通通好，所以做做好這一點就就能減少以后后的很多無用用功，以及反反復修改設計計的過程。1.4.3 制作網(wǎng)頁簽訂好合同，收收付定金，客客戶與用戶確確認后，開始始制作網(wǎng)頁。一一般是先制作作出首頁，在在請客戶對網(wǎng)網(wǎng)頁風格確認認后，再進行行其他網(wǎng)頁的的制作。制作作網(wǎng)頁的過程程需要合理地地分配設計時時間，以提高高效率。這里里面的道理其其實很簡單，就就是“統(tǒng)籌分配”。在客戶確認了網(wǎng)網(wǎng)站的風格以以及布局以后后，如何快速速完成網(wǎng)頁的的制作，作者者有幾點心得得，寫出來供供大家參考。第一步，在紙上上做好網(wǎng)頁的的布局設計。例例如，導航放放在哪個位置置，網(wǎng)頁分幾幾欄，是左右右結(jié)構(gòu)還是分分三欄，網(wǎng)頁頁的頭和尾大大概要做成什什么樣子，此此時頭腦中就就應該有了這這個網(wǎng)站的主主色調(diào)選配，為為下一步做好好準備。第二步，在Phhotoshhop中設計計網(wǎng)頁的首頁頁。選擇好主主色調(diào)和布局局，余下的就就是發(fā)揮你的的設計水平，設設計出成形的的界面出來。第三步，