美食網(wǎng)站的設(shè)計(jì)與開發(fā)畢業(yè)論文(編輯修改稿)
2024-07-25 20:23 本頁面
【文章內(nèi)容簡介】 ame)，密碼(AdminPwd)3個(gè)字段。2．論壇模塊表：標(biāo)識(shí)：ModuleID。模塊信息表：模塊號(hào)(ModuleID)，模塊名稱(ModuleName)，創(chuàng)建模塊日期(ModuleDate) 3個(gè)字段。3．幫助表：標(biāo)識(shí)：HelpID。幫助信息表：幫助序號(hào)(HelpID)，幫助名稱(HelpName)，幫助內(nèi)容(HelpConcent)， 3個(gè)字段。第3章 網(wǎng)站設(shè)計(jì)現(xiàn)在的Flash網(wǎng)站已經(jīng)不再是曾經(jīng)簡單的鼠標(biāo)事件，不再是單一的切換，因?yàn)檫@些Javascript技術(shù)已經(jīng)幫它實(shí)現(xiàn)[13]?，F(xiàn)在的Flash在網(wǎng)站設(shè)計(jì)中扮演著更為重要的角色，尤其在3D方面的表現(xiàn)，總會(huì)讓我們目瞪口呆。一個(gè)優(yōu)秀的Flash網(wǎng)站，就像一部令人印象深刻的電影，給我們帶來視覺上的享受。Flash網(wǎng)站中的內(nèi)容多數(shù)甚至全部都是由Flash制作完成的，網(wǎng)站基本以圖形和動(dòng)畫為主所以比較適合做那些文字內(nèi)容不太多，以平面動(dòng)畫效果為主的應(yīng)用[14]。 網(wǎng)站結(jié)構(gòu)圖整個(gè)網(wǎng)站結(jié)構(gòu)分為開場動(dòng)畫，一級(jí)頁面，二級(jí)頁面和三級(jí)頁面。一級(jí)頁面為首頁，二級(jí)頁面有“美食菜譜”、“美食專題”、“美食廚房”、“美食原料”、“西餐導(dǎo)航”、“食家雜談”，在每個(gè)二級(jí)欄目下又細(xì)分了3到4個(gè)三級(jí)欄目。 開場動(dòng)畫首頁美食菜譜川菜粵菜湘菜閩菜美食專題家常菜譜美容瘦身老人養(yǎng)生美食廚房美容菜譜美食DIY美容菜譜飲食資訊飲食誤區(qū)飲食養(yǎng)性營養(yǎng)飲食西餐導(dǎo)航韓國料理法國料理意大利餐美食原料肉禽類蔬菜類米面豆類食家雜談圖1 網(wǎng)站結(jié)構(gòu)圖 網(wǎng)站開場動(dòng)畫設(shè)計(jì)Flash網(wǎng)站的開場動(dòng)畫在整個(gè)網(wǎng)站中都起著至關(guān)重要的作用，一個(gè)好的開場動(dòng)畫會(huì)緊緊地抓住瀏覽者的眼球，給瀏覽者留下深刻的印象，從而提高整個(gè)網(wǎng)站的層次。開場動(dòng)畫，我們?cè)O(shè)計(jì)的比較有美食文化的特色，打開網(wǎng)站后，音樂開始響起，動(dòng)畫中間出現(xiàn)關(guān)于中華美食文化源遠(yuǎn)流長的介紹性文字，當(dāng)文字結(jié)束后，動(dòng)畫會(huì)以潑墨的形式分別出現(xiàn)介紹川菜文化和湘菜文化的圖片和文字；當(dāng)湘文化介紹完之后，變成另一個(gè)音樂，慢慢出現(xiàn)網(wǎng)站的名字和網(wǎng)站的標(biāo)語，最后出現(xiàn)本網(wǎng)站的logo和“點(diǎn)擊進(jìn)入”的文字，當(dāng)點(diǎn)擊“點(diǎn)擊進(jìn)入”時(shí)會(huì)進(jìn)入網(wǎng)站的主頁。在開場動(dòng)畫展示的過程中動(dòng)畫右下角一直會(huì)有“skip”字樣，可以跳過開場動(dòng)畫的播放同樣可以進(jìn)入本網(wǎng)站的主頁。流暢的動(dòng)畫將網(wǎng)站開場動(dòng)畫界面展示給瀏覽者。網(wǎng)站開場動(dòng)畫如圖2所示：圖2 開場動(dòng)畫 網(wǎng)站一級(jí)頁面設(shè)計(jì)網(wǎng)站的主頁是網(wǎng)站的門面，所以首頁的設(shè)計(jì)是整個(gè)網(wǎng)站的重點(diǎn)內(nèi)容，必須要有吸引大眾目光的有創(chuàng)意的版面設(shè)計(jì)，這樣才能更好地宣傳與推廣網(wǎng)站。本網(wǎng)站分為左右兩個(gè)部分，左邊是有關(guān)美食的一些介紹文字框，拖動(dòng)滑竿可以向下滑動(dòng)后，可看到整個(gè)簡介的內(nèi)容，左上角是本網(wǎng)站的Logo標(biāo)志——食家美食網(wǎng)，并在Logo下邊配以火在燃燒的動(dòng)畫。左下角是網(wǎng)站的版權(quán)信息，頁面上有帶有很多動(dòng)畫效果的文字，為網(wǎng)站增加動(dòng)感。本網(wǎng)站的字體顏色多為白色，方便瀏覽者觀看。網(wǎng)站的右邊以翻頁的形式出現(xiàn)6張圖片形成了兩排，呈現(xiàn)出一排三張圖片的格局。六張圖片整齊的排列在頁面中央，且六張圖片任一張都是可點(diǎn)擊的，點(diǎn)擊圖片會(huì)有出現(xiàn)一些相關(guān)的文字介紹或者圖片，這時(shí)右上方會(huì)出現(xiàn)關(guān)閉按鈕，點(diǎn)擊關(guān)閉以后將恢復(fù)到網(wǎng)站的首頁。網(wǎng)站的右下角有音樂條可以控制網(wǎng)站背景音樂音量的大小及音樂的開關(guān)。圖3為首頁效果圖：圖3 一級(jí)頁面我們?cè)O(shè)計(jì)網(wǎng)站時(shí)，在網(wǎng)站里添加了背景音樂，考慮到有些用戶可能不想聽到背景音樂，所以我們?cè)诰W(wǎng)站的下放設(shè)計(jì)了音樂條用來控制背景音樂的開關(guān)以及音量的大小。為了達(dá)到控制音樂這種效果，我們想了很多方法，以下是部分代碼（詳細(xì)代碼見附錄一）：MySound1=new Sound()。(,true)。()。 = function() { ()。}?！?網(wǎng)站二級(jí)頁面設(shè)計(jì) 網(wǎng)站的二級(jí)頁面分為：“美食菜譜”，“美食專題”，“美食廚房”，“美食原料”，“西餐導(dǎo)航”，“飲食資訊”六個(gè)板塊。在樣式上，我們的每個(gè)版塊都達(dá)到了不一樣的效果，在二級(jí)頁面我們采用的顏色大致相同，簡潔而不失大氣，并且在二級(jí)頁面上，除了點(diǎn)擊導(dǎo)航上的三級(jí)子欄目外，也可以在頁面上找到相應(yīng)的按鈕進(jìn)入三級(jí)頁面。以“美食專題”為例，在美食專題這個(gè)頁面中，左部分是以圖片的形式呈現(xiàn)在我們面前，當(dāng)鼠標(biāo)經(jīng)過某一張圖片時(shí)，會(huì)出現(xiàn)另一張圖片，當(dāng)鼠標(biāo)經(jīng)過圖片旁邊的文字時(shí)會(huì)出現(xiàn)相關(guān)的介紹性文字。頁面的右側(cè)是一棵不斷生長的花草圖案及飄落的文字，是用來增加頁面的美觀度。從而使網(wǎng)站的視覺效果更為震撼。頁面的上方出現(xiàn)進(jìn)入到三級(jí)頁面的導(dǎo)航。圖4為美食專題頁面展示效果:圖4 二級(jí)頁面以下是實(shí)現(xiàn)圖片展示的部分代碼： stop ()。 = false。 = false。 = false。 = false。我們制作的圖片切換在運(yùn)行時(shí)一直顯示著手的形狀這不是我們需要的，所以我們使用了上面的代碼，用來取消當(dāng)鼠標(biāo)經(jīng)過圖片時(shí)圖片切換而不顯示手形的目的。這里的a,b,c,d代表著頁面中所顯示的4張圖片的實(shí)例名。 網(wǎng)站三級(jí)頁面設(shè)計(jì)網(wǎng)站的三級(jí)頁面，為各欄目下的詳細(xì)介紹，是將每個(gè)二級(jí)欄目細(xì)分為3到4個(gè)子欄目，分別進(jìn)行詳細(xì)介紹。在風(fēng)格上，每個(gè)二級(jí)頁面下的子欄目樣式統(tǒng)一，整齊簡潔，使網(wǎng)站看起來更加大氣規(guī)整。我們所制作的美食網(wǎng)站展示主要是在“美食菜譜”，“美食專題”，“美食廚房”，“美食原料”，“西餐導(dǎo)航”，“飲食資訊”六個(gè)欄目中進(jìn)行詳細(xì)介紹，各個(gè)板塊下的三級(jí)頁面形式各異，但是每個(gè)板塊下的三級(jí)頁面風(fēng)格是統(tǒng)一的。以下截取了“美食廚房”欄目下的“美食DIY”頁面作為展示：圖5 三級(jí)頁面“美食DIY”這個(gè)頁面的特色就是形式比較獨(dú)特新穎，頁面的左側(cè)是想要介紹的幾道美食的圖片，而右邊是各個(gè)美食相應(yīng)的制作方法。中間的三個(gè)按鈕是當(dāng)瀏覽者點(diǎn)擊某一個(gè)按鈕時(shí)會(huì)出現(xiàn)相應(yīng)的一道美食和它的制作方法。整個(gè)頁面的效果符合了“美食廚房”這個(gè)主題，展現(xiàn)形式別具一格。 各數(shù)據(jù)表結(jié)構(gòu)數(shù)據(jù)庫技術(shù)隨著數(shù)據(jù)應(yīng)用和需求的變化而不斷發(fā)展。創(chuàng)建數(shù)據(jù)庫的過程就是確定數(shù)據(jù)庫的名稱、所有者、大小以及存儲(chǔ)該數(shù)據(jù)
研究報(bào)告相關(guān)推薦
鄂ICP備17016276號(hào)-1