Flash項(xiàng)目案例教程課件4-3

教學(xué)目標(biāo)1.各頁(yè)面影片的制作2.網(wǎng)站的整合與發(fā)布教學(xué)重點(diǎn)1.各頁(yè)面影片的制作2.網(wǎng)站的整合與發(fā)布任務(wù)三：Flash網(wǎng)站的制作

網(wǎng)站設(shè)計(jì)制作（1）網(wǎng)站前期規(guī)劃

（網(wǎng)站結(jié)構(gòu)）首頁(yè)index.swf公司簡(jiǎn)介about.swf最新動(dòng)態(tài)news.swf產(chǎn)品信息product.swf聯(lián)系方式contact.swf知識(shí)講授

（2）網(wǎng)站前期規(guī)劃

（頁(yè)面布局）Logo導(dǎo)航菜單網(wǎng)頁(yè)內(nèi)容（各子頁(yè)面內(nèi)容）頁(yè)腳（公司地址、版權(quán)）（1）在制作網(wǎng)站之前，還需要?jiǎng)?chuàng)建一個(gè)專(zhuān)門(mén)的文件夾用來(lái)存放網(wǎng)站的所有文件。如圖所示，該網(wǎng)站的所有完成文件都放置在同一個(gè)文件夾中。另外，在網(wǎng)站中用到的圖片素材則放置在該文件夾的下級(jí)文件中。（2）首頁(yè)的制作根據(jù)前期規(guī)劃，設(shè)計(jì)制作首頁(yè)。同時(shí)將背景音樂(lè)等添加到首頁(yè)中。效果如圖所示。（3）制作“公司簡(jiǎn)介”頁(yè)面（4）制作“最新動(dòng)態(tài)”頁(yè)面（5）制作“產(chǎn)品信息”頁(yè)面（6）制作“聯(lián)系方式”頁(yè)面（7）網(wǎng)站的整合首頁(yè)和全部下級(jí)子頁(yè)面制作完成后，就可以將其整合成一個(gè)完整的網(wǎng)站，并進(jìn)行發(fā)布。整合的過(guò)程主要是通過(guò)在首頁(yè)文件中添加相應(yīng)的腳本代碼來(lái)實(shí)現(xiàn)。a.在整合前確保所有頁(yè)面的影片在同一文件夾目錄下。b.在首頁(yè)頁(yè)面中時(shí)間軸的第1幀添加腳本，用于默認(rèn)內(nèi)容部分顯示about.swf影片頁(yè)面。腳本如下：loadMovieNum("about.swf",1);c.對(duì)首頁(yè)導(dǎo)航欄的每個(gè)按鈕添加相應(yīng)的腳本，實(shí)現(xiàn)點(diǎn)擊按鈕時(shí)跳轉(zhuǎn)到指定的內(nèi)容頁(yè)面。如對(duì)“公司簡(jiǎn)介”按鈕添加如下腳本。on(release){ loadMovieNum("about.swf",1);}d.這樣，網(wǎng)站的整合工作就完成了，保存index.fla文件。同時(shí)測(cè)試影片。（8）網(wǎng)站的發(fā)布首頁(yè)影片文件制作完成后，就可以發(fā)布網(wǎng)站了。發(fā)布網(wǎng)站的過(guò)程實(shí)際就是將首頁(yè)發(fā)布為Html文件和SWF文件的過(guò)程。效果如下圖。技能拓展