常用網(wǎng)頁制作軟件與技巧

1、111第第 章章導(dǎo)讀網(wǎng)站開發(fā)入門 網(wǎng)頁和網(wǎng)站的區(qū)不 常用網(wǎng)頁制作軟件 網(wǎng)頁制作的原則和用色技巧 網(wǎng)頁制作的流程為了適應(yīng)網(wǎng)站開發(fā)的需要，Macromedia公司推出了Dreamweaver 8，它是一款優(yōu)秀的網(wǎng)頁編輯器，所見即所得，使用者無須掌握Java、HTML等專業(yè)語言，就能制作出專業(yè)的網(wǎng)頁。本章介紹網(wǎng)頁與網(wǎng)站的區(qū)不，了解建站常用的工具軟件，同時向讀者講述網(wǎng)頁制作的原則和用色技巧，并詳細講解網(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)頁組成的，而大伙兒通過掃瞄器看到的畫

2、面確實是網(wǎng)頁，網(wǎng)頁講具體了是一個HTML文件，掃瞄器是用來解讀這份文件的。然而網(wǎng)站要復(fù)雜一些，專門明顯，網(wǎng)站一般不止一個網(wǎng)頁。網(wǎng)站是由若干個網(wǎng)頁集合而成，至于多少網(wǎng)頁集合在一起才能稱作網(wǎng)站沒有明確的規(guī)定，事實上即使只有一個網(wǎng)頁文件也能被稱為網(wǎng)站。本書的編寫目的確實是教會讀者如何使用Dreamweaer 8軟件來編輯制作網(wǎng)頁。1.1.1 認識網(wǎng)頁網(wǎng)頁稱作HTML文件，是一種能夠在WWW網(wǎng)上傳輸，并被掃瞄器認識和翻譯成頁面并顯示出來的文件。WWW是World Wide Web的縮寫；HTML是Hypertext Markup Language的縮寫，中文翻譯為“超文本標記語言”?！俺谋尽贝_實是指

3、頁面內(nèi)能夠包含圖片、鏈接、音樂、程序等非文字的元素，它就像記事本和放映機一樣，記錄著網(wǎng)站擁有者和設(shè)計者的生活、思想、經(jīng)驗、心情等。在現(xiàn)今信息飛速進展的時代，網(wǎng)頁已與人們密不可分，融合成為我們生活中重要的一部分。從設(shè)計角度來講，網(wǎng)頁能夠分為“靜態(tài)網(wǎng)頁”和“動態(tài)網(wǎng)頁”。靜態(tài)網(wǎng)頁是指網(wǎng)頁文件中沒有程序，而只有HTML代碼，一般以.html或.htm為后綴名的網(wǎng)頁。靜態(tài)網(wǎng)站內(nèi)容可不能在制作完成后自動更新，任何人訪問此網(wǎng)頁都顯示一樣的內(nèi)容，假如想要修改網(wǎng)頁中的內(nèi)容就必須使用網(wǎng)頁編輯工具修改網(wǎng)頁源代碼然后再重新上傳到Web服務(wù)器上。動態(tài)網(wǎng)頁，確實是講該網(wǎng)頁文件不僅具有HTML標記，而且還含有程序代碼，通過

4、數(shù)據(jù)庫建立連接。動態(tài)網(wǎng)頁能夠依照不同的時刻、不同的來訪者以及不同的掃瞄器顯示不同的網(wǎng)頁內(nèi)容；動態(tài)網(wǎng)站更新方便，一般在后臺通過信息公布的方式在Web端直接進行網(wǎng)站信息的添加、刪除等更新操作。使用靜態(tài)網(wǎng)頁依舊使用動態(tài)網(wǎng)頁呢？應(yīng)該依照網(wǎng)站的內(nèi)容來決定。假如網(wǎng)站內(nèi)容比較固定，做好之后不需要經(jīng)常修改內(nèi)容及界面，就能夠采納靜態(tài)頁面。靜態(tài)的制作成本低而且網(wǎng)站的打開速度相對較快，而且差不多上不需要維護；假如網(wǎng)站的內(nèi)容經(jīng)常需要添加、修改，那么做成動態(tài)的網(wǎng)頁更方便治理，因為文字和圖片等資料的更新隨時能夠后臺操作，這關(guān)于網(wǎng)站的使用者和治理者來講專門方便，不需要掌握編程和網(wǎng)頁制作知識就能夠輕松治理自己的網(wǎng)站，更為設(shè)計

5、者在日后維護網(wǎng)站時減少了頁面編輯的工作量。1.1.2 認識網(wǎng)站網(wǎng)站，通俗地講確實是在互聯(lián)網(wǎng)上一塊固定的面向全世界公布消息的地點。它由網(wǎng)頁集合而成，放置到指定的網(wǎng)站空間中（服務(wù)器或虛擬主機），通過域名（也確實是網(wǎng)站地址）進行訪問。衡量一個網(wǎng)站的性能，通常從網(wǎng)站空間大小、網(wǎng)站連接速度、服務(wù)器主機配置、主機性能等幾個方面考慮。假如將互聯(lián)網(wǎng)比喻成一個超級市場，那么企業(yè)上網(wǎng)，只是以一個旁觀者的身份進入到那個超級市場當中，只有企業(yè)建立了自己的網(wǎng)站，才能在這一市場當中有了自己的攤位，才能夠更加直觀地在Internet中宣傳公司產(chǎn)品，展示企業(yè)形象。1.1.3 了解網(wǎng)頁制作中的專業(yè)術(shù)語1Banner（橫幅廣告）

6、橫幅廣告是互聯(lián)網(wǎng)廣告中最差不多的廣告形式。它是一個表現(xiàn)商家廣告內(nèi)容的圖片，放置在廣告商的頁面上，尺寸是48060像素，或23330像素；一般是Gif格式的圖像文件，能夠使用靜態(tài)圖形，也可用多幀圖像拼接為動畫圖像；除一般Gif格式外，新興的RichMedia Banner（富媒體廣告）能給予Banner更強的表現(xiàn)力和交互內(nèi)容，但一般需要用戶使用的掃瞄器插件支持（Plug-in）。Banner一般翻譯為網(wǎng)幅廣告、旗幟廣告、橫幅廣告等。 2Browser（掃瞄器）掃瞄器（Browser）確實是指在電腦上安裝的，用來顯示指定文件的程序。WWW的原理確實是通過網(wǎng)絡(luò)客戶端（Client）的掃瞄器去讀指定文

7、件。同時，Internet上還提供了遠程登錄（Telnet）、電子郵件（E-mail）、傳輸文件（FTP）、電子公告板（BBS）、網(wǎng)絡(luò)論壇（Netnews）等多種交流的方式。3Click（點擊次數(shù)）用戶通過點擊廣告而訪問廣告主的網(wǎng)頁，稱點擊一次。點擊次數(shù)是評估廣告效果的指標之一。4CookieCookie電腦中記錄用戶在網(wǎng)絡(luò)中行為的文件。網(wǎng)站可通過Cookie來識不用戶是否曾經(jīng)訪問過該網(wǎng)站。當掃瞄某些Web站點時，這些站點會在用戶的硬盤上用專門小的文本文件存儲一些信息，這些文件就稱為Cookie。Cookie中包含的信息與掃瞄者的愛好有關(guān)。5Database（數(shù)據(jù)庫）Database通常指的是

8、利用現(xiàn)代計算機技術(shù)，將各類信息有序地分類整理，便于查找和治理。在網(wǎng)絡(luò)營銷中，指利用互聯(lián)網(wǎng)收集用戶個人信息，并存檔、治理，例如姓名、性不、年齡、地址、電話、興趣愛好、消費行為等。6HTML（超文本標識語言）HTML是一種基于文本格式的頁面描述語言，是網(wǎng)頁通用的編輯語言。7HTTP（超級文字傳輸協(xié)議）HTTP，即Hyper Text TransferProtocol，是萬維網(wǎng)上的一種傳輸格式，當掃瞄器的地址欄上顯示“HTTP”時，就表明正在打開一個萬維網(wǎng)頁面。 8Key Word（關(guān)鍵字）Key Word是用戶在搜索引擎中提交的文字，以便快速查詢所需內(nèi)容。9URLURL即某網(wǎng)頁的鏈接地址，在掃瞄器

9、的地址欄中輸入URL，即可看到該網(wǎng)頁的內(nèi)容。10Web Site（站點）Web Site即為互聯(lián)網(wǎng)或者萬維網(wǎng)上的一個地址。站點包含各種組成物，某一個特定的域名，一個包含網(wǎng)頁的地點。更多術(shù)語能夠參看本書后的附錄G“網(wǎng)頁制作部分常用專業(yè)術(shù)語”。1.2 常用網(wǎng)頁制作軟件本節(jié)介紹制作網(wǎng)頁過程中常用的編輯軟件、網(wǎng)頁圖片處理常用軟件、制作動畫的處理軟件，以及一些互聯(lián)網(wǎng)上常用到的小工具軟件。本書只是提交這些軟件的大概功用及優(yōu)勢，至于如何具體操作，會在具體的實例中有所提及。1.2.1 網(wǎng)頁編輯軟件作為網(wǎng)頁三劍客成員之一，Dreamweaver是目前應(yīng)用最廣的網(wǎng)頁制作軟件。盡管Macromedia公司發(fā)生了一些

10、變故，但目前的網(wǎng)頁制作市場上依舊至少流行著Dreamweaver的3個版本，即Dreamweaver 4.0、Dreamweaver MX 2004和Dreamweaver 8。本書要緊應(yīng)用Dreamweaver 8來制作網(wǎng)頁，還有一些其他的工具軟件也同樣能夠制作和編輯網(wǎng)頁，在此列舉最常用的幾個工具軟件。Microsoft FrontPage：市場上最流行的優(yōu)秀網(wǎng)頁設(shè)計軟件之一，Office辦公系統(tǒng)軟件自帶的一個工具，操作簡單，有用性強。Dreamweaver MX 2004：目前Dreamweaver在市場上仍然流通至少3個版本，占主流地位。它是一套“所見即所得”的網(wǎng)頁編輯軟件，適合不同層次

11、的人使用。UltraEdit-32：代碼編輯工具，要緊編輯ASP等動態(tài)網(wǎng)頁。JavaScript：網(wǎng)絡(luò)編程工具。1.2.2 圖像處理軟件做網(wǎng)頁需要有一定的平面設(shè)計基礎(chǔ)。假如設(shè)計者只會寫程序，沒有一定的界面設(shè)計功底，即便你的程序編寫得再好，沒有美觀的界面為依托，依舊沒有人情愿來看你的網(wǎng)頁，就像一件衣服一樣，衣料再好，模樣不行看也可不能有人去買。在制作網(wǎng)頁過程中常用的圖像處理軟件有：Photoshop，網(wǎng)頁設(shè)計者必須精通的一個圖形處理工具。Imageready，在用Photoshop將界面設(shè)計完成后，切換到Imageready中進行界面分割處理，快速完成由圖到網(wǎng)頁的過渡。只是凡事有利弊，要學(xué)會靈活

12、運用。ACDSee，目前最流行的數(shù)字圖像處理軟件，它能廣泛應(yīng)用于圖片的獵取、治理、掃瞄、優(yōu)化，甚至和他人進行分享。Fireworks，制作網(wǎng)頁的高級輔助工具，能夠進行動畫制作，圖像優(yōu)化，熱點、切片和輪替按鈕，文件導(dǎo)入和導(dǎo)出，無須學(xué)習(xí)代碼即可創(chuàng)建具有專業(yè)品質(zhì)的網(wǎng)頁圖形和動畫，例如變換圖像和彈出菜單等。1.2.3 動畫制作軟件網(wǎng)頁的動畫一般分為兩種，即GIF動畫和Flash動畫。這兩種動畫都能夠通過Flash軟件來完成，而GIF動畫有專門多種工具能夠?qū)崿F(xiàn)，F(xiàn)lash的文字動畫也有專門的工具，這些工具關(guān)于想做出好的動畫，又不能熟練使用Flash的制作者提供了極大的方便。下面就一些常用工具簡要地做一下

13、介紹。至于如何應(yīng)用，讀者能夠找專門的相關(guān)教程來學(xué)習(xí)，那個地點不再贅述。Fash MX 2004Flash 8.0：Flash是交互式矢量圖和Web動畫的標準，網(wǎng)頁設(shè)計者使用Flash能創(chuàng)建漂亮的、可改變尺寸的動畫，能夠創(chuàng)建極其緊密的導(dǎo)航界面、技術(shù)講明以及其他奇特的效果。Swish 2.0：在此工具中做好文字動畫后能夠?qū)С鰹?swf格式的文件，再導(dǎo)入到Flash中進行進一步的處理，讓Flash更生動，更炫目多彩。Ulead GIF Animator 5.05：友立公司出版的動畫GIF制作軟件，內(nèi)建的Plugin有許多現(xiàn)成的特效能夠立即套用，可將AVI文件轉(zhuǎn)換成動畫GIF文件，而且還能將動畫GIF

14、圖片最佳化，能將放在網(wǎng)頁上的GIF動畫減肥，以便讓人能夠更快速地掃瞄網(wǎng)頁。碩思閃客精靈：支持將SWF文件導(dǎo)出成FLA文件，關(guān)心丟失FLA文件的影片作者重新獲得FLA文件，從而能夠再編輯。碩思閃客之錘：是一款具有專業(yè)水準的動畫制作工具。它支持圖形設(shè)計、運動動畫、引導(dǎo)線、遮罩效果、流聲音和事件聲音、幀標記、設(shè)置電影剪輯、按鈕等符號。文字動畫特效制作Swish Zone：特效中有許多細節(jié)結(jié)合使用能得到特不炫的效果，直接預(yù)覽，能直接導(dǎo)出為SWF文檔格式。GIF動畫制作GIF Movie Gear 3.0：GIF動畫制作軟件，幾乎有需要制作GIF動畫的編輯功能它都有，無須再用其他的圖形軟件輔助。1.2.

15、4 其他小工具軟件在制作網(wǎng)頁的過程中，有時需要做一些專門處理，這時就需要一些小的工具軟件來幫忙，如此既省時又省力，就像一些特效Java代碼，沒必要一行一行來寫，再加上調(diào)試白費許多精力。下面簡單介紹幾個常用的有用小工具軟件。網(wǎng)頁小秘書：有屏幕取色、IE滾動條設(shè)置、文本轉(zhuǎn)換、顏色配制等特色小設(shè)置。網(wǎng)頁魔法菜單：能夠?qū)ｉT輕松地制作多種意想不到的下拉菜單效果。超有用。網(wǎng)頁減肥茶：能夠?qū)⒕W(wǎng)頁文件成批，最大可達50%，壓縮后直接讀取，與壓縮前完全一樣。本軟件還有還原功能，能夠放心使用，能夠助設(shè)計者一臂之力。批量改網(wǎng)頁的內(nèi)容替換工具：要緊功能是替換文本文件內(nèi)容，可多行替換和成批文件替換。網(wǎng)頁特效大師：一個能

16、夠自動生成網(wǎng)頁特效的軟件，收集了包括時刻特效、文字特效、圖形圖像處理、鼠標特效、頁面特效、小甜餅、在線游戲、其他特效在內(nèi)的8類共62個特效。還有更多的軟件就不一一列舉了，能夠依照具體的需要來有選擇性的利用以上這些工具。俗話講“工欲善其事，必先利其器”，在制作網(wǎng)頁的過程中用到的這些工具，只有能靈活運用，才能保證在最快的時刻內(nèi)做出最有效率并值得觀賞的網(wǎng)頁作品來。1.3 網(wǎng)頁制作的原則和技巧本章介紹制作網(wǎng)頁的原則和一些技巧。本節(jié)所談到的原則及技巧可能不是最好的，只是作者在日常中的一些經(jīng)驗總結(jié)，希望能在制作中給讀者一點關(guān)心和參考，如此就足夠了。萬事沒有定規(guī)，不管什么原則，只要保證作品能讓掃瞄者確信和認

17、可，如此就能夠講是成功了，不必為自己求全責備。網(wǎng)頁制作是一個自我提高的過程，每做一件作品，再回頭看曾經(jīng)的作品相信每一次制作差不多上一次自身的提高，而不是中規(guī)中矩的重復(fù)勞動。假如是如此，本書也就沒有什么意義了。1.3.1 網(wǎng)頁制作的差不多原則凡事皆有原則，網(wǎng)頁設(shè)計更不例外。在設(shè)計網(wǎng)頁之初，就像一張白紙，不可能隨便亂涂亂畫，想如何做就如何做。做出一個優(yōu)秀的頁面，應(yīng)該考慮到以三點：網(wǎng)頁內(nèi)容、掃瞄速度、界面美感。基于國內(nèi)的網(wǎng)速和帶寬，網(wǎng)頁的內(nèi)容和掃瞄速度則當優(yōu)先考慮，至于界面因此也要盡可能做到美觀簡潔。事實上像現(xiàn)在流行的鋪天蓋地的韓國網(wǎng)站模板，講實話并不太適合國內(nèi)的行情，網(wǎng)速是要緊的緣故，因此大伙兒在

18、借鑒的同時要綜合考慮，“取其精華，去其弊端”，網(wǎng)頁制作差不多要遵循以下幾個原則。1網(wǎng)站內(nèi)容內(nèi)容要放在第一位。掃瞄者之因此會看到你的網(wǎng)站，首先確實是想找到他需要的信息，像一些專門提供下載素材，如軟件、MP3、小講、圖片素材類的網(wǎng)站。一般掃瞄者沒有時刻來看界面是不是夠炫，通過搜索引擎來到網(wǎng)站的客戶要緊是針對網(wǎng)站的內(nèi)容而來，在各在搜索網(wǎng)站中排名靠前的網(wǎng)站無一不是以內(nèi)容取勝。2網(wǎng)頁大小在明確好內(nèi)容的基礎(chǔ)上，就要考慮到掃瞄網(wǎng)速。因為國內(nèi)網(wǎng)絡(luò)的傳輸線路相對較慢，有時內(nèi)容即使再好，假如網(wǎng)頁下載速度過慢，也會使掃瞄者失去耐心，可能不到網(wǎng)頁打開四分之一就把網(wǎng)頁關(guān)掉了，從而嚴峻阻礙到網(wǎng)站訪問量。有的網(wǎng)站為了提高訪

19、問速度，不得不犧牲一些網(wǎng)頁外觀。因此，在圖片處理上就要更細致，圖片的大小不能太大，表格的多層嵌套也要慎用。3界面美觀像一些設(shè)計類的網(wǎng)站就比較注重界面的視覺效果。的確，假如是客戶找商家下訂單，作為設(shè)計者本身的網(wǎng)站不能夠吸引人，就會失去許多客戶。然而從另一個方面考慮，假如一味注重網(wǎng)站的美感，就確信要做出兩個犧牲，一是速度，二是要投入太多的時刻。一個好的排版會消耗專門多時刻。然而在大多數(shù)的情況下，例如做一個企業(yè)網(wǎng)站給客戶，他看的要緊是網(wǎng)頁漂亮不漂亮，其他的可不能多想，怎么講他們不是專業(yè)人士，可不能想更多如此的問題。這也讓設(shè)計者更多的是無奈，然而客戶是第一位的，如何保障一個網(wǎng)站既能讓客戶在界面上中意，

20、又能保障網(wǎng)站的快速掃瞄就需要設(shè)計者下更多的功夫了。1.3.2 網(wǎng)頁制作的技巧一個經(jīng)驗豐富的網(wǎng)頁設(shè)計人員，會適當使用一些技巧。因此，技巧歸技巧，有些看上去專門炫的網(wǎng)頁特效，會給網(wǎng)頁帶來幾十行的代碼累贅，除非是特不需要，一般特效依舊要慎用。下面舉幾個簡單且常用的小技巧。1屏蔽鼠標右鍵最常見的一種方法為：/當用戶按下鼠標右鍵時會彈出一個警告窗口 function click() if (event.button=2) alert(對不起，本頁的內(nèi)容不經(jīng)同意不得復(fù)制。)document.onmousedown=click簡單一點的方法：/IE5適用，取消菜單顯示 document.oncontextm

21、enu =new function()return false 或者在標簽中加入2最大化窗口最大化3最小化窗口 最小化4關(guān)閉窗口關(guān)閉窗口5如何定時載入另一個網(wǎng)站的內(nèi)容在源代碼中的head/head 加入如下代碼： meta http-equiv=refresh content=40;URL= 40秒后將自動載入所在的網(wǎng)頁網(wǎng)頁制作過程中還需要掌握一些制作要領(lǐng)和制作規(guī)范，以及網(wǎng)頁設(shè)計的色彩搭配技巧，這在本書第14章會有更詳細的介紹。通過前人制作的經(jīng)驗再加上自身的實踐積存，多動手多動腦才能制作出精美的網(wǎng)頁。1.3.3 用色技巧要想讓網(wǎng)頁給掃瞄者一個視覺上的沖擊，那么色彩確實是最好的表現(xiàn)方式。在制作過

22、程中，色彩通用的應(yīng)用原則是“總體協(xié)調(diào)，局部對比”，也確實是講，網(wǎng)頁的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地點能夠有一些強烈的色彩對比。在同一頁面中，能夠使用相近色來設(shè)置頁面中的各種元素。首先，要確定整個站點的主色調(diào)。確定主色調(diào)時，最好依照網(wǎng)站的對象及站點的內(nèi)容來確定主色調(diào)。例如，想創(chuàng)建一個游戲站點，則適合選用黑色或暗紅色；旅游類站點適合選草綠色搭配黃色；政府類站點能夠使用深紅色、深藍色；時裝類站點能夠選用高級灰、玫瑰紫等；校園類站點一般選用綠色；科技類站點一般選用深藍色；新聞類站點適合用藍色、桔黃、深紅色。其次，假如是創(chuàng)建公司站點，還應(yīng)該考慮公司的企業(yè)文化。從公司的標識上能夠大體看出

23、一個公司的差不多文化。例如，某科技公司的標識是由紅色和黑色組成的，那么在設(shè)計該公司站點時就能夠考慮以紅色或黑色為主色調(diào)。關(guān)于站點標志一般要用深色，具有較高的對比度，以便掃瞄者能夠特不方便地看到其在該站點中所處的位置。標題能夠使用與網(wǎng)頁內(nèi)容特不不同的字體和顏色來設(shè)計，也能夠采納網(wǎng)頁內(nèi)容的反色來做。在同一頁面中，當要在兩種截然不同的色調(diào)之間過渡時，在它們中間搭配上灰、白或黑，往往能專門自然地進行過渡。網(wǎng)頁中的文字要暗，對比度要高。一般是白底黑字，假如是黑底，也可用灰色的字體，或用專門淡的顏色來做。關(guān)于導(dǎo)航欄所在區(qū)域，是一個網(wǎng)站的靈魂所在，就像一把大門的鑰匙，網(wǎng)站最離不開的確實是它。一般的做法是把菜

24、單背景顏色和導(dǎo)航字體或圖片做對比度比較高的設(shè)置，將網(wǎng)頁內(nèi)容和菜單的不同目的準確地區(qū)分開來。關(guān)于側(cè)欄，盡管不是所有的網(wǎng)頁都有側(cè)欄，但它也不失為顯示附加信息的一個有用方式。設(shè)置側(cè)欄時，它應(yīng)與網(wǎng)頁的內(nèi)容清晰地區(qū)分開來，以便于閱讀。頁腳能夠考慮和側(cè)欄相同的顏色，或略微淡一些的顏色；假如側(cè)欄的顏色比較淡，則能夠大膽使用深色的細條來處理，還有些采納漸變來處理頁腳。假如有一些需要跳躍的內(nèi)容，則能夠采納一些鮮艷的顏色來引導(dǎo)掃瞄者的視線。例如用比較鮮艷的橙色或藍色來做導(dǎo)航、按鈕等。一個網(wǎng)站不可能單一地運用一種顏色，讓人感受單調(diào)、乏味。然而也不可能將所有的顏色都運用到網(wǎng)站中，讓人感受輕浮、花哨。一個網(wǎng)站必須有一種

25、或兩種主題色，不至于讓客戶迷失方向，也不至于單調(diào)、乏味。因此確定網(wǎng)站的主題色也是設(shè)計者必須考慮的問題之一。特不需要注意的是，一個頁面盡量不要超過4種色彩，用太多的色彩讓人沒有方向，沒有側(cè)重。當主題色確定好以后，考慮其他配色時，一定要考慮其他配色與主題色的關(guān)系，要體現(xiàn)什么樣的效果。另外要考慮哪種因素占要緊地位，是明度、純度依舊色相?！安痪幸桓瘛蓖軌虺銎嬷苿佟０床烤桶嘤袝r會使網(wǎng)頁的整體感受過于死板，在顏色的配比上，有時突破常規(guī)往往會取得意想不到的效果，讓人眼前一亮，在設(shè)計的時候針對不同的客戶不妨嘗試一下。1.4 網(wǎng)頁制作的流程制作網(wǎng)頁的差不多語言HTML看上去并不復(fù)雜，然而真正制作出高質(zhì)量的網(wǎng)

26、頁也并非人人都行。這至少要涉及到文字編輯，版式設(shè)計，圖片加工和處理，多媒體制作等各方面因素。要真正地制作出高質(zhì)量、藝術(shù)性與技術(shù)性俱佳的主頁，需要專業(yè)人員進行合理的統(tǒng)籌安排才能高效率地完成。1.4.1 收集資料和素材收集客戶資料，依照客戶提出網(wǎng)站建設(shè)差不多要求，收集相關(guān)文本及圖片資料和用戶確定制作內(nèi)容及要求（如公司介紹、項目描述、網(wǎng)站差不多功能需求、差不多設(shè)計要求），并搜集此網(wǎng)頁需要的圖片等素材。前期的預(yù)備工作能夠讓你在設(shè)計時節(jié)約專門多查找素材的時刻。這時需要一份客戶需求書，因為客戶怎么講不全是專業(yè)人士，通過那個需求書能夠讓客戶更細致地預(yù)備資料。1.4.2 規(guī)劃站點依照客戶的需求，規(guī)劃網(wǎng)站的布局

27、和結(jié)構(gòu)劃分。這時需要做一份精細的網(wǎng)站策劃書。不以為先期這些工作是無用功，事實上這一點至關(guān)重要。往往有如此的情形，在設(shè)計時投入了大量的精力，等設(shè)計好后，自認為比較完美的方案客戶卻不中意。這時需要站在客戶的角度考慮網(wǎng)站的受眾對象，最好的不一定是客戶最需要和最中意的。這是因為沒有和客戶溝通好，因此做好這一點就能減少以后的專門多無用功，以及反復(fù)修改設(shè)計的過程。1.4.3 制作網(wǎng)頁簽訂好合同，收付定金，客戶與用戶確認后，開始制作網(wǎng)頁。一般是先制作出首頁，在請客戶對網(wǎng)頁風格確認后，再進行其他網(wǎng)頁的制作。制作網(wǎng)頁的過程需要合理地分配設(shè)計時刻，以提高效率。那個地點面的道理事實上專門簡單，確實是“統(tǒng)籌分配”。在客戶確認了網(wǎng)站的風格以及布局以后，如何快速完成網(wǎng)頁的制作，作者有幾點心得，寫出來供大伙兒參考。第一步，在紙上做好網(wǎng)頁的布局設(shè)計。例如，導(dǎo)航放在哪個位置，網(wǎng)頁分幾欄，是左右結(jié)構(gòu)依舊分三欄，網(wǎng)頁的頭和尾大概要做成什么模樣，現(xiàn)在頭腦中就應(yīng)該有了那個網(wǎng)站的主色調(diào)選配，為下一步做好預(yù)備。第二步，在Photoshop中設(shè)計網(wǎng)頁的首頁。選擇好主色調(diào)和布局，余下的確實是發(fā)揮你的設(shè)計水平，設(shè)計出成形的界面出來。