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

1、111第第 章章導(dǎo)讀網(wǎng)站開(kāi)發(fā)入門 網(wǎng)頁(yè)和網(wǎng)站的區(qū)不 常用網(wǎng)頁(yè)制作軟件 網(wǎng)頁(yè)制作的原則和用色技巧 網(wǎng)頁(yè)制作的流程為了適應(yīng)網(wǎng)站開(kāi)發(fā)的需要，Macromedia公司推出了Dreamweaver 8，它是一款優(yōu)秀的網(wǎng)頁(yè)編輯器，所見(jiàn)即所得，使用者無(wú)須掌握J(rèn)ava、HTML等專業(yè)語(yǔ)言，就能制作出專業(yè)的網(wǎng)頁(yè)。本章介紹網(wǎng)頁(yè)與網(wǎng)站的區(qū)不，了解建站常用的工具軟件，同時(shí)向讀者講述網(wǎng)頁(yè)制作的原則和用色技巧，并詳細(xì)講解網(wǎng)站制作的差不多流程，在正式制作網(wǎng)頁(yè)之前向讀者介紹網(wǎng)站的入門知識(shí)。1.1 認(rèn)識(shí)網(wǎng)頁(yè)和網(wǎng)站專門多人會(huì)把網(wǎng)頁(yè)和網(wǎng)站混淆。那么網(wǎng)頁(yè)和網(wǎng)站究竟有什么區(qū)不呢？簡(jiǎn)單來(lái)講，網(wǎng)站是由網(wǎng)頁(yè)組成的，而大伙兒通過(guò)掃瞄器看到的畫

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

25、或兩種主題色，不至于讓客戶迷失方向，也不至于單調(diào)、乏味。因此確定網(wǎng)站的主題色也是設(shè)計(jì)者必須考慮的問(wèn)題之一。特不需要注意的是，一個(gè)頁(yè)面盡量不要超過(guò)4種色彩，用太多的色彩讓人沒(méi)有方向，沒(méi)有側(cè)重。當(dāng)主題色確定好以后，考慮其他配色時(shí)，一定要考慮其他配色與主題色的關(guān)系，要體現(xiàn)什么樣的效果。另外要考慮哪種因素占要緊地位，是明度、純度依舊色相。“不拘一格”往往能夠出奇制勝。按部就班有時(shí)會(huì)使網(wǎng)頁(yè)的整體感受過(guò)于死板，在顏色的配比上，有時(shí)突破常規(guī)往往會(huì)取得意想不到的效果，讓人眼前一亮，在設(shè)計(jì)的時(shí)候針對(duì)不同的客戶不妨嘗試一下。1.4 網(wǎng)頁(yè)制作的流程制作網(wǎng)頁(yè)的差不多語(yǔ)言HTML看上去并不復(fù)雜，然而真正制作出高質(zhì)量的網(wǎng)

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

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