企業(yè)Flash網(wǎng)站制作實戰(zhàn)

第17章Flash網(wǎng)站制作實戰(zhàn)——企業(yè)Flash網(wǎng)站使用Flash制作網(wǎng)站，是對Flash軟件功能的一種綜合應(yīng)用。在前面的各章節(jié)中，講解了Flash在網(wǎng)站制作及網(wǎng)頁設(shè)計中的各種應(yīng)用。掌握了這些知識，可以說已經(jīng)為制作一個全Flash的網(wǎng)站打下了良好的基礎(chǔ)。但是，如果要制作一個結(jié)構(gòu)嚴謹，風格獨特、統(tǒng)一的Flash網(wǎng)站，僅僅掌握這些知識是遠遠不夠的?？梢哉f，一個Flash網(wǎng)站能夠在很大程度上體現(xiàn)該網(wǎng)站制作者的綜合技能素養(yǎng)。本章將通過制作一個結(jié)構(gòu)相對簡單的Flash網(wǎng)站，來向讀者展示制作一個網(wǎng)站需要的基礎(chǔ)知識和基本技巧。通過對這個網(wǎng)站實例的學習，讀者可以初步掌握制作Flash網(wǎng)站的基本思路。17.1Flash網(wǎng)站概述在學習制作Flash網(wǎng)站之前，首先需要對Flash網(wǎng)站的一些基本知識有所了解。這些知識包括Flash網(wǎng)站的應(yīng)用范圍及常見類型，F(xiàn)lash網(wǎng)站的基本制作流程等等。了解了這些知識可以在制作Flash網(wǎng)站時更有針對性地進行工作，并更有效地達到制作網(wǎng)站的目的。17.1.1Flash網(wǎng)站的應(yīng)用及分類總體來說，使用Flash制作的網(wǎng)站基本以動畫和圖形為主，文字內(nèi)容并不是很多。從這個意義上來說，使用Flash制作網(wǎng)站的方法比較適合使用在以展示動畫和圖片內(nèi)容為主要目的的網(wǎng)站上。這類網(wǎng)站一般包括企業(yè)品牌推廣網(wǎng)站、動畫游戲網(wǎng)站、藝術(shù)和產(chǎn)品展示網(wǎng)站以及個人網(wǎng)站等。1．企業(yè)品牌推廣網(wǎng)站顧名思義，這類網(wǎng)站的目的以推廣企業(yè)品牌為主。2．動畫游戲網(wǎng)站這類網(wǎng)站主要以發(fā)布Flash動畫和提供Flash在線游戲等內(nèi)容為主。17.1.1Flash網(wǎng)站的應(yīng)用及分類3．藝術(shù)和產(chǎn)品展示網(wǎng)站這類網(wǎng)站往往需要展示大量的圖片信息，而文字信息相對要少一些。因此，在構(gòu)建網(wǎng)站時，如何能更方便地更新各種圖片信息是需要首先解決的問題。并且，由于圖片內(nèi)容較多，應(yīng)當建立一種清晰明確的調(diào)用并顯示圖片的方法，使瀏覽者不會在對大量圖片的瀏覽過程中迷失方向。對于藝術(shù)性的展示網(wǎng)站來說，由于其內(nèi)容本身的藝術(shù)性比較高，要求網(wǎng)站在整體設(shè)計上也要保持較高的藝術(shù)品位。4．個人網(wǎng)站對于個人網(wǎng)站來說，由于網(wǎng)站中的內(nèi)容不會太多，結(jié)構(gòu)也不太復(fù)雜，非常適合使用Flash來制作。這類網(wǎng)站的制作一般沒有特定的章法可循，主要是根據(jù)個人喜好或工作業(yè)務(wù)需求來表達一些個性化的東西。網(wǎng)站中通常也需要加入一些可以與瀏覽者進行簡單交流的功能，諸如留言板、發(fā)送郵件、在線涂鴉等。17.1.2Flash網(wǎng)站的制作流程對許多讀者來說已經(jīng)熟悉并掌握了Flash軟件的功能和操作方法，但一提到用Flash制作網(wǎng)站就感覺無從下手。這主要是由于對網(wǎng)站的制作流程不了解，對網(wǎng)站的組成結(jié)構(gòu)沒有明確的認識所致。下面就來簡單介紹一下使用Flash制作網(wǎng)站的基本流程：1．確定網(wǎng)站的主題和風格2．網(wǎng)站結(jié)構(gòu)規(guī)劃3．網(wǎng)頁布局設(shè)計4．準備頁面元素5．制作各頁面影片6．整合與發(fā)布17.2首頁的制作從本節(jié)開始，將制作一個關(guān)于服裝公司的網(wǎng)站，如圖所示。該網(wǎng)站的結(jié)構(gòu)非常簡單，沒有多余的動畫效果，并且省略了一些附加功能。17.2首頁的制作

網(wǎng)站頁面一網(wǎng)站頁面二17.2.1網(wǎng)站前期規(guī)劃由于該網(wǎng)站是以服裝為主的企業(yè)網(wǎng)站，根據(jù)該企業(yè)的服裝風格——大眾化、休閑、時尚，應(yīng)當為網(wǎng)站選擇一種能夠反映服裝特點、體現(xiàn)時尚元素的風格。風格確定后，需要規(guī)劃網(wǎng)站的結(jié)構(gòu)和整體布局。17.2.1網(wǎng)站前期規(guī)劃

網(wǎng)站結(jié)構(gòu)圖頁面布局圖17.2.1網(wǎng)站前期規(guī)劃

網(wǎng)站的文件夾目錄制制作作首首頁頁首頁頁是是一一個個Flash網(wǎng)網(wǎng)站站的的核核心心，，所所有有對對下下級級頁頁面面的的調(diào)調(diào)用用都都將將在在首首頁頁中中完完成成。。可可以以說說，，制制作作出出一一個個好好的的首首頁頁就就完完成成了了整整個個網(wǎng)網(wǎng)站站的的一一半半。。下下面面將將開開始始制制作作這這個個服服裝裝企企業(yè)業(yè)網(wǎng)網(wǎng)站站的的首首頁頁。。制制作作首首頁頁繪制制圓圓角角矩矩形形放放置置導(dǎo)導(dǎo)航航菜菜單單““公公司司簡簡介介””項項17.2.2制作首首頁放置導(dǎo)航菜單單的其他三項項17.3下下級子頁面面的制作本范例網(wǎng)站的的下級子頁面面包括4個頁頁面，即“公公司簡介”、、“最新動態(tài)態(tài)”、“產(chǎn)品品信息”和““聯(lián)系方式””頁面。這4個下級子頁頁面將分別制制作，并發(fā)布布為單獨的SWF文件about.swf、news.swf、product.swf和和contact.swf。17.3.1制作““公司簡介””頁面在制作各下下級子頁面面時，需要要將各頁面面的Flash影片片的舞臺大大小設(shè)置為為與首頁相相同，然后后在指定的的區(qū)域內(nèi)添添加頁面內(nèi)內(nèi)容。下面面將通過制制作“公司司簡介”頁頁面，來講講解下級子子頁面的制制作方法：：制制作“公司司簡介”頁頁面粘貼bg圖圖形實例測測試試“公司簡簡介”頁面面制制作“最新新動態(tài)”頁頁面“最新動態(tài)態(tài)”頁面的的制作方法法與“公司司簡介”頁頁面的制作作方法大同同小異，都都是在一個個特定的舞舞臺區(qū)域內(nèi)內(nèi)添置各種種頁面元素素。因此，，開始制作作該頁面前前，需要先先將about.fla中的的bg圖形形實例復(fù)制制到系統(tǒng)剪剪貼板上以以備使用。。另外，由由于該頁面面的內(nèi)容更更新比較頻頻繁，故也也應(yīng)在該頁頁面中實現(xiàn)現(xiàn)對外部文文本的讀取取，以便隨隨時更新新新聞內(nèi)容及及其對應(yīng)的的網(wǎng)頁鏈接接。制制作“最新新動態(tài)”頁頁面添加動態(tài)文文本框測測試試“最新動動態(tài)”頁面面制制作“產(chǎn)品品信息”頁頁面在“產(chǎn)品信信息”頁面面中，需要要展示一些些公司產(chǎn)品品的圖片。。由于這些些圖片需要要經(jīng)常更新新，因此也也應(yīng)該將其其以外部文文件的形式式保存，并并在Flash影片片中進行讀讀取。這樣樣，實現(xiàn)對對外部圖片片文件的調(diào)調(diào)入就成為為本頁面制制作的關(guān)鍵鍵。制制作“產(chǎn)品品信息”頁頁面products文文件夾中的的圖片測測試““產(chǎn)品信息息”頁面制制作“聯(lián)系系方式”頁頁面“聯(lián)系方式式”頁面的的制作比較較簡單，只只需要在頁頁面中加入入公司的聯(lián)聯(lián)系方式就就可以了。。其具體制制作步驟如如下：制制作“聯(lián)系系方式”頁頁面添加靜態(tài)文文本添添加人物圖圖形17.4網(wǎng)網(wǎng)站的的整合與發(fā)發(fā)布首頁和全部部下級子頁頁面制作完完成后，就就可以將其其整合成一一個完整的的網(wǎng)站，并并進行發(fā)布布。整合的的過程主要要是通過在在首頁文件件中添加相相應(yīng)的ActionScript代碼碼來實現(xiàn)。。最后，將將首頁影片片發(fā)布為HTML格格式的網(wǎng)頁頁文件，實實現(xiàn)了首頁頁在網(wǎng)頁中中的顯示。。網(wǎng)網(wǎng)站的整合合在整合網(wǎng)站站之前，首首先需要確確保首頁文文件index.swf、4個子頁面面文件（about.swf、news.swf、product.swf、contact.swf）以及及所有需要要調(diào)用的外外部文件都都位于同一一文件夾目目錄下。接接下來，將將通過修改改index.fla文件并并發(fā)布一個個新的SWF文件來來實現(xiàn)網(wǎng)站站的整合。。網(wǎng)網(wǎng)站的整合合測試首頁效效果網(wǎng)網(wǎng)站的發(fā)布布首頁影片文