美食網(wǎng)頁(yè)設(shè)計(jì)

信息工程學(xué)院 網(wǎng)站設(shè)計(jì)與建設(shè) 課程設(shè)計(jì)報(bào)告題 目： FoodStore美食網(wǎng) 專 業(yè)： 軟件工程 班 級(jí)： xxx 姓 名： xxx 學(xué) 號(hào)： 指導(dǎo)教師： 時(shí) 間： 2013年12月2日12月6日摘 要隨著Internet國(guó)際互聯(lián)網(wǎng)和經(jīng)濟(jì)的發(fā)展，越來(lái)越多的企業(yè)開始建造自己的網(wǎng)站。基于Internet的信息服務(wù)，產(chǎn)品服務(wù)已經(jīng)成為現(xiàn)代企業(yè)一項(xiàng)不可缺少的內(nèi)容。計(jì)算機(jī)已經(jīng)被應(yīng)用到社會(huì)的廣泛領(lǐng)域。與此同時(shí)，互聯(lián)網(wǎng)作為信息技術(shù)的通信橋梁連接著全球計(jì)算機(jī)，而網(wǎng)站作為網(wǎng)絡(luò)信息主要的表現(xiàn)形式，而且還是互聯(lián)網(wǎng)信息的主要承載者，在Internet上表現(xiàn)出極其重要的地位，并發(fā)揮著極其重要的作用。無(wú)論實(shí)在國(guó)內(nèi)還是國(guó)外都得以迅速的發(fā)展和壯大。并被人們重視和關(guān)注，互聯(lián)網(wǎng)已經(jīng)徹底的改變了世界，互聯(lián)網(wǎng)的世界里蘊(yùn)藏著無(wú)限的可能，在這種情況下，各行各業(yè)及其個(gè)人、單位、工廠、企事業(yè)等。在網(wǎng)上構(gòu)筑屬于自己的網(wǎng)絡(luò)信息平臺(tái)。保護(hù)自己的網(wǎng)絡(luò)資源，并在互聯(lián)網(wǎng)上開辟自己的市場(chǎng)和消費(fèi)群體，以及構(gòu)造自己的數(shù)字化世界和加強(qiáng)全球范圍內(nèi)不同地域的人們聯(lián)系交流等活動(dòng)，也就顯得日益重要。Internet的日益興起和以網(wǎng)頁(yè)為載體的網(wǎng)絡(luò)信息的廣泛傳播和應(yīng)用，使得網(wǎng)站的建設(shè)及網(wǎng)頁(yè)制作得到發(fā)展的空間，大到大型企業(yè)的產(chǎn)品推銷，小到個(gè)人網(wǎng)頁(yè)的開發(fā)，形形色色，五彩繽紛，網(wǎng)頁(yè)制作也成為計(jì)算機(jī)網(wǎng)絡(luò)領(lǐng)域最熱門的話題。關(guān)鍵字：網(wǎng)頁(yè)制作 互聯(lián)網(wǎng) Internet目 錄摘 要I第1章 概述11.1 選題的意義1第2章 系統(tǒng)分析22.1 技術(shù)分析22.2 功能分析2第3章 總體設(shè)計(jì)與詳細(xì)設(shè)計(jì)33.1 總體結(jié)構(gòu)設(shè)計(jì)33.2 網(wǎng)站目錄結(jié)構(gòu)設(shè)計(jì)43.3 詳細(xì)設(shè)計(jì)5第4章 系統(tǒng)測(cè)試64.1 設(shè)計(jì)和調(diào)試過(guò)程中遇到的問題64.2 運(yùn)行通過(guò)后的結(jié)果7總結(jié)10參考文獻(xiàn)11附錄：1源代碼1第1章 概述1.1 選題的意義1主題Foodstore 美食網(wǎng)2選題的意義 隨著經(jīng)濟(jì)的發(fā)展，生活水平的提高，電子商務(wù)的興起，人們都習(xí)慣網(wǎng)上購(gòu)物，美食的銷售在其中占有重要的位置。Foodstore網(wǎng)主要銷售生產(chǎn)糖果，果凍等食品，多個(gè)品種公司在發(fā)展的過(guò)程中，堅(jiān)持不斷否定自己永遠(yuǎn)追求卓越的企業(yè)精神。打造良好的購(gòu)物環(huán)境，保證食品的安全性，給顧客創(chuàng)造良好的購(gòu)物環(huán)境，吃到可口美味的食品，節(jié)省顧客的時(shí)間以及省去了逛街購(gòu)物帶來(lái)的麻煩和勞累，開拓了顧客的視野，色香味俱全。第2章 系統(tǒng)分析2.1 技術(shù)分析Foodstore美食網(wǎng)這個(gè)網(wǎng)站是運(yùn)用了HTML靜態(tài)網(wǎng)頁(yè)技術(shù)，和Dreamweaver軟件相結(jié)合實(shí)現(xiàn)的。頁(yè)面間通過(guò)網(wǎng)頁(yè)鏈接，實(shí)現(xiàn)具體所要查找的食品，可以方便用戶的需要做出選擇，給人們帶來(lái)了極大地方便。2.2 功能分析Foodstore美食網(wǎng)是給用戶一個(gè)方便的購(gòu)物空間，登陸Foodstore美食網(wǎng)界面，根據(jù)自己的需求選擇瀏覽，其功能有以下：1. 用戶可以通過(guò)瀏覽主頁(yè)，了解公司的簡(jiǎn)介以及圖片展示2. 用戶通過(guò)瀏覽子頁(yè)，可以對(duì)食品進(jìn)行細(xì)致的了解第3章 總體設(shè)計(jì)與詳細(xì)設(shè)計(jì)3.1 總體結(jié)構(gòu)設(shè)計(jì)1系統(tǒng)結(jié)構(gòu)圖系統(tǒng)主界面聯(lián)系我們?nèi)瞬耪衅该媸醉?yè)新聞中心面公司簡(jiǎn)介面產(chǎn)品中心面圖3-1 系統(tǒng)總體結(jié)構(gòu)圖2系統(tǒng)設(shè)計(jì)草圖圖3-2 系統(tǒng)設(shè)計(jì)草圖3.2 網(wǎng)站目錄結(jié)構(gòu)設(shè)計(jì)在網(wǎng)站的首頁(yè)上方能看到幾個(gè)選項(xiàng)卡，分別是：首頁(yè)、公司簡(jiǎn)介、新聞中心、產(chǎn)品中心、人才招聘和聯(lián)系我們。當(dāng)用戶點(diǎn)擊希望去的界面時(shí)，就會(huì)自動(dòng)的鏈接到用戶希望的那個(gè)網(wǎng)頁(yè)。展現(xiàn)給用戶相應(yīng)的界面，在每個(gè)界面都會(huì)有這幾個(gè)選項(xiàng)卡，用戶可以在其中自由的切換。3.3 詳細(xì)設(shè)計(jì)表格布局的過(guò)程：設(shè)計(jì)出框架為800*1000的布局表格，再在表格中添加適當(dāng)?shù)膯卧矜溄釉O(shè)計(jì)制作的過(guò)程：主頁(yè)與五個(gè)子頁(yè)進(jìn)行連接圖片處理的過(guò)程：?jiǎn)卧裨O(shè)定好，圖片大小和單元格同等大小然后添加導(dǎo)航按鈕的設(shè)置等等第4章 系統(tǒng)測(cè)試4.1 設(shè)計(jì)和調(diào)試過(guò)程中遇到的問題1.建立靜態(tài)網(wǎng)頁(yè)時(shí)，圖片與表格的寬度不統(tǒng)一，圖片放入表格后總出現(xiàn)空白區(qū)，靜態(tài)網(wǎng)頁(yè)形成時(shí)，現(xiàn)實(shí)設(shè)定的的表格的大小與原來(lái)設(shè)定的表格的大小要大一些。解決方法：在制作表格之前要先量好圖片大小，依照?qǐng)D片大小太制作表格，就不會(huì)出現(xiàn)這種空白區(qū)情況。2.靜態(tài)網(wǎng)頁(yè)形成后圖片容易丟失。解決方法：把圖片和網(wǎng)頁(yè)放入到同一個(gè)文件夾中。3. 子頁(yè)鏈接不到主頁(yè)。解決方法：將子頁(yè)鏈接回主頁(yè)4.2 運(yùn)行通過(guò)后的結(jié)果圖4-1 系統(tǒng)界面截圖總結(jié)通過(guò)網(wǎng)站課程設(shè)計(jì)，我學(xué)習(xí)到了很多，經(jīng)過(guò)自己親自的動(dòng)手操作，運(yùn)用Dreamweaver軟件制作出了網(wǎng)站，在設(shè)計(jì)過(guò)程中遇到了很多的問題，很多平時(shí)沒有注意到的細(xì)節(jié)，在這一階段都體現(xiàn)出來(lái)了，使自己能夠?qū)W(wǎng)站的設(shè)計(jì)有了更深一層的了解。跟著老師上課講的理論知識(shí)，自己學(xué)到的僅僅是課本上的那一點(diǎn)很有局限性的知識(shí)，到了自己動(dòng)手操作的時(shí)候卻不知道如何下手，經(jīng)過(guò)這次程序設(shè)計(jì)，很大程度上鍛煉了自己的動(dòng)手操作能力，通過(guò)自己的親自動(dòng)手實(shí)踐，在很大程度上使自己對(duì)程序有了更深刻的理解，也知道了，動(dòng)手實(shí)踐是很重要的，學(xué)習(xí)理論知識(shí)只是一方面，理論和實(shí)踐的結(jié)合才能把網(wǎng)站設(shè)計(jì)學(xué)的更透徹，在網(wǎng)站制作過(guò)程中要不斷地發(fā)現(xiàn)問題，而且自己要及時(shí)認(rèn)真的找出問題的所在，自己親自發(fā)現(xiàn)的問題，再親自解決了，這樣才能印象深刻。在網(wǎng)站的設(shè)計(jì)過(guò)程中，能夠更加熟悉網(wǎng)站制作中所需要的工具和操作，經(jīng)過(guò)耐心的設(shè)計(jì)頁(yè)面，不斷的完善制作，才制作出了更加完美的網(wǎng)站，在生活中，在這個(gè)網(wǎng)絡(luò)發(fā)達(dá)的時(shí)期，電腦的使用更加的普遍，網(wǎng)站也是生活中最為常見的，制作出更加完美的網(wǎng)頁(yè)，才能充分展現(xiàn)出網(wǎng)頁(yè)的魅力。課程設(shè)計(jì)是培養(yǎng)學(xué)生綜合運(yùn)用所學(xué)知識(shí)，發(fā)現(xiàn)，提出，分析和解決實(shí)際問題，鍛煉實(shí)踐能力的重要環(huán)節(jié)，是學(xué)生實(shí)際工作能力的具體訓(xùn)練和考察過(guò)程，隨著科術(shù)發(fā)展的日新月異，當(dāng)今計(jì)算機(jī)應(yīng)用在生活中可以說(shuō)得是無(wú)處不在，因此對(duì)于我們大學(xué)來(lái)說(shuō)掌握計(jì)算機(jī)開發(fā)技術(shù)是十分重要的。在這次程序設(shè)計(jì)中，自己感覺到有很多不足的地方，對(duì)于網(wǎng)站設(shè)計(jì)的很多相關(guān)知識(shí)了解的不夠，不知道從地方入手，在以后的學(xué)習(xí)過(guò)程中，自己一定要細(xì)心研的每一次制作，從每一步的設(shè)計(jì)中會(huì)得到自己沒有學(xué)到的知識(shí)，能更細(xì)致的研究有關(guān)網(wǎng)站的知識(shí)。參考文獻(xiàn)1 曾海文等.網(wǎng)頁(yè)設(shè)計(jì)與制作教程.北京:清華大學(xué)出版社,2010.92 楊選輝.網(wǎng)頁(yè)設(shè)計(jì)與制作教程.北京:清華大學(xué)出版社,2008.83 中國(guó)高等職業(yè)技術(shù)教育研究會(huì).網(wǎng)站設(shè)計(jì)建設(shè)與維護(hù)實(shí)務(wù).北京:高等教育出版社,20084 東方人華.網(wǎng)頁(yè)制作三劍客.北京:清華大學(xué)出版社2004.95 相萬(wàn)讓.網(wǎng)頁(yè)設(shè)計(jì)與制作.北京:人民郵電出版社,2004.36 鄒婷.DreamweaverMX2004標(biāo)準(zhǔn)教程.北京:中國(guó)青年出版社,2004.17 黃英等.網(wǎng)頁(yè)設(shè)計(jì)與制作上機(jī)實(shí)踐指導(dǎo)教程.北京:機(jī)械出版社,2004.附錄：源代碼無(wú)標(biāo)題文檔table border-right-color:#CCCCCCtableborder-top-color:#CCCCCCtableborder-left-color:#CCCCCCtableborder-bottom-color:#CCCCCCa:link color: #;text-decoration: none;a:visited text-decoration: none;color: #;a:hover text-decoration: none;a:active text-decoration: none;     首頁(yè) 公司簡(jiǎn)介 新聞中心 產(chǎn)品中心 人才招聘 聯(lián)系我們   重要食品     胡蘿卜是一種營(yíng)養(yǎng)豐富、老幼皆宜的菜蔬，人稱“小人參” . 緩解情緒，緩解壓力。巧克力能提高大腦內(nèi)一種叫“塞洛托寧”的化學(xué)物質(zhì)的水平. 研究人員對(duì)一組超過(guò)80歲的老年婦女進(jìn)行了精神年齡測(cè)試，結(jié)果發(fā)現(xiàn)， 許多身體偏胖或擔(dān)心發(fā)胖的朋友，總認(rèn)為在日常飲食中不吃或少吃肉食和含脂肪高的食品，就可以有效 . 綠豆芽 它含水分較多，被身體吸收后產(chǎn)生熱量較少，更不容易形成脂肪 .         玉米含有芥子油和淀粉酶，能促進(jìn)脂肪的新陳代謝，防止過(guò)多的脂肪在皮下堆積而發(fā)胖，保持體態(tài)健美 夜盲癥和感冒，而且能增強(qiáng)人體的抗病能力，加上胡蘿卜含有大量的木質(zhì)素，也有提高機(jī)體抗病能力的作用 黃瓜 黃瓜中含有丙醇二酸，有助于抑制各種食物中的碳水化合物在體內(nèi)轉(zhuǎn)化為脂肪，胖人適當(dāng)多吃些黃瓜     關(guān)于我們 | 聯(lián)系我們 | 使用幫助 | 廣告服務(wù) | 請(qǐng)您留言 | 友情鏈接 | 首席顧問 |