【正文】 站的制作越來(lái)越趨于人性化與美觀化，網(wǎng)頁(yè)設(shè)計(jì)中已經(jīng)融入越來(lái)越多的動(dòng)畫制作和動(dòng)態(tài)模塊。 （ 2）注重運(yùn)用先進(jìn)的網(wǎng)站設(shè)計(jì)技術(shù) 考慮到網(wǎng)站在交互性及對(duì)網(wǎng)頁(yè)維護(hù)等方面的要求，在網(wǎng)站設(shè)計(jì)上我們放棄了靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，轉(zhuǎn)而采用 FLASH 技術(shù)進(jìn)行制作動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)。通過計(jì)算機(jī)網(wǎng)絡(luò)讓瀏覽者及時(shí)得到網(wǎng)站最新消息及最新更換的美食信息，同時(shí)也幫助瀏覽者更快一步的了解到各地美食的信息 [5]。 2021 年前后， FLASH 軟件開始在中國(guó)市場(chǎng)風(fēng)行?，F(xiàn)如今， Flash 已經(jīng)逐漸被國(guó)內(nèi)用戶所認(rèn)識(shí)和接受，并隨之出現(xiàn)一大批忠實(shí)的追隨者 [7]。在目前中國(guó)動(dòng)畫市場(chǎng)資金短缺的環(huán)境下， FLASH 動(dòng)畫非 常適合中國(guó)的國(guó)情。 5 第 2 章 網(wǎng)站需求分析 網(wǎng)站建設(shè)的需求分析是網(wǎng)站建設(shè)的第一個(gè)階段，其總的目的是根據(jù)調(diào)查分析，明確建設(shè)網(wǎng)站的目的與內(nèi)容，使網(wǎng)站建設(shè)能結(jié)合企業(yè)的實(shí)際情況，并滿足企業(yè)真實(shí)需求和用戶的需求 [10]。 因?yàn)槭?Flash 網(wǎng)站，自然要添加一些特殊的效果。這些資源既可以充實(shí)網(wǎng)站又可以提供給用戶。根據(jù)美食文化的特點(diǎn)，我們將網(wǎng)站分成了七個(gè)欄目進(jìn)行詳細(xì)制作。 4．美食原料：主要介紹一些制作美食的原料，例如肉禽類、蔬菜類以及米面豆類。 網(wǎng)站制作目標(biāo) 本網(wǎng)站的主要任務(wù)是制作一個(gè)美食類的網(wǎng)站，并實(shí)現(xiàn)在線交流的功能。后臺(tái)是實(shí)現(xiàn)在線交流發(fā)帖的功能，網(wǎng)站還設(shè)置了管理員權(quán)限，管理員可以在管理界面內(nèi)對(duì)用戶所發(fā)的帖子進(jìn)行回復(fù)、修改、刪除等操作。 在制作內(nèi)容方面我們查閱了書籍和網(wǎng)站上的各種資料，對(duì)中國(guó)各地的美食有了比較深入的了解，在此基礎(chǔ)上我們才開始著手規(guī)劃網(wǎng)站。 網(wǎng)站前期準(zhǔn)備 7 在開始著手的時(shí)候，我們先看了一些網(wǎng)上比較出色的 FLASH 網(wǎng)站，最后我們決定了構(gòu)建這個(gè)食品類的網(wǎng)站。 在色彩上，網(wǎng)站整體以紅色為主色彩，文字方面以白色為主，以黑色和黃色為輔。 因?yàn)槲覀冞x取的課題是傳播類的食品網(wǎng)站， 所以大膽的使用了紅色作為網(wǎng)站主色調(diào)。 用戶登錄信息表：用戶登錄 ID 號(hào) (AdminID)，用戶名 (AdminName)，密碼(AdminPwd)3 個(gè)字段。 幫助信息表：幫助序號(hào) (HelpID)，幫助名稱 (HelpName)，幫助內(nèi)容 (HelpConcent)， 3 個(gè)字段。 Flash 網(wǎng)站中的內(nèi)容多數(shù)甚至全部都是由 Flash 制作完成的，網(wǎng)站基本以圖形和動(dòng)畫為主所以比較適合做那些文字內(nèi)容不太多，以平面動(dòng)畫效果為主的應(yīng)用 [14]。 開場(chǎng)動(dòng)畫，我們?cè)O(shè)計(jì)的比較有美食文化的特色，打開網(wǎng)站后，音樂開始響起，動(dòng)畫中間出現(xiàn)關(guān)于中華美食文化源遠(yuǎn)流長(zhǎng)的介紹性文字，當(dāng)文字結(jié)束后，動(dòng)畫會(huì)以潑墨的形式分別出現(xiàn)介紹川菜文化和湘菜文化的圖片和文字；當(dāng)湘文化介紹完之后，變成另一個(gè)音樂，慢慢出現(xiàn)網(wǎng)站的名字和網(wǎng)站的標(biāo)語(yǔ)，最后出現(xiàn)本網(wǎng)站的 logo 和 “點(diǎn)擊進(jìn)入”的文字，當(dāng)點(diǎn)擊“點(diǎn)擊進(jìn)入”時(shí)會(huì)進(jìn)入網(wǎng)站的主頁(yè)。 本網(wǎng)站分為左右兩個(gè)部分，左 邊是有關(guān)美食的一些介紹文字框，拖動(dòng)滑竿可以向下滑動(dòng)后，可看到整個(gè)簡(jiǎn)介的內(nèi)容 ，左上角是本網(wǎng)站的 Logo 標(biāo)志 —— 食家美食網(wǎng)， 10 并在 Logo 下邊配以火在燃燒的動(dòng)畫。六張圖片整齊的排列在頁(yè)面中央，且六張圖片任一張都是可點(diǎn)擊的，點(diǎn)擊圖片會(huì)有出現(xiàn)一些相關(guān)的文字介紹或者圖片，這時(shí)右上方會(huì)出現(xiàn)關(guān)閉按鈕，點(diǎn)擊關(guān)閉以后將恢復(fù)到網(wǎng)站的首頁(yè)。 (,true)。 …… 網(wǎng)站二級(jí)頁(yè)面設(shè)計(jì) 網(wǎng)站的二級(jí)頁(yè)面分為： “美食菜譜”，“美食專題”，“美食廚房”，“美食原料”，“西餐導(dǎo)航”，“飲食資訊”六個(gè)板塊 。從而使網(wǎng)站的視覺效果更為震撼。 12 = false。這里的 a,b,c,d 代表著頁(yè)面中所顯示的 4 張圖片的實(shí)例名。 以下截取了“美食廚房”欄目下的“美食 DIY”頁(yè)面作為展示： 圖 5 三級(jí)頁(yè)面 “美食 DIY”這個(gè)頁(yè)面的特色就是形式比較獨(dú)特新穎，頁(yè)面的左側(cè)是想要介紹的幾道美食的圖片，而右邊是各個(gè)美食相應(yīng)的制作方法。創(chuàng)建數(shù) 據(jù)庫(kù)的過程就是確定數(shù)據(jù)庫(kù)的名稱、所有者、大小以及存儲(chǔ)該數(shù)據(jù)庫(kù)的文件和文件組。 表 1 用戶登錄信息表 字段 數(shù)據(jù)類型 允許空 是否為主鍵 AdminID int no yes AdminName bit yes no AdminPwd int yes no 2．瀏覽模塊信息表： 標(biāo)識(shí)： Module_ID。 14 表 3 幫助表 字段 數(shù)據(jù)類型 允許空 是否為主鍵 HelpID int no yes HelpName bit yes no HelpConcent int yes no 以上為數(shù)據(jù)庫(kù)的三張表結(jié)構(gòu)。Initial Catalog=hotel。它與軟件測(cè)試有一定的區(qū)別， 它 除了要求外觀的一致性以外，還要求其在各個(gè)瀏覽器下的兼容性 ， 以及在不同環(huán)境下的顯示差異 [15]。點(diǎn)擊進(jìn)入三級(jí)頁(yè)面， 5 張圖片以 W 的形狀出現(xiàn)在界面上，鼠標(biāo)經(jīng)過圖片出現(xiàn)文字介紹。點(diǎn)擊進(jìn)入三級(jí)頁(yè)面，當(dāng)點(diǎn)擊某一張小圖片時(shí)，圖片會(huì)變大并配以文字介紹。測(cè)試其他的按鈕都能夠鏈接。當(dāng)點(diǎn)擊按鈕時(shí)圖片會(huì)切換到另一張圖片，界面的右邊是介紹該頁(yè)面的文字。 第七，測(cè)試“飲食資訊”下的三個(gè)頁(yè)面的效果，首先點(diǎn)擊導(dǎo)航上的飲食資訊按鈕，頁(yè)面左邊出現(xiàn)一幅大圖，并且在圖片上有文字介紹，大圖上兩塊幕布向兩邊展開并漸隱消失，圖片下方有四個(gè)白色小正方形，當(dāng)鼠標(biāo)經(jīng)過這幾個(gè)正方形時(shí)圖片切換，每張圖片切換效果相同。在論壇里，用戶可以暢所欲言，有好的關(guān)于美食的帖子都可以積極發(fā)表，在論壇里發(fā)現(xiàn)好的帖子也可以收藏。 18 第 5 章 總結(jié) 在完成設(shè)計(jì)的兩個(gè)多月里，我和我的搭檔經(jīng)歷的很多。 這次設(shè)計(jì)的網(wǎng)站是一個(gè)較為完整的項(xiàng)目，它不僅考察了我們學(xué)到的知識(shí)在技術(shù)上的應(yīng)用，也需要配合我們的審美觀，更重要的是它讓我們學(xué)會(huì)團(tuán)體合作的重要性。 ()。 var i=100。 =true。 =true。 =true。 }。 =true。 } }。 =true。 } } 以上代碼是網(wǎng)站中的音樂條的代碼，其中可以增加或減少音量，還可以將音樂關(guān)閉與打開。 = percent_loaded。 } }。 ()。 } 上述代碼是點(diǎn)擊導(dǎo)航時(shí)加載另一個(gè)網(wǎng)頁(yè)的代碼 。 } on(rollOver){ (2)。 on(press){ ()。 //通知主場(chǎng)景跳到第三幀播放，第二幀上有我們使用了鏈接屬性的 mc 和組件，并且取消了 //注意由于有組件的原因，在發(fā)布設(shè)置里設(shè)置 類在第二幀導(dǎo)出。 22 stop()。 =true。 if(i0 and i100){ (i)。 =true。 if(i0 and i100){ (i)。 =false。 }。 =false。 =true。 }。 19 參考文獻(xiàn) [1]羅小燕． Flash 動(dòng)畫與卡通制作創(chuàng)意導(dǎo)航 [M]．北京：清華大學(xué)出版社， 2021：123～ 145． [2]哈特． 入門經(jīng)典 [M]．北京：清華大學(xué)出版社， 2021： 123～ 135． [3]德漢，周輝． Flash MX 2021 網(wǎng)頁(yè)動(dòng)畫制作標(biāo)準(zhǔn)教材 [M]． 北京：電子工業(yè)出版設(shè)， 2021： 135～ 148． [4]宗曉艷． Photoshop 與 Flash 結(jié)合把現(xiàn)有圖畫 改編為動(dòng)畫的方法 [J]．電腦知識(shí)與技術(shù)