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

項(xiàng)目4：制作Flash網(wǎng)站教學(xué)目標(biāo)了解Flash網(wǎng)站的優(yōu)缺點(diǎn)網(wǎng)站的主題和風(fēng)格網(wǎng)站結(jié)構(gòu)規(guī)劃頁面元素的準(zhǔn)備各頁面影片的制作網(wǎng)站的整合與發(fā)布教學(xué)重點(diǎn)網(wǎng)站的前期規(guī)劃各頁面影片的制作網(wǎng)站的整合與發(fā)布任務(wù)布置（1）需求分析企業(yè)的品牌形象網(wǎng)站的整體風(fēng)格與企業(yè)品牌、文化的統(tǒng)一網(wǎng)站結(jié)構(gòu)規(guī)劃頁面布局任務(wù)布置（2）收集素材資料在前期策劃階段，需要選擇用于網(wǎng)站制作的企業(yè)介紹、產(chǎn)品介紹、圖片等相關(guān)信息，本次選擇“美特斯邦威”服裝網(wǎng)站的制作，根據(jù)該企業(yè)的服裝風(fēng)格——大眾化、休閑、時尚，應(yīng)當(dāng)為網(wǎng)站選擇一種能夠反映服裝特點(diǎn)、體現(xiàn)時尚元素的風(fēng)格。風(fēng)格確定后，根據(jù)風(fēng)格收集相關(guān)的素材。教學(xué)目標(biāo)1.flash網(wǎng)站的制作流程2.網(wǎng)站的主題和風(fēng)格3.網(wǎng)站結(jié)構(gòu)規(guī)劃4.網(wǎng)站的頁面元素及其制作方法教學(xué)重點(diǎn)1.網(wǎng)站的制作流程2.網(wǎng)站的前期策劃3.頁面元素的制作任務(wù)一：網(wǎng)站制作基礎(chǔ)

一、Flash網(wǎng)站的制作流程

a.確定網(wǎng)站的主題和風(fēng)格b.網(wǎng)站結(jié)構(gòu)規(guī)劃c.網(wǎng)頁布局設(shè)計(jì)d.準(zhǔn)備頁面元素e.制作各頁面影片f.整合與發(fā)布知識講授

二、網(wǎng)站的前期策劃1、確定網(wǎng)站主題該項(xiàng)目為企業(yè)品牌推廣網(wǎng)站——美特斯邦威公司網(wǎng)站。顧名思義，這類網(wǎng)站的目的以推廣企業(yè)品牌為主。同時，網(wǎng)站中應(yīng)當(dāng)具備一些基本的商務(wù)交流功能，例如在線郵件系統(tǒng)、在線購物訂單和會員注冊等。由于該網(wǎng)站是以服裝為主的企業(yè)網(wǎng)站，根據(jù)該企業(yè)的服裝風(fēng)格為網(wǎng)站選擇一種能夠反映服裝的特點(diǎn)、體現(xiàn)時尚元素的風(fēng)格。2、網(wǎng)站結(jié)構(gòu)規(guī)劃風(fēng)格確定后，需要規(guī)劃網(wǎng)站的結(jié)構(gòu)和整體布局。該網(wǎng)站主要由5個SWF文件組成，分別作為該網(wǎng)站的首頁、“公司簡介”、“最新動態(tài)”、“產(chǎn)品信息”、“聯(lián)系方式”5個頁面，其結(jié)構(gòu)關(guān)系如下圖所示：首頁index.swf公司簡介about.swf最新動態(tài)news.swf產(chǎn)品信息product.swf聯(lián)系方式contact.swf

然后，將根據(jù)風(fēng)格需要制作網(wǎng)站頁面的布局。該網(wǎng)站的頁面主要由三部分組成——公司Logo、導(dǎo)航菜單和網(wǎng)頁內(nèi)容。

Logo導(dǎo)航菜單網(wǎng)頁內(nèi)容（各子頁面內(nèi)容）三、網(wǎng)站頁面元素1、網(wǎng)站LOGO簡介對一個網(wǎng)站而言，LOGO就是網(wǎng)站的名片，是能夠體現(xiàn)網(wǎng)站形象的一個重要元素。一個好的網(wǎng)站LOGO需要能夠體現(xiàn)出網(wǎng)站的內(nèi)涵和特征，能夠傳達(dá)給瀏覽者一些關(guān)于網(wǎng)站的信息和理念。所以，對于一個網(wǎng)站建設(shè)者來說，LOGO的設(shè)計(jì)與制作是十分重要的。1)網(wǎng)站LOGO的定義2）網(wǎng)站LOGO的作用（1）網(wǎng)站形象體現(xiàn)（2）鏈接作用3）網(wǎng)站LOGO的設(shè)計(jì)規(guī)范對于網(wǎng)站LOGO來說，從其表現(xiàn)形式上可以將其分為靜態(tài)LOGO和動態(tài)LOGO兩類。對于靜態(tài)LOGO來說，其文件格式一般采用GIF圖片格式，而對于動態(tài)LOGO來說，可以使用GIF格式，也可以采用Flash制作的swf影片文件格式。2、導(dǎo)航菜單的制作用Flash制作的導(dǎo)航菜單具有動感強(qiáng)、視覺效果好、交互性高的優(yōu)點(diǎn)。

1）導(dǎo)航菜單常見的形式

（1）普通導(dǎo)航菜單（2）對于一些以圖片為主的網(wǎng)頁來說，有時候需要將多幅圖片放置在網(wǎng)頁中的同一個區(qū)域內(nèi)。（3）下拉菜單（4）循環(huán)滾動菜單2）制作普通導(dǎo)航菜單舉例3）制作下拉菜單（1）制作主菜單（2）制作子菜單