【正文】 蔬菜類 米面豆類 食家雜談 9 網(wǎng)站開場動畫設(shè)計 Flash 網(wǎng)站的開場動畫在整個網(wǎng)站中都起著至關(guān)重要的作用，一個好的開場動畫會緊緊地抓住瀏覽者的眼球，給瀏覽者留下深刻的印象，從而提高整個網(wǎng)站的層次。在開場動畫展示的過程中動畫右下角一直會有“ skip”字樣，可以跳過開場動畫的播放同樣可以進入本網(wǎng)站的主頁。 網(wǎng)站開場動畫如圖 2 所示： 圖 2 開場動畫 網(wǎng)站一級頁面設(shè)計 網(wǎng)站的主頁是網(wǎng)站的門面，所以首頁的設(shè)計是整個網(wǎng)站的重點內(nèi)容，必須要有吸引大眾目光的有創(chuàng)意的版面設(shè)計，這樣才能更好地宣傳與推廣網(wǎng)站。左下角是網(wǎng)站的版權(quán)信息，頁面上有帶有很多動畫效果的文字，為網(wǎng)站增加動感。網(wǎng)站的右邊以翻頁的形式出現(xiàn) 6 張圖片形成了兩排，呈現(xiàn)出一排三張圖片的格局。網(wǎng)站的右下角有音樂條 可以控制網(wǎng)站背景音樂音量的大小及音樂的開關(guān)。為了達到控制音樂這種效果，我們想了很多方法，以下是部分代碼（詳細代碼見附錄一）： MySound1=new Sound()。 ()。 11 }。在樣式上，我們的每個版塊都達到了不一樣的效果，在二級頁面我們采用的顏色大致相同， 簡潔而不失大氣， 并且在二級頁面上，除了點擊導(dǎo)航上的三級子欄目外，也可以在頁面上找到相應(yīng)的按鈕進入三級頁面。頁面的右側(cè)是一棵不斷生長的花草圖案及飄落的文字，是用來增加頁面的美觀度。頁面的上方出現(xiàn)進入到三級頁面的導(dǎo)航。 = false。 = false。 我們制作的圖片切換在運行時一直顯示著手的形狀這不是我們需要的，所以我們使用了上面的代碼，用來取消當(dāng)鼠標經(jīng)過圖片時圖片切換而不顯示手形的目的。 網(wǎng)站三級頁面設(shè)計 網(wǎng)站的三級頁面，為各欄目下的詳細介紹，是將每個二級欄目細分為 3 到 4 個子欄目，分別進行詳細介紹。 我們所制作的美食網(wǎng)站展示主要是在 “美食菜譜”，“美食專題”，“美食廚房”，“美食原料”，“西餐導(dǎo)航”，“飲食 資訊” 六個欄目中進行詳細介紹，各個板塊下的三級頁面形式各異，但是每個板塊下的三級頁面風(fēng)格是統(tǒng)一的。中間的三個按鈕是當(dāng)瀏覽者點 13 擊某一個按鈕時會出現(xiàn)相應(yīng)的一道美食和它的制作方法。 各數(shù)據(jù)表結(jié)構(gòu) 數(shù)據(jù)庫技術(shù)隨著數(shù)據(jù)應(yīng)用和需求的變化而不斷發(fā)展。同時需要理清楚各項之間的相應(yīng)關(guān)系，才可以進行正常的網(wǎng)站運行。 預(yù)定信息表：登錄 ID 號 (AdminID)，是否確認 (AdminName)，價格 (AdminPwd)3個字段。 模塊信息表：模塊號 (ModuleID) ，模塊名稱 (ModuleName)，創(chuàng)建模塊日期(ModuleDate) 3 個字段。 幫助信息表：幫助序號 (HelpID)，幫助名稱 (HelpName)，幫助內(nèi)容 (HelpConcent)， 3 個字段。 數(shù)據(jù)庫的連接 數(shù)據(jù)庫是用于存儲數(shù)據(jù)信息的系統(tǒng)，通過其他語言程序可以讀取數(shù)據(jù) 庫中信息，或?qū)⑿畔⒋鎯Φ綌?shù)據(jù)庫中。 我們制作網(wǎng)站的數(shù)據(jù)庫連接將代碼寫入了 文件，以下為部分代碼： ?xml version=? configurationappSettings/ connectionStrings add name=hotelConnectionString connectionString=Data Source=.\sqlexpress。Integrated Security=True providerName=/ /connectionStrings pilation debug=true/ authentication mode=Windows/ / /configuration 數(shù)據(jù)讀取頁面功能 在“在線論壇”功能里，主要是提供“在線瀏覽帖子”、“用戶登錄”、“發(fā)表帖子”，管理員還可以“管理帖子”、“管理模 塊”、“管理用戶”功能。 圖 6 為“管理員登陸”頁面截圖： 15 圖 6 數(shù)據(jù)讀取“管理員登陸”圖 16 第 4 章 網(wǎng)站測試 網(wǎng)站測試 指的 是 當(dāng)一個網(wǎng)站制作完 成， 上傳到服務(wù)器之后針對網(wǎng)站的各項性能情況的一項檢測工作。 網(wǎng)站運行環(huán)境 網(wǎng)站運行環(huán)境： 操作平臺： Windows XP/ Windows 7 數(shù)據(jù)庫： Microsoft SQL Server 2021 運行環(huán)境： Microsoft Inter Information Services (IIS) 測試結(jié)果及分析 1． 測試結(jié)果 第一，先根據(jù)程序說明文檔配置 IIS，在 Microsoft SQL Server 2021 里添加數(shù)據(jù)庫后，還需要將本地數(shù)據(jù)庫名稱添加到網(wǎng)站數(shù)據(jù)庫安全性用戶中，然后進行測試。在圖片的右邊是用來鏈接三級頁面的按鈕。測試其他的按鈕都是成功的。圖片上邊分別為進入三級頁面的按鈕。測試其他的按鈕都能成功連接。文字上方是四個帶鏈接的按鈕，點擊以后進入三級頁面，左側(cè)是幾張圖片的切換，單擊按鈕時， 17 右側(cè)配以相對圖片的文字介紹。 第五，測試“ 美食原料”下的三個頁面的效果，首先點擊導(dǎo)航上的“美食原料”按鈕，頁面上會出現(xiàn)三張在運動的圖片，在圖片的下方為相對圖片的文字介紹。點擊進入三級頁面，界面上出現(xiàn)一張圖片，這同樣屬于鼠標事件，當(dāng)鼠標經(jīng)過圖片的某一個區(qū)域時會在圖片上出現(xiàn)相應(yīng)的文字。測試其他的按鈕都能夠鏈接。測試其他按鈕均成功。頁面左邊是文字 介紹，在文字介紹旁邊是進入三級頁面的按鈕，點擊進入三級頁面，頁面上邊分別是文字介紹和圖片，頁面下邊是一行可以左右移動的圖片。 第八，測試“食家雜談”的功能，在 IIS 下運行網(wǎng)站，點擊導(dǎo)航上的食家雜談按鈕， 在該論壇中，主要是提供“在線瀏覽帖子”、“用戶登錄”、“發(fā)表帖子”等功能，管理員還可以完成“管理帖子”、“管理模塊”、“管理用戶”等操作。 2．測試分析 經(jīng)過網(wǎng)站測試后，每個頁面都能正常 顯示。同時，在進行網(wǎng)站測試時，我們遇到了很多問題和困難，在老師和同學(xué)們的幫助下，網(wǎng)站功能現(xiàn)在都已經(jīng)能夠基本實現(xiàn)。在制作網(wǎng)站的過程中老師和同學(xué)的幫助是完成設(shè)計的必要因素。 在制作網(wǎng)站的過程中我們不僅運用了 Flash技術(shù)，而且使用了其他別的軟件技術(shù)，例如：制作論壇的時候用到了 技術(shù)，數(shù)據(jù)庫技術(shù)，網(wǎng)站所需要的圖片規(guī)格不符合要求的，我們還使用了 Photoshop 軟件。這不僅僅是一次畢業(yè)設(shè)計，更是一次系統(tǒng)的學(xué)習(xí) ，我最大的收獲是學(xué)會了一種態(tài)度，一種對待學(xué)習(xí)的態(tài)度，這對我以后的學(xué)習(xí)是非常有幫助的。 (,true)。 = function() { ()。 這里的 是本網(wǎng)站背景音樂的名稱。 =false。 =true。 =function(){ ()。 =true。 =true。 =function(){ ()。 =false。 =false。 21 =function(){ i=i10。 =false。 =true。 } else{ =false。 =function(){ i=i+10。 =false。 =true。 } else{ =false。上述中 btn1a 表示打開音樂， btn2a 表示關(guān)閉音樂， btn3a 表示減音量，btn4a 表示增加音量。 onEnterFrame = function () { var percent_loaded = ()/()。 if (percent_loaded == 1) { delete onEnterFrame。 gotoAndPlay(3)。 以上是網(wǎng)站中的 loading 代碼 。 ()。 =false。 =