【正文】 論文以 瑞麗美食網(wǎng) 為 參考 開展 了 研究，分析了系統(tǒng)建設(shè)過程中的相關(guān)技術(shù)，對(duì)所涉及的軟件平臺(tái)、軟件系統(tǒng)、安全系統(tǒng)的進(jìn)行理論分析，對(duì)系統(tǒng)規(guī)劃實(shí)施中的需求分析、系統(tǒng)結(jié)構(gòu)設(shè)計(jì)、硬件集成、軟件配置 等各環(huán)節(jié)進(jìn)行研究，并提出性黃岡職業(yè)技術(shù)學(xué)院 9 能測(cè)試 。 研究的內(nèi)容 通過網(wǎng)站，全面宣傳，展示 健康美食 、 美食食譜 ，發(fā)布 美食 信息咨詢和與 廣大愛好 美食 者建立良好互動(dòng)的平臺(tái)，使社會(huì)各界人士增加對(duì) 美食有更 深刻 的 認(rèn)識(shí)，在 Inter 網(wǎng)上，讓 愛好美食者 及時(shí)得到 美食 網(wǎng)發(fā)布的重要信息 。 本次設(shè)計(jì)我計(jì)劃通過 Dreamweaver cs Photoshop 圖像處理軟件、 Flash等工具共同來制作完成信息學(xué)院網(wǎng)站的設(shè)計(jì)。優(yōu)秀的網(wǎng)頁設(shè)計(jì)師對(duì)網(wǎng)頁設(shè)計(jì)與網(wǎng)頁制作兩道工序都是十分了解的，這樣才可以保證網(wǎng)頁制作人員在充分掌握設(shè)計(jì)要素的前提下，制作規(guī)范化、符合用戶使用習(xí)慣、帶來良好用戶體驗(yàn)的網(wǎng)站。要提高其設(shè)計(jì)，制作水平必須從欄目安排、整體布局、文本與圖片編輯、網(wǎng)頁鏈接技術(shù)到 Html 語言設(shè)置、網(wǎng)頁效果測(cè)試，乃至軟件應(yīng)用選擇方面都要從整體上把握，從環(huán)節(jié)上努力，觀念上更新，在方法上創(chuàng)新，將換位思考模式引入網(wǎng)頁設(shè)計(jì)制作中，從而形成一種以效果最佳 為目標(biāo)的綜合性技能。隨著時(shí)代的發(fā)展，網(wǎng)站建設(shè)越來越接近于一門藝術(shù)而不僅僅是一項(xiàng)技術(shù)。 作者簽名： 日期： 年 月 日 學(xué)位論文版權(quán)使用授權(quán)書 本學(xué)位論文作者完全了解學(xué)校有關(guān)保留、使用學(xué)位論文的規(guī)定，同意學(xué)校保留并向國(guó)家有關(guān)部門或機(jī)構(gòu)送交論文的復(fù)印 件和電子版，允許論文被查閱和借閱。 作者簽名： 日 期： 黃岡職業(yè)技術(shù)學(xué)院 3 學(xué)位論文原創(chuàng)性聲明 本人鄭重聲明：所呈交的論文是本人在導(dǎo)師的指導(dǎo)下獨(dú)立進(jìn)行研究所取得的研究成果。 畢業(yè)設(shè)計(jì) 題目 《 美食天下》網(wǎng)站的建設(shè) 黃岡職業(yè)技術(shù)學(xué)院 2 畢業(yè)設(shè)計(jì)（論文）原創(chuàng)性聲明和使用授權(quán)說明 原創(chuàng)性聲明 本人鄭重承諾：所呈交的畢業(yè)設(shè)計(jì)（論文），是我個(gè)人在指導(dǎo)教師的指導(dǎo)下進(jìn)行的研究工作及取得的成果。 作 者 簽 名： 日 期： 指導(dǎo)教師簽名： 日 期： 使用授權(quán)說明 本人完全了解 大學(xué)關(guān)于收集、保存、使用畢業(yè)設(shè)計(jì)（論文）的規(guī)定，即：按照學(xué)校要求提交畢業(yè)設(shè)計(jì)（論文）的印刷本和電子版本；學(xué)校有權(quán)保存畢業(yè)設(shè)計(jì)（論文）的印刷本和電子版，并提供目錄檢索與閱覽服務(wù)；學(xué)?？梢圆捎糜坝?、縮印、數(shù)字化或其它復(fù)制手段保存論文；在不以贏利為目的前提下，學(xué)?？梢怨颊撐牡牟糠只蛉?jī)?nèi)容。本人完全意識(shí)到本聲明的法律后果由本人承擔(dān)。 作者簽名： 日期： 年 月 日 導(dǎo)師簽名： 日期： 年 月 日 黃岡職業(yè)技術(shù)學(xué)院 4 摘要 隨著網(wǎng)絡(luò)技術(shù)與信息技術(shù)的發(fā)展，因特網(wǎng)迅速成長(zhǎng)， Inter 上發(fā)布信息主要是通過網(wǎng)站來實(shí)現(xiàn)的，獲取信息也是要在 Inter“海洋”中按照一定的檢索方式將所需要的信息 從網(wǎng)站上下載下來。指出網(wǎng)頁設(shè)計(jì)制作水平式對(duì)計(jì)算機(jī)操作知識(shí)中綜合知識(shí)水平的檢驗(yàn)。網(wǎng)頁設(shè)計(jì)是將網(wǎng)站策劃案中的內(nèi)容、網(wǎng)站的主題模式，結(jié)合網(wǎng)頁設(shè)計(jì)師的認(rèn)識(shí)，通過藝術(shù)設(shè)計(jì)的手法表現(xiàn)出來；而網(wǎng)頁制作通常是根據(jù)網(wǎng)頁設(shè)計(jì)師制作的設(shè)計(jì)稿，按照 W4C 規(guī)范語言將其制作成網(wǎng)頁格式。 所以，開發(fā) 美食天下 的網(wǎng)站是必須的。在本網(wǎng)站中主要介紹了一些有利于人們身心健康的食物，希望可以給忙碌的人們帶來一點(diǎn)小小的幫助。 本論文主要以實(shí)踐為基礎(chǔ)，利用軟件 Dreamweaver cs3 為工具，設(shè)計(jì)了一個(gè)美食網(wǎng)。 第 二 章，介紹了網(wǎng)站建設(shè)的前期準(zhǔn)備工作 。我的美食網(wǎng)主要介紹了一些基本的 美食書普、美食書籍、甜點(diǎn)派對(duì)以及人們都感興趣的健康食品等等。希望在以后可以更加的完善自己的網(wǎng)站，更希望自己的網(wǎng)站可以帶給更多的人、更多的幫助。網(wǎng)站規(guī)劃對(duì)網(wǎng)站建設(shè)起到計(jì)劃和指導(dǎo)的作用，對(duì)網(wǎng)站的內(nèi)容和維護(hù)起到定位作用。 網(wǎng)站制作是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員 、網(wǎng)頁設(shè)計(jì)師等崗位，應(yīng)用各種網(wǎng)絡(luò)程序開發(fā)技術(shù)和網(wǎng)頁設(shè)計(jì)技術(shù)，為企事業(yè)單位、公司或個(gè)人在全球互聯(lián)網(wǎng)上建設(shè)站點(diǎn)，并包含域名注冊(cè)和主機(jī)托管等服務(wù)的總稱。所以我選擇的題材是和食物有關(guān)的“食譜大全”。 材料既可以從圖書、報(bào)紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。也只有如此制作出來的網(wǎng)頁才能有個(gè)性、有特色，具有吸引力。 一般來說，好的網(wǎng)站應(yīng)該給人有這樣的感覺： 干凈整潔；條理清楚； 專業(yè)水準(zhǔn)；引人入勝。 網(wǎng)頁的基本布局包括一下幾個(gè)方面： （ 1） 頁面尺寸 由于頁面尺寸和顯示器大小及分辨率有關(guān)系，網(wǎng)頁的局限性就在于你無法突破顯示器的范圍，而且因?yàn)闉g覽器也將占去不少空間，留下給你的頁面范圍變得越來越小。一般目前的瀏覽器的工具欄都可以取消或者增加，那么當(dāng)你顯示全部的工具欄時(shí)，和關(guān)閉全部工具欄時(shí)，頁面的尺寸是不一樣的。 （ 2） 整體造型 什么是造型，造型就是創(chuàng)造出來的物體形象。比如一個(gè)站點(diǎn)的名字多數(shù)都顯示在頁眉里。 本網(wǎng)頁頁頭部分使用的是一個(gè)漂亮的 FISH 插件。頁頭是放置站點(diǎn)主題的地方，而頁腳是放置制作者或者公司信息的地方。而你的布局思維也將體現(xiàn)在這里。 （ 7） 多媒體 除了文本和圖片，還有聲音，動(dòng)畫，視頻等等其它媒體。 紙上布局法 紙上布局法就是讓自己在紙上把自己想要設(shè)計(jì)的網(wǎng)站畫一個(gè)草圖，這樣就有利于自己網(wǎng)站的建設(shè)。不像用紙來設(shè)計(jì)布局，利用 Photoshop 可以方便的使用顏色，使用圖形，并且可以利用層的功能設(shè)計(jì)出用紙張無法實(shí)現(xiàn)的布局意念。給人很好的視覺感。 標(biāo)題新穎，主題突出。其中左邊 用了的布局是在一個(gè)大的DIV 盒子里面裝著四個(gè)小的盒子，在小的盒子中分別放了圖片和文字。 /p /div div id=jingdiana href=img src=images/fengjing/ width=130 height=108 border=0 //astronga href=小蝦燉蘿卜 /a/strong p新鮮的小蝦揀去雜物備用； /p p 綠蘿卜切條，焯水備用； /pp 起油鍋，爆香蔥姜； /p p 下入蘿卜條大火翻炒至軟； /p p 下入小蝦，加入沒過的熱水，大火煮開； /p p 調(diào)入適量的鹽和味精，起鍋前撒上蔥花香菜即可 /p /p /div div id=jingdiana href=img src=images/fengjing/ width=130 height=108 border=0 /手撕包菜 /a p包菜用手撕開成片狀，洗凈之后瀝干水分，蒜切片，紅辣椒切小斷兒，姜切絲； 五花肉切片，用黑胡椒粉腌制 5 分鐘。 黃岡職業(yè)技術(shù)學(xué)院 21 下部分效果圖部分展示： 此部分的代碼是： div id=jingmeitupian div id=zhaopian/div div id=demostyle=OVERFLOW: hidden。 我的頁尾為： 網(wǎng)站頁尾的代碼為： div id=bottom div id=banquan ul li關(guān)于我們 |/li li聯(lián)系方式 |/li li免責(zé)條款 |/li li我要開店 |/li li旅易通 |/li li美食總機(jī) |/li li美食搜索 |/li /ul /div div id=banquan2 黃岡職業(yè)技術(shù)學(xué)院 25 ul li 地 址：黃岡職業(yè)技術(shù)學(xué)院 /li li聯(lián) 系 人：楊小姐 /p li聯(lián)系電話： 15098016715/li li 油 箱：huanggang./li /ul /div 本章小結(jié) 本章主要是介紹《美食天下》網(wǎng)站的制作過程。 黃岡職業(yè)技術(shù)學(xué)院 26 黃岡職業(yè)技術(shù)學(xué)院 27 第 四 章 網(wǎng)站制作的常見問題 常見問題的解析 網(wǎng)站中常見的問題有： （ 1） 為什么網(wǎng)站的首頁文件名一般命名為 或 ？ 網(wǎng)站的首頁文件名為 或 ，這是一種網(wǎng)站首頁命名規(guī)范。在 Dreamweaver 文檔窗口中的右下角，顯示當(dāng)前文檔的分辨率大小。此時(shí)一般都用快捷鍵【 Ctrl＋ C】來復(fù)制，如果在復(fù)制的時(shí)候多按一個(gè)【 C】鍵則只復(fù)制選中的文字。只要將不需要的元素標(biāo)簽黃岡職業(yè)技術(shù)學(xué)院 28 前的勾去掉，以后它就不會(huì)再出現(xiàn)了。 （ 7） 字體【格式】與【大小】有什么區(qū)別？ 在【文本】屬性面板中，【格式】與【大小】都可以設(shè)置字體大小，但二者有一定的區(qū)別，選擇【格式】，字體改變大小的同時(shí)變?yōu)榇煮w；如果只想改變文字大小，而不想讓字體變 為粗體，可以用【大小】屬性。 ●切換到代碼視圖，在需要添加空格的位置，輸入代碼 ，就會(huì)出來空格，輸入幾次代碼就會(huì)出來幾個(gè)空格。因此若要換行，則先按下 Shift 鍵不放，然后再按下 Enter 鍵，這樣兩行間的距離就不會(huì)差一大段了。 黃岡職業(yè)技術(shù)學(xué)院 29 （ 11） 如何使用 3 種類型的 CSS 樣式？ CSS 樣式表在網(wǎng)頁制作中一般有 3 種方式 的用法，那么具體在使用時(shí)該采用哪種用法呢？當(dāng)有多個(gè)網(wǎng)頁要用到 CSS，采用外聯(lián) CSS 文件的方式，這樣網(wǎng)頁的代碼大大減少，修改起來非常方便；只在單個(gè)網(wǎng)頁中使用的 CSS，采用文檔頭部方式；只在一個(gè)網(wǎng)頁一兩個(gè)地方才用到的 CSS，采用行內(nèi)插入方式。解決此問題有兩個(gè)途徑： ● 使用菜單選擇提示（如類別）或用戶說明（如“選擇其中一項(xiàng)：”）。 （ 14） 善用拖放 在使用 Dreamweaver 編輯網(wǎng)頁時(shí)，經(jīng)常需要插入一些圖像，如果要插入的圖像很多，按照常規(guī)方法來操作就顯得非常麻煩。 本章小結(jié) 本章主要列舉了一些網(wǎng)站設(shè)計(jì)中常見的問題，并一一都做了解答，主要 是為了人們更好、更快的進(jìn)行網(wǎng)頁設(shè)計(jì)。主要是介 紹一些健康的美食，希望能給忙碌的人們帶來一些幫助。我雖然我即將離開學(xué)校，走上工作崗位了，但這并不代表結(jié)束，相反的是，這是我人生歷程的開始，在這里祝福大學(xué)里跟我風(fēng)雨同舟的朋友們不要忘記初衷，努力去拼搏吧！ 展望 在大 學(xué)的學(xué)習(xí)和生活中我學(xué)會(huì)了很多東西。想籍次機(jī)會(huì)感謝三年以來給我?guī)椭乃欣蠋煛⑼瑢W(xué)，你們的友誼是我人生的財(cái)富，是我生命中不可或缺的一部 分。 黃岡職業(yè)技術(shù)學(xué)院 31 致謝 經(jīng)過兩個(gè)月的忙碌和工作，本次畢業(yè)設(shè)計(jì)已經(jīng)接近尾聲，作為一個(gè)?？粕漠厴I(yè)設(shè)計(jì)，由于經(jīng)驗(yàn)的匱乏，難免有許多考慮不周全的地方，如果沒有導(dǎo)師的督促指導(dǎo)，以及一起工作的同學(xué)們的支持，想要完成這個(gè)設(shè) 計(jì)是難以想象的。除了敬佩范老師的專業(yè)水平外，他的治學(xué)嚴(yán)謹(jǐn)和科學(xué)研究的精神也是我永遠(yuǎn)學(xué)習(xí)的榜樣，并將積極影響我今后的學(xué)習(xí)和工作。此次畢業(yè)設(shè)計(jì)才會(huì)順利完成。盡我所知，除文中特別加以標(biāo)注和致謝的地方外，不包含其他人或組織已經(jīng)發(fā)表或公布過的研究成果，也不包含我為獲得 及其它教育機(jī)構(gòu)的學(xué)位或?qū)W歷而使用過的材料。除了文中特別加以標(biāo)注引用的內(nèi)容外，本論文不包含任何其他個(gè)人或集體已經(jīng)發(fā)表或撰寫的成果作品。本人授權(quán) 大學(xué)可以將本學(xué)位論文的全部或部分內(nèi)容編入有關(guān)數(shù)據(jù)庫(kù)進(jìn)行檢索，可以采用影印、縮印或掃描等復(fù)制手段保存和匯編本學(xué)位論文。本次畢業(yè)設(shè)計(jì)大概持續(xù)了半年，現(xiàn)在終于到結(jié)尾了。沒有他們的幫助，我將無法順利完成這次設(shè)計(jì)。再次對(duì)周巍老師表示衷心的感謝。 致 謝 四年的大學(xué)生活就快走入尾聲，我們的校園生活就要?jiǎng)澤暇涮?hào)，心中是無盡的難舍與眷戀。 學(xué)友情深，情同兄妹。是他們?cè)谖耶厴I(yè)的最后關(guān)頭給了我們巨大的幫助與鼓勵(lì)， 給了我很多解決問題的思路， 在此表示衷心的感激。