網(wǎng)頁(yè)設(shè)計(jì)與制作畢業(yè)論文

1、<p><b>　　公選課論文</b></p><p>　　課程：網(wǎng)頁(yè)設(shè)計(jì)與制作</p><p>　　姓 名 ： </p><p>　　專 業(yè) ： 信息管理與信息系統(tǒng)</p><p>　　班 級(jí) ： </p><p>　　學(xué) 號(hào) ： </p>

2、<p>　　2010年12月1日</p><p><b>　　目錄</b></p><p>　　一、網(wǎng)站的設(shè)計(jì)與規(guī)劃2</p><p><b>　　1、預(yù)早籌劃2</b></p><p><b>　　2、盡量精簡(jiǎn)3</b></p><p&

3、gt;<b>　　3、盡量簡(jiǎn)樸3</b></p><p><b>　　4、善用圖像3</b></p><p>　　5、吸引用戶瀏覽3</p><p>　　二、網(wǎng)頁(yè)設(shè)計(jì)與制作的美學(xué)原則4</p><p><b>　　1、美的原則4</b></p><

4、p>　　三、網(wǎng)頁(yè)的布局設(shè)計(jì)6</p><p><b>　　1.頁(yè)面尺寸：6</b></p><p><b>　　3.頁(yè)頭：6</b></p><p>　　四、網(wǎng)頁(yè)的風(fēng)格的設(shè)計(jì)與制作7</p><p>　　五、網(wǎng)頁(yè)的圖像的制作方法7</p><p>　　1：用圖

5、片制作圓角表格7</p><p>　　2：利用VML技術(shù)8</p><p>　　六、網(wǎng)頁(yè)動(dòng)畫(huà)的設(shè)計(jì)與制作方法8</p><p>　　1、動(dòng)畫(huà)的基本知識(shí)8</p><p>　?。?）計(jì)算機(jī)動(dòng)畫(huà)分類8</p><p><b>　　（3）常用軟件9</b></p><p&

6、gt;　?。?）動(dòng)畫(huà)制作方法9</p><p>　　2、動(dòng)畫(huà)制作軟件Flash9</p><p>　　3、動(dòng)畫(huà)制作軟件3D Max9</p><p>　　4、動(dòng)畫(huà)制作技術(shù)10</p><p>　　七、網(wǎng)頁(yè)的測(cè)試與發(fā)布11</p><p><b>　　1、網(wǎng)站測(cè)試11</b></p

7、><p>　?。ㄒ唬?測(cè)試的內(nèi)容：11</p><p>　?。ǘ?運(yùn)用Dreamweaver提供的站點(diǎn)報(bào)告測(cè)試功能11</p><p>　　2、使用LeapFTP將靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程網(wǎng)站發(fā)布到服務(wù)器上11</p><p><b>　　3、網(wǎng)站維護(hù)12</b></p><p>　　一、網(wǎng)站的設(shè)計(jì)

8、與規(guī)劃</p><p><b>　　1、預(yù)早籌劃 </b></p><p>　　設(shè)計(jì)主頁(yè)未必很艱難。但這一工作與編制傳統(tǒng)的宣傳品一樣，都需要我們謹(jǐn)慎處理和籌劃。換言之，我們必須首先 確定自己需要傳達(dá)的主要信息，然后細(xì)意斟酌、把所有意念合情合理地組織起來(lái)；之后是設(shè)計(jì)一個(gè)頁(yè)面式樣，試用于有代表性的用戶，接著重復(fù)修訂，務(wù)求盡善盡美。 </p><p>

9、;<b>　　2、盡量精簡(jiǎn) </b></p><p>　　主頁(yè)的作用好比一本書(shū)的封面，是為了吸引用戶測(cè)覽你的網(wǎng)址內(nèi)容。因此，主頁(yè)的設(shè)汁應(yīng)以醒目為上、令人一目了然。切勿堆砌太多不必要的細(xì)節(jié)，或使畫(huà)面過(guò)于復(fù)雜。在主頁(yè)上清楚列出三項(xiàng)要點(diǎn)，例如機(jī)構(gòu)名稱、提供的產(chǎn)品或服務(wù) 、以及主頁(yè)內(nèi)容(亦即你的其他頁(yè)面還載有什么資料)。應(yīng)切記頁(yè)面給人的第一觀感最為重要。在網(wǎng)上到處瀏覽的人很多。如果你的主頁(yè)真沒(méi)有吸引

10、力，很難令他們深入觀賞。 </p><p><b>　　3、盡量簡(jiǎn)樸 </b></p><p>　　現(xiàn)今大部分用戶那是用調(diào)制解調(diào)器接駁萬(wàn)維網(wǎng)，所以他們一般都要花很多時(shí)間等待主頁(yè)傳送到自己的系統(tǒng)。主頁(yè)上的圖形應(yīng)力求簡(jiǎn)樸， 避免耽擱用戶的時(shí)間。圖像愈大、顏色愈深，傳送頁(yè)面的時(shí)間愈長(zhǎng)。這并不是說(shuō)你要完全略去圖像不用，只是提醒你要注注意使用圖像所引起的效果。主頁(yè)上的顏色最好不

11、超過(guò)六十四種，頁(yè)頂圖像最好保持在大約10KB(千字節(jié))以下。切勿禁不住誘惑,覺(jué)得非要放入大幅的圖畫(huà)不可；應(yīng)考慮只用三兩幅短小精悍的圖像。主頁(yè)整體上要能夠迅速傳送。如果載入的時(shí)間超過(guò)十至十五秒，很多用戶就會(huì)等得不耐煩。如果情況許可，最好先測(cè)試你的主頁(yè)在稍差的條件下的傳送速率，14.4千波特的調(diào)制解調(diào)器，或透過(guò) Prodigy 等網(wǎng)上服務(wù)接駁萬(wàn)維網(wǎng)等。 </p><p>　　此外、還須注意配合最低檔的設(shè)備，例如標(biāo)準(zhǔn)的

12、小型顯示器，不要假設(shè)人人都用高解像度的大熒幕。運(yùn)用先進(jìn)瀏覽軟件所提供的一些尖端功能是可以的、但應(yīng)確保你的主頁(yè)在次一級(jí)的瀏覽軟件上(例如某些網(wǎng)上服務(wù)所提供的專用瀏覽軟件)仍可暢順地顯現(xiàn)。 </p><p><b>　　4、善用圖像 </b></p><p>　　用戶在網(wǎng)上四處漫游，你必須設(shè)法吸引和維護(hù)他們對(duì)你的主頁(yè)的注意力。萬(wàn)維網(wǎng)的其中一個(gè)最重大資源是其多媒體能力，所以

13、我們無(wú)論如何要善加利用。主頁(yè)上最好有醒目的圖像、新穎的畫(huà)面、美觀的字款，使其別具特色，令人過(guò)目不忘。圖像的內(nèi)容應(yīng)有一定的實(shí)際作用，切忌虛飾浮夸。最佳的圖像應(yīng)集美觀與傳訊于一身。注意圖畫(huà)可以彌補(bǔ)文字之不足，但并不能夠完全取代文字。很多用戶把瀏覽軟件設(shè)定為略去圖像，以求節(jié)省時(shí)間他們只看文字。因此，制作主頁(yè)時(shí)，必須注意將圖像所帶的重要信息或聯(lián)接其他頁(yè)面的指示用文字重復(fù)表達(dá)—次。用“純文中”模式測(cè)試已制成的主頁(yè)，確保其傳達(dá)到所有信息。 &l

14、t;/p><p><b>　　5、吸引用戶瀏覽</b></p><p>　　既然絞盡腦汁把主頁(yè)弄得美觀實(shí)用，沒(méi)有人來(lái)欣賞就太可惜了。為吸引所有網(wǎng)中人來(lái)瀏覽，必須使主頁(yè)易于尋找。通知其他網(wǎng)站(例如題材相關(guān)的網(wǎng)站)，他們可能想連接你的主頁(yè)。安排將自己的網(wǎng)址列在所有相關(guān)的網(wǎng)址目錄、索引、查找程序和“What’s new”頁(yè)面上。盡量將網(wǎng)址傳播開(kāi)去，使之出現(xiàn)在 Internet和

15、所有傳統(tǒng)煤體上、例如書(shū)刊廣告、公關(guān)文件、宣傳品等。</p><p>　　二、網(wǎng)頁(yè)設(shè)計(jì)與制作的美學(xué)原則</p><p><b>　　1、美的原則</b></p><p>　　什么是美呢? 美的事物應(yīng)該具備什么條件呢? 我們根據(jù)人類美感的共通性可以定出十個(gè)美的原則：連續(xù)、漸變、對(duì)稱、對(duì)比、比例、平衡、調(diào)和、律動(dòng)、統(tǒng)一、完整。 以下是關(guān)于十個(gè)美的

16、原則的概述： （1）連續(xù)「連續(xù)」是一種沒(méi)有開(kāi)始、沒(méi)有終結(jié)、沒(méi)有邊緣的嚴(yán)謹(jǐn)性秩序排列，它祇是反復(fù)的一種特殊情形，因此有規(guī)律的反復(fù)并不一定能產(chǎn)生連續(xù)。「連續(xù)」是無(wú)限地?cái)U(kuò)張，它可超越任何架框限制?！高B續(xù)」包括「二方連續(xù)」和「四方連續(xù)」。 「二方連續(xù)」是單位形向左右或上下作反復(fù)的規(guī)律式排列。它可作直線方向、曲折式、波浪式的方向延申。 「四方連續(xù)」是單位形向左右也向上下延申的現(xiàn)象，可產(chǎn)生四方連續(xù)的圖形。由二方連續(xù)造成的線條加上左右上下反復(fù)

17、的排列，是創(chuàng)作四方連續(xù)圖形的方法之一。（2）漸變「漸變」就是逐漸的改變，其有一定的秩序與規(guī)律。「漸變」除形狀漸變外，尚有「大小漸變」、「色彩漸變」、「位置漸變」和「方向漸變」等等，均可單獨(dú)或混合運(yùn)用。 任何構(gòu)成元素之漸變，都有其開(kāi)始與終結(jié)，或由一方開(kāi)始，經(jīng)漸變又回復(fù)原來(lái)的循環(huán)現(xiàn)象。例如形狀漸變，可從某一形狀開(kāi)始，逐漸變化成為另一形狀，或由另一形狀又逐步回復(fù)到某一形狀。無(wú)論是開(kāi)始</p><p><b&

18、gt;　　三、網(wǎng)頁(yè)的布局設(shè)計(jì)</b></p><p>　　1.頁(yè)面尺寸：  　　由于頁(yè)面尺寸和顯示器大小及分辨率有關(guān)系，網(wǎng)頁(yè)的局限性就在于你無(wú)法突破顯示器的范圍，而且因?yàn)闉g覽器也將占去不少空間，留下給你的頁(yè)面范圍變得越來(lái)越小。一般分辨率在800x600的情況下，頁(yè)面的顯示尺寸為：780x428個(gè)象素；分辨率在640x480的情況下，頁(yè)面的顯示尺寸為:620X311個(gè)象素；分辨率在1024X

19、768的情況下，頁(yè)面的顯示尺寸為：1007x600。從以上數(shù)據(jù)可以看出，分辨率越高頁(yè)面尺寸越大?！　g覽器的工具欄也是影響頁(yè)面尺寸的原因。一般目前的瀏覽器的工具欄都可以取消或者增加，那么當(dāng)你顯示全部的工具欄時(shí)，和關(guān)閉全部工具欄時(shí)，頁(yè)面的尺寸是不一樣的?！　≡诰W(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，向下拖動(dòng)頁(yè)面是惟一給網(wǎng)頁(yè)增加更多內(nèi)容(尺寸)的方法。但我想提醒大家除非你能肯定站點(diǎn)的內(nèi)容能吸引大家拖動(dòng)，否則不要讓訪問(wèn)者拖動(dòng)頁(yè)面超過(guò)三屏。如果需要在同一頁(yè)面顯示超

20、過(guò)三屏的內(nèi)容，那么你最好能在上面做上頁(yè)面內(nèi)部連接，方便訪問(wèn)者瀏覽。2.整體造型：  　　什么是造型，造型就是創(chuàng)造出來(lái)的物體形象。這里是指頁(yè)面的整體形象，這種形象應(yīng)該是一個(gè)整體，圖形與文本的接合應(yīng)該是層疊有序。雖然，顯示器</p><p>　　3.頁(yè)頭：  　　頁(yè)頭又可稱之為頁(yè)眉，頁(yè)眉的作用是定義頁(yè)面的主題。比如一個(gè)站點(diǎn)的名字多數(shù)都顯示在頁(yè)眉里。這樣，訪問(wèn)者能很快知道這個(gè)站點(diǎn)是什么內(nèi)容。頁(yè)

21、頭是整個(gè)頁(yè)面設(shè)計(jì)的關(guān)鍵，它將牽涉到下面的更多設(shè)計(jì)和整個(gè)頁(yè)面的協(xié)調(diào)性。頁(yè)頭常放置站點(diǎn)名字的圖片和公司標(biāo)志以及旗幟廣告。4.文本：  　　文本在頁(yè)面中出現(xiàn)都數(shù)以行或者塊(段落)出現(xiàn)，它們的擺放位置決定者整個(gè)頁(yè)面布局的可視性。在過(guò)去因?yàn)轫?yè)面制作技術(shù)的局限，文本放置的位置的靈活性非常小，而隨著DHTML的興起，文本已經(jīng)可以按照自己的要求放置到頁(yè)面的任何位置。5.頁(yè)腳：　　頁(yè)腳和頁(yè)頭相呼應(yīng)。頁(yè)頭是放置站點(diǎn)主題的地方，而頁(yè)腳是放置

22、制作者或者公司信息的地方。你能看到，許多制作信息都是放置在頁(yè)腳的。6.圖片  　　圖片和文本是網(wǎng)頁(yè)的兩大構(gòu)成元素，卻一不可。如何處理好圖片和文本的位置成了整個(gè)頁(yè)面布局的關(guān)鍵。而你的布局思維也將體現(xiàn)在這里。7.多媒體　　除了文本和圖片，還有聲音，動(dòng)畫(huà)，視頻等等其它媒體。雖然它們不是經(jīng)常能被利用到，但隨著動(dòng)態(tài)網(wǎng)頁(yè)的興起，它們?cè)诰W(wǎng)頁(yè)布局上也將變得更重要。</p><p>　　四、網(wǎng)頁(yè)的風(fēng)格的設(shè)計(jì)與制作

23、</p><p>　　風(fēng)格一詞在詞典上的解釋是“氣度、作風(fēng)；某一時(shí)期流行的一種藝術(shù)形式”。具體到網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)上，網(wǎng)頁(yè)設(shè)計(jì)師的風(fēng)格就是在運(yùn)用自己的所擁有的手段，包括所擁有的審美的素質(zhì)、應(yīng)用軟件的能力、以及感受生活的敏銳的覺(jué)察力，來(lái)建立起自己獨(dú)特的設(shè)計(jì)形式、獨(dú)特的作風(fēng)。從這個(gè)概念出發(fā)，設(shè)計(jì)師就應(yīng)該有自己的風(fēng)格。 </p><p>　　在網(wǎng)絡(luò)如此發(fā)達(dá)的今天，網(wǎng)頁(yè)也是五花八門(mén)，千奇百怪，但是作為

24、一個(gè)設(shè)計(jì)師的地位還沒(méi)有得到應(yīng)有的提升，造成今天的網(wǎng)頁(yè)設(shè)計(jì)師的風(fēng)格沒(méi)有真正的得以體現(xiàn)，使網(wǎng)頁(yè)的設(shè)計(jì)在一個(gè)低層次的水平上重復(fù)。同時(shí)由于大家的相互“借鑒”，使網(wǎng)頁(yè)的頁(yè)面布局基本上成了某種約定俗成。這樣的直接后果是網(wǎng)頁(yè)作為新的媒體，本應(yīng)該是方便人們的使用為目標(biāo)的，卻有很多的地方不能夠使人滿意，而這些不令人滿意的地方卻原封不動(dòng)的保留了下來(lái)，有些是功能上的，例如在按鈕或者是導(dǎo)航的設(shè)置上，有些形成了常規(guī)的按鈕安排方式是令人不方便的。同樣在一些用色的規(guī)

25、范或者是其它元素的應(yīng)用限制了設(shè)計(jì)師作用的發(fā)揮，造成了這樣的僵化模式。所以在這個(gè)新的時(shí)代，急切的呼喚具有自己的風(fēng)格的設(shè)計(jì)師來(lái)作出一些更好更方便的網(wǎng)頁(yè)來(lái)。</p><p>　　五、網(wǎng)頁(yè)的圖像的制作方法</p><p>　　1：用圖片制作圓角表格 </p><p>　　這是最常用也是最通用的方法，它能很好地適應(yīng)各種瀏覽器和不同分辨率，大部分網(wǎng)頁(yè)都使用這種方法。</p

26、><p>　　先用Photoshop等作圖軟件繪制一個(gè)圓角矩形，再用“矩形選框工具”選取左上交的圓角部分（如圖1），復(fù)制它。 </p><p>　　不要取消選取，直接新建一副圖像，Photoshop會(huì)根據(jù)選取部分的高度、寬度自動(dòng)設(shè)置新建圖像的大小。張貼后，保存為WEB所用格式即可。 </p><p>　　重復(fù)步驟②，分別用“水平翻轉(zhuǎn)”工具和“垂直翻轉(zhuǎn)”工具，保存另外三個(gè)

27、方向的圓角。 </p><p>　　打開(kāi)網(wǎng)頁(yè)制作軟件，這里以Dreamweaver為例。插入一個(gè)一行三列的表格，設(shè)置其CellPad、CellSpace和Border屬性值都為0。在第一列插入圖片1.gif，第三列插入圖片3.gif，并設(shè)置單元格的高度和寬度與圖片一致。設(shè)置第二列的背景顏色為與圓角圖片一致的顏色，設(shè)置寬度為整個(gè)表格的寬度減去兩個(gè)圖片的寬度，并打開(kāi)源代碼察看器，刪除這列中的字符””（Dreamwea

28、ver會(huì)自動(dòng)在每個(gè)單元格中插入此字符，若不刪除會(huì)撐大表格）。依葫蘆畫(huà)瓢，做好下半部分的圓角。 </p><p>　　再已插入的兩個(gè)表格中間再插入一個(gè)一行三列同寬的的表格，CellPad、CellSpace和Border屬性值都為0，寬度為100%。設(shè)置第一列和第三列背景顏色為與圓角圖片一致的顏色，寬度為1像素，并打開(kāi)源代碼察看器，刪除這兩列中的字符””。到這，一個(gè)圓角表格就做好了，您可以在第二列中添加您想要的內(nèi)容

29、。（如圖3） </p><p>　　2：利用VML技術(shù) </p><p>　　用VML技術(shù)可以更容易地制作一個(gè)圓角表格，而且還有投影哦！ </p><p><b>　　修改表識(shí)為 </b></p><p>　　在區(qū)域添加如下代碼： </p><p>　　〈style〈brv““:* 〈br〉〈/s

30、tyle </p><p>　　在您要添加圓角表格的地方加入以下代碼：br </p><p>　　這里輸入表格中的內(nèi)容 </p><p>　　您可以在上面的代碼中設(shè)置圓角表格的寬度、高度、投影顏色等。 </p><p>　　這樣，一個(gè)有投影的圓角表格就制作好了（如圖4）。 </p><p>　　這種添加圓角表格的方法雖

31、然很方便，但是它不能很好的適應(yīng)每個(gè)瀏覽器版本，且在設(shè)計(jì)時(shí)是以層的方式現(xiàn)實(shí)，不利于版面設(shè)計(jì)，所以盡量使用第一種方法。</p><p>　　六、網(wǎng)頁(yè)動(dòng)畫(huà)的設(shè)計(jì)與制作方法</p><p>　　1、動(dòng)畫(huà)的基本知識(shí) </p><p>　　動(dòng)畫(huà)是由若干不同景物和形體的畫(huà)面連續(xù)播放時(shí)所形成的視覺(jué)現(xiàn)象。動(dòng)畫(huà)中的每幅畫(huà)面（圖形或圖像）稱為一幀。動(dòng)畫(huà)在原理上利用了人眼睛的“視覺(jué)殘留”現(xiàn)

32、象（視覺(jué)印象在人的眼中大約可保持0.1秒之久），使連續(xù)播放的不同畫(huà)面形成“動(dòng)”的感覺(jué)。動(dòng)畫(huà)是一種非常重要的媒體形式。本書(shū)所討論的動(dòng)畫(huà)主要是指計(jì)算機(jī)動(dòng)畫(huà)：利用計(jì)算機(jī)圖形、圖象處理技術(shù)，使用計(jì)算機(jī)程序制作出來(lái)的動(dòng)畫(huà)。計(jì)算機(jī)動(dòng)畫(huà)是動(dòng)畫(huà)藝術(shù)與計(jì)算機(jī)技術(shù)的結(jié)合。本知識(shí)點(diǎn)的學(xué)習(xí)要求掌握動(dòng)畫(huà)的基本知識(shí)包括：計(jì)算機(jī)動(dòng)畫(huà)的概念、特點(diǎn)、分類、常用軟件和動(dòng)畫(huà)制作方法。（1）計(jì)算機(jī)動(dòng)畫(huà)特點(diǎn)</p><p>　　計(jì)算機(jī)能處理動(dòng)畫(huà)制作過(guò)程中

33、重復(fù)、瑣碎的工作，減少成本，提供工作效率；能方便地對(duì)作品進(jìn)行修改、復(fù)制、放大、縮小操作，減少了傳統(tǒng)動(dòng)畫(huà)制作過(guò)程中的大量重復(fù)勞動(dòng)。將物理學(xué)及其他相關(guān)學(xué)科的知識(shí)與計(jì)算機(jī)強(qiáng)大的運(yùn)算能力結(jié)合起來(lái)，可以模擬各種復(fù)雜的運(yùn)動(dòng)變化，創(chuàng)建逼真的三維虛擬畫(huà)面。</p><p>　?。?）計(jì)算機(jī)動(dòng)畫(huà)分類</p><p>　　計(jì)算機(jī)動(dòng)畫(huà)有多種分類方法。按空間視覺(jué)效果，動(dòng)畫(huà)可分為二維動(dòng)畫(huà)和三維動(dòng)畫(huà)；按實(shí)現(xiàn)方式，動(dòng)畫(huà)

34、可分為幀動(dòng)畫(huà)與造型動(dòng)畫(huà)；按播放方式來(lái)，動(dòng)畫(huà)可分為順序動(dòng)畫(huà)和交互動(dòng)畫(huà)。</p><p><b>　　（3）常用軟件</b></p><p>　　在計(jì)算機(jī)動(dòng)畫(huà)領(lǐng)域最常用的動(dòng)畫(huà)制作軟件包括：網(wǎng)頁(yè)動(dòng)畫(huà)制作軟件Flash，集成工具Director，三維動(dòng)畫(huà)制作軟件Maya和3DS MAX。讀者應(yīng)該了解這些軟件的功能和特點(diǎn)。 </p><p><b&

35、gt;　?。?）動(dòng)畫(huà)制作方法</b></p><p>　　對(duì)于平面動(dòng)畫(huà)制作，主要工作步驟包括背景和關(guān)鍵幀的制作，補(bǔ)間幀的生成，不同角色的運(yùn)動(dòng)和動(dòng)畫(huà)的后期合成（配上音樂(lè)或視頻）。對(duì)于三維動(dòng)畫(huà)，還需要為各種對(duì)象進(jìn)行三維空間建模，給模型表面賦予合適的材質(zhì)，配置燈光和攝像機(jī)最后對(duì)模型進(jìn)行渲染上色。</p><p>　　2、動(dòng)畫(huà)制作軟件Flash </p><p&g

36、t;　　Flash是一種平面動(dòng)畫(huà)制作軟件，非常適合制作網(wǎng)頁(yè)動(dòng)畫(huà)，是目前網(wǎng)絡(luò)動(dòng)畫(huà)制作的主流工具。Flash在Web上大量應(yīng)用的一個(gè)重要原因在于它采用矢量格式保存動(dòng)畫(huà)，動(dòng)畫(huà)體積小、適于在網(wǎng)絡(luò)上傳輸。同時(shí)Flash具有跨平臺(tái)特性，具有很強(qiáng)的交互性。本知識(shí)點(diǎn)要求掌握的知識(shí)包括：Flash的特點(diǎn)、主要組件及其功能、工具箱中工具的用法、Flash制作動(dòng)畫(huà)的基本方法。Flash的重要組件包括：舞臺(tái)、圖層、時(shí)間軸、幀、播放頭、調(diào)色板、屬性面板、庫(kù)等。工

37、具箱中比較重要的工具包括：選擇工具、矢量圖繪制工具、調(diào)色工具、任意變形工具、填充變形工具、滴管工具等等。對(duì)于這些重要的工具，從功能到用法都需要掌握，并能靈活運(yùn)用。</p><p>　　此外，讀者還要了解Flash作品的發(fā)布方法，發(fā)布的文件格式，了解Flash的一些基本參數(shù)，比如Flash默認(rèn)每秒鐘播放12幀，這個(gè)幀頻非常適合網(wǎng)絡(luò)動(dòng)畫(huà)，而Flash的幀頻設(shè)置范圍為0.1～120。</p><p&

38、gt;　　3、動(dòng)畫(huà)制作軟件3D Max </p><p>　　3D Studio MAX 是Autodesk公司開(kāi)發(fā)的基于PC機(jī)平臺(tái)的三維動(dòng)畫(huà)制作軟件。該軟件應(yīng)用領(lǐng)域非常廣闊，包括建筑、裝潢設(shè)計(jì)、廣告設(shè)計(jì)、三維游戲等。盡管近年來(lái)許多優(yōu)秀的三維制作軟件，如Maya、SoftImage、LightWave、Lightscape等也從工作站平臺(tái)移植PC機(jī)平臺(tái)上來(lái)了，3D Studio MAX仍有大量用戶，在三維動(dòng)畫(huà)制

39、作領(lǐng)域占有十分重要的地位。三維動(dòng)畫(huà)制作不是本章的主要內(nèi)容，但讀者需要掌握三維動(dòng)畫(huà)的一些基礎(chǔ)知識(shí)，包括3D Max的基本功能和特點(diǎn)，了解三維動(dòng)畫(huà)制作的基本方法和步驟，特別是建模、燈光、攝像機(jī)、渲染等在平面動(dòng)畫(huà)制作中沒(méi)有涉及的概念。</p><p>　　4、動(dòng)畫(huà)制作技術(shù) </p><p>　　對(duì)于平面動(dòng)畫(huà)制作，需要掌握Flash的幀動(dòng)畫(huà)、補(bǔ)間動(dòng)畫(huà)、引導(dǎo)動(dòng)畫(huà)、遮罩動(dòng)畫(huà)的概念和制作方法。Flas

40、h的補(bǔ)間動(dòng)畫(huà)分為形狀補(bǔ)間和動(dòng)作補(bǔ)間兩種，而且兩種動(dòng)畫(huà)所針對(duì)的對(duì)象類型是不同的。補(bǔ)間動(dòng)畫(huà)除設(shè)置關(guān)鍵幀外，還需要設(shè)置屬性以控制動(dòng)畫(huà)效果，如補(bǔ)間類型、簡(jiǎn)易值、旋轉(zhuǎn)等。二維平面動(dòng)畫(huà)和三維立體動(dòng)畫(huà)的制作流程有很大差別。Flash平面動(dòng)畫(huà)的基本過(guò)程為：</p><p>　?。?）制定創(chuàng)作計(jì)劃：確定要執(zhí)行哪些基本任務(wù)。</p><p>　?。?）添加媒體元素：創(chuàng)建或?qū)朊襟w元素，如圖像、視頻、聲音和文本

41、等。 </p><p>　?。?）編排動(dòng)畫(huà)：在舞臺(tái)上和時(shí)間軸上組織媒體元素，定義顯示時(shí)間和顯示方式。</p><p>　?。?）特效制作：根據(jù)需要應(yīng)用特殊效果，如模糊、發(fā)光等，并混合這些效果。</p><p>　?。?）編寫(xiě)腳本：控制媒體元素的行為方式，包括這些元素對(duì)用戶交互的響應(yīng)方式及場(chǎng)景播放次序等等。</p><p>　　（6）測(cè)試并發(fā)布

42、作品：將制作完成的 FLA 文檔發(fā)布為能在網(wǎng)頁(yè)中顯示并可用 Flash Player回放的SWF文件。 </p><p>　　元件是Flash中一個(gè)重要概念，如果將Flash作品看成一臺(tái)機(jī)器，元件就是組成這臺(tái)機(jī)器的定制零件。Flash的元件有3種類型，分別是影片剪輯、按鈕和圖型。要了解這些元件類型的特點(diǎn)和它們之間的差別，特別是具有獨(dú)立時(shí)間軸的影片剪輯元件，在實(shí)際動(dòng)畫(huà)制作過(guò)程中起著重要作用。實(shí)際上，一個(gè)Flash作

43、品就是各種元件的集合。在Flash使用元件能可使其發(fā)布文件的大小顯著地縮減，使動(dòng)畫(huà)的播放速度加快，也使動(dòng)畫(huà)的編輯更加簡(jiǎn)單化。拖動(dòng)元件到舞臺(tái)上，產(chǎn)生元件實(shí)例。一個(gè)完整的Flash作品包括多個(gè)場(chǎng)景，相當(dāng)于戲劇中的“幕”，通過(guò)添加腳本可以將這些場(chǎng)景連接起來(lái)，根據(jù)需要的次序播放。Flash支持基于Java Script的ActionScript腳本語(yǔ)言。使用ActionScript腳本編寫(xiě)的一段預(yù)置程序稱為一個(gè)動(dòng)作，如場(chǎng)景切換、開(kāi)始播放、停止播

44、放等。使用腳本能夠制作更復(fù)雜的動(dòng)畫(huà)，支持動(dòng)畫(huà)交互性。</p><p>　　三維動(dòng)畫(huà)制作方面知識(shí)的重點(diǎn)在于了解動(dòng)畫(huà)的制作步驟，特別是與二維平面動(dòng)畫(huà)不同的部分。三維動(dòng)畫(huà)需要先建立對(duì)象的三維模型，經(jīng)過(guò)材質(zhì)賦予、燈光設(shè)置、攝像機(jī)設(shè)置后，通過(guò)渲染才能產(chǎn)生逼真的畫(huà)面。3D Max三維動(dòng)畫(huà)的制作流程為：</p><p>　?。?）前期制作：是指在使用計(jì)算機(jī)制作前，對(duì)動(dòng)畫(huà)片進(jìn)行的規(guī)劃與設(shè)計(jì)，主要包括：文學(xué)

45、劇本創(chuàng)作、分鏡頭劇本創(chuàng)作、造型設(shè)計(jì)、場(chǎng)景設(shè)計(jì)。</p><p>　　（2）動(dòng)畫(huà)片段制作：根據(jù)前期設(shè)計(jì)，在計(jì)算機(jī)中通過(guò)相關(guān)制作軟件制作出動(dòng)畫(huà)片段，制作流程為建模、材質(zhì)、燈光、動(dòng)畫(huà)、攝影機(jī)控制、渲染等，這是三維動(dòng)畫(huà)的制作特色。</p><p>　?。?）后期合成：影視類三維動(dòng)畫(huà)的后期合成，主要是將之前所做的動(dòng)畫(huà)片段、聲音等素材，按照分鏡頭劇本的設(shè)計(jì)，通過(guò)非線性編輯軟件的編輯，最終生成動(dòng)畫(huà)影視文

46、件。</p><p>　　七、網(wǎng)頁(yè)的測(cè)試與發(fā)布</p><p><b>　　1、網(wǎng)站測(cè)試</b></p><p>　　網(wǎng)站測(cè)試：網(wǎng)站發(fā)布之前，通常都會(huì)檢查網(wǎng)頁(yè)在不同版本瀏覽器下的顯示情況。尤其是制作大型的或訪問(wèn)量高的網(wǎng)站，這個(gè)步驟十分必要。由于各種版本的瀏覽器支持的HTML語(yǔ)言的版本不同，所以要讓網(wǎng)頁(yè)能夠在大多數(shù)瀏覽器中順利顯示，就不得不做盡可

47、能仔細(xì)的檢查，必要時(shí)還得舍棄一些較新的效果。</p><p>　　（一）.測(cè)試的內(nèi)容：</p><p>　　(1)確保頁(yè)面在目標(biāo)瀏覽器中能夠如預(yù)期的那樣工作，并確保這些頁(yè)面在其他瀏覽器中要么工作正常，要么“明確地拒絕工作”。</p><p>　　(2)應(yīng)盡可能多地在不同的瀏覽器和平臺(tái)上預(yù)覽頁(yè)面。 </p><p>　　這使您有機(jī)會(huì)查看布局、顏

48、色、字體大小和默認(rèn)瀏覽器窗口大小等方面的區(qū)別，這些區(qū)別在目標(biāo)瀏覽器檢查中是無(wú)法預(yù)見(jiàn)的</p><p>　　(3)檢查站點(diǎn)是否有斷開(kāi)的鏈接，并修復(fù)斷開(kāi)的鏈接。</p><p>　　(4)監(jiān)測(cè)頁(yè)面的文件大小以及下載這些頁(yè)面所占用的時(shí)間</p><p>　　(5)運(yùn)行一些站點(diǎn)報(bào)告來(lái)測(cè)試并解決整個(gè)站點(diǎn)的問(wèn)題。</p><p>　　(6)檢查您的代碼中

49、是否存在標(biāo)簽或語(yǔ)法錯(cuò)誤</p><p>　　（二）.運(yùn)用Dreamweaver提供的站點(diǎn)報(bào)告測(cè)試功能</p><p>　　Dreamweaver提供的站點(diǎn)測(cè)試功能可以幫助我們檢測(cè)網(wǎng)頁(yè)在六種不同版本的常用瀏覽器中的支持情況，最后還會(huì)自動(dòng)生成一份報(bào)告。</p><p>　　若要運(yùn)行報(bào)告以測(cè)試站點(diǎn)，請(qǐng)執(zhí)行以下操作：</p><p>　　(1)選擇“

50、站點(diǎn)”—>“報(bào)告”，出現(xiàn)“報(bào)告”對(duì)話框。</p><p>　　提示：若要僅為站點(diǎn)運(yùn)行輔助功能報(bào)告，可以選擇“文件”—>“檢查頁(yè)”—>“檢查輔助功能”，報(bào)告將出現(xiàn)在“結(jié)果”面板組的“站點(diǎn)報(bào)告”面板中。</p><p>　　(2)選擇要報(bào)告的類別和要運(yùn)行的報(bào)告類型。</p><p>　　(3)單擊“運(yùn)行”，創(chuàng)建報(bào)告。 結(jié)果列表出現(xiàn)在“站點(diǎn)報(bào)告”面板（在

51、“結(jié)果”面板組中）中。</p><p>　　根據(jù)運(yùn)行的報(bào)告的類型，可能會(huì)提示您保存文件、定義站點(diǎn)或選擇文件夾（如果尚未執(zhí)行這些操作）。</p><p>　　2、使用LeapFTP將靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程網(wǎng)站發(fā)布到服務(wù)器上</p><p>　　網(wǎng)頁(yè)檢測(cè)完以后就可以發(fā)布到服務(wù)器上了。發(fā)布可以使用專門(mén)的FTP工具，也可以充分利用Dreamweaver的網(wǎng)頁(yè)發(fā)布功能。常用的FTP

52、工具軟件有LeapFTP、CuteFTP等，大家可以根據(jù)自己的愛(ài)好選擇。如果你沒(méi)有自己的服務(wù)器，就可以到互聯(lián)網(wǎng)上申請(qǐng)免費(fèi)空間或購(gòu)買(mǎi)空間，這里我們可以使用操作簡(jiǎn)單的LeapFTP工具發(fā)布網(wǎng)頁(yè)。</p><p>　?。ㄒ唬?、啟動(dòng)LeapFTP，如下圖所示：</p><p>　　2)輸入FTP服務(wù)器地址、用戶名和密碼，端口號(hào)默認(rèn)為21，回車(chē)，賬號(hào)和密碼正確，系統(tǒng)會(huì)顯示登錄成功信息：</p&

53、gt;<p>　　3）在LeapFTP左邊找到我們做好的精品課程網(wǎng)頁(yè)，將其拖放放到右側(cè)的服務(wù)器文件中，網(wǎng)頁(yè)就開(kāi)始發(fā)布了。</p><p>　　4）等所有資料（網(wǎng)頁(yè)、圖片文件夾及相關(guān)文件）上傳完畢，就完成了網(wǎng)頁(yè)發(fā)布。</p><p>　　5）打開(kāi)自已的瀏覽器，輸入http://192.168.67.4/html，訪問(wèn)一下，如果能正確顯示我們做的頁(yè)面效果，網(wǎng)站就發(fā)布成功了。<

54、;/p><p><b>　　3、網(wǎng)站維護(hù) </b></p><p>　　網(wǎng)頁(yè)制作好了，也上傳到服務(wù)器上了，是不是以后就沒(méi)什么事了？并非如此，如果參觀網(wǎng)站的訪問(wèn)者每次看到的網(wǎng)站都是一樣的，那么它們?nèi)蘸缶蜁?huì)漸漸失去興趣。所以網(wǎng)站日后的更新維護(hù)才是最重要的！更新維護(hù)不僅僅只局限于簡(jiǎn)單的更換文字稿，有時(shí)會(huì)是網(wǎng)站框架的變更，板塊的調(diào)整，色彩的更換等，甚至整站改版等，站在網(wǎng)絡(luò)技術(shù)角度