西餐廳網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告(參考版)
2025-03-26 12:17本頁(yè)面
【正文】 網(wǎng)頁(yè)實(shí)訓(xùn)，一句話(huà)：累并快樂(lè)著。最重要的一點(diǎn)是我們的PS技術(shù)也提高了許多，上個(gè)學(xué)期的Photo shop，我們剛開(kāi)始用的時(shí)候都覺(jué)得陌生，后來(lái)越用就越上手了，這又給我重新復(fù)習(xí)多了一遍。其實(shí)整體來(lái)說(shuō)，完成的情況算是樂(lè)觀了，我們也感到欣慰。當(dāng)哪個(gè)組員遇到問(wèn)題時(shí)，我們也會(huì)一起去解決，爭(zhēng)取做到最好。 當(dāng)然我們?cè)趲滋斓臅r(shí)間里也不止是完成了一個(gè)首頁(yè)，其他的頁(yè)面我們也有認(rèn)真的布局好，大家一起齊心協(xié)力的去完成，提出自己的觀點(diǎn)和建議，我們也盡量的求同存異。這還沒(méi)完新的問(wèn)題又來(lái)了。 但新的問(wèn)題出現(xiàn)了，我們使用DIV標(biāo)簽固定好位置，到機(jī)房打開(kāi)后位置就完全改變了，變成混亂一團(tuán)，怎么改格式都無(wú)濟(jì)于事。結(jié)果很不幸的是，第二天到了實(shí)訓(xùn)樓的機(jī)房里打開(kāi)后又變了一個(gè)樣，文字也變成了亂碼，圖片本來(lái)可以切換的來(lái)到機(jī)房就不能切換了，當(dāng)時(shí)真是受到了沉重的打擊。讓我們印象最深的是首頁(yè)，這一頁(yè)我們花費(fèi)了很多時(shí)間和精力，開(kāi)始的時(shí)候，我們把布局想出來(lái)了，想在首頁(yè)放一段圖片切換，當(dāng)點(diǎn)擊它的時(shí)候會(huì)自動(dòng)變化。連元旦放假期間，我們也放棄了玩的念頭，專(zhuān)心做網(wǎng)站。七、總結(jié)與體會(huì) 經(jīng)過(guò)一個(gè)星期的實(shí)訓(xùn)，我們也終于把網(wǎng)頁(yè)制作出來(lái)了，說(shuō)實(shí)話(huà)，制作這么一個(gè)網(wǎng)站加上實(shí)訓(xùn)報(bào)告一個(gè)星期真的確實(shí)有些倉(cāng)促，而且這個(gè)星期碰巧撞上了元旦的假期。為什么我們要大量使用菜單欄呢？其實(shí)，菜單欄實(shí)際上是一種樹(shù)型結(jié)構(gòu)，為我們網(wǎng)頁(yè)的大多數(shù)內(nèi)容提供鏈接入口。這樣就可以一目了然，使游客瀏覽起來(lái)感覺(jué)清晰簡(jiǎn)潔，不會(huì)給游客帶來(lái)閱讀負(fù)擔(dān)。（4）插入背景音樂(lè) 為了讓游客在瀏覽網(wǎng)頁(yè)的過(guò)程中不會(huì)那么無(wú)聊，在設(shè)計(jì)“JQDM西餐廳”網(wǎng)站時(shí)，我們?cè)谑醉?yè)插入背景音樂(lè)，這樣，當(dāng)游客在Web站點(diǎn)上翻開(kāi)網(wǎng)頁(yè)的時(shí)分，高雅悅耳的音樂(lè)可以給游客帶來(lái)好心境，可以讓游客邊欣賞音樂(lè)邊瀏覽網(wǎng)頁(yè)，引起游客對(duì)網(wǎng)站瀏覽的興趣，增加網(wǎng)站的吸引力。 Flash雖然不可以象一門(mén)語(yǔ)言一樣進(jìn)行編程，但用其內(nèi)置的語(yǔ)句并結(jié)合JAVASCRIPE，便可作出互動(dòng)性很強(qiáng)的主頁(yè)來(lái)。 Flash可以用其生成動(dòng)畫(huà)，還可在網(wǎng)頁(yè)中加入聲音。且向量圖有一個(gè)特點(diǎn),就是放大后的圖像是不會(huì)改變的。 （3）運(yùn)用Flash工具 制作“JQDM西餐廳”網(wǎng)站，我們收集的資料有很多，網(wǎng)站也有幾十張子頁(yè)了，為了不浪費(fèi)我們辛苦收集的資料，我們決定運(yùn)用Flash的動(dòng)態(tài)效果來(lái)解決。在設(shè)計(jì)網(wǎng)站的過(guò)程中，當(dāng)圖片過(guò)小時(shí)，如果強(qiáng)行將其拉寬或者拉長(zhǎng)，都會(huì)使圖片變得很模糊甚至變形扭曲，這樣的做法，不但沒(méi)有達(dá)到我們想要的理想的美化頁(yè)面效果，反而會(huì)給頁(yè)面帶來(lái)負(fù)面影響，影響到整個(gè)網(wǎng)頁(yè)的美觀。（2）運(yùn)用Photo shop工具圖片的插入和設(shè)置背景圖片是兩個(gè)不同的概念，當(dāng)然這是可以達(dá)到同樣的效果的，這是對(duì)Dream weaver很基本的知識(shí)運(yùn)用。每個(gè)框架都具有自己的滾動(dòng)條(如果內(nèi)容太大，在窗口中顯示不下)，因此訪問(wèn)者可以獨(dú)立滾動(dòng)這些框架。所用關(guān)鍵技術(shù)（1）表格和框架的使用 在這次的網(wǎng)頁(yè)設(shè)計(jì)中，我們大量使用了表格和框架。整個(gè)網(wǎng)站的布局設(shè)計(jì)，主要是為了充分體現(xiàn)出JQDM西餐廳“西”的特色。下面是聯(lián)系我們的主要頁(yè)面圖六、站點(diǎn)特色，所用關(guān)鍵技術(shù)。下面是成功案例的主要頁(yè)面圖 新聞資訊新聞資訊頁(yè)面主要由框架做的，此頁(yè)面有三個(gè)按鈕分別是熱點(diǎn)聚焦、餐飲業(yè)態(tài)和餐飲雜志，當(dāng)選擇任意一按鈕都會(huì)在可變區(qū)域顯示出來(lái)。下圖是主頁(yè)頁(yè)面圖公司介紹公司簡(jiǎn)介界面主要由表格、div標(biāo)簽和Flash動(dòng)畫(huà)，導(dǎo)航欄和一個(gè)logo組成，大致顯示了公司的簡(jiǎn)介，公司的歷史和公司的各類(lèi)活動(dòng)。Scripts文件夾中存放的是寫(xiě)腳本文件，本文站中有添加模板，因此，這些腳本文件能確保打開(kāi)網(wǎng)頁(yè)后不出錯(cuò)。Cs s文件夾里存放的是cs s樣式，例如頁(yè)面中有一段文字需要對(duì)它進(jìn)行字體大小設(shè)計(jì)和顏色設(shè)計(jì)，就需要新建一個(gè)樣式來(lái)完成這一系列的操作。Images文件夾里存放是圖片。Succeed文件夾
法律信息相關(guān)推薦
鄂ICP備17016276號(hào)-1