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

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

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

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

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