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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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