【正文】 有關(guān)數(shù)據(jù)庫(kù)進(jìn)行檢索，可以采用影印、縮印或掃描等復(fù)制手段保存和匯編本學(xué)位論文。 作者簽名： 日期： 年 月 日 導(dǎo)師簽名： 日期： 年 月 日 黃岡職業(yè)技術(shù)學(xué)院 4 摘要 隨著網(wǎng)絡(luò)技術(shù)與信息技術(shù)的發(fā)展，因特網(wǎng)迅速成長(zhǎng)， Inter 上發(fā)布信息主要是通過(guò)網(wǎng)站來(lái)實(shí)現(xiàn)的，獲取信息也是要在 Inter“海洋”中按照一定的檢索方式將所需要的信息 從網(wǎng)站上下載下來(lái)。網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)，日益被網(wǎng)站建設(shè)者所注重。指出網(wǎng)頁(yè)設(shè)計(jì)制作水平式對(duì)計(jì)算機(jī)操作知識(shí)中綜合知識(shí)水平的檢驗(yàn)。并再實(shí)踐中積累經(jīng)驗(yàn)、完善規(guī)程、探索技巧、獲得成功。網(wǎng)頁(yè)設(shè)計(jì)是將網(wǎng)站策劃案中的內(nèi)容、網(wǎng)站的主題模式，結(jié)合網(wǎng)頁(yè)設(shè)計(jì)師的認(rèn)識(shí)，通過(guò)藝術(shù)設(shè)計(jì)的手法表現(xiàn)出來(lái)；而網(wǎng)頁(yè)制作通常是根據(jù)網(wǎng)頁(yè)設(shè)計(jì)師制作的設(shè)計(jì)稿，按照 W4C 規(guī)范語(yǔ)言將其制作成網(wǎng)頁(yè)格式。 因此網(wǎng)站建設(shè)與維護(hù)在 Inter 應(yīng)用上的地位顯而易見(jiàn)，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。 所以，開(kāi)發(fā) 美食天下 的網(wǎng)站是必須的。當(dāng)然，這次的制作過(guò)程中還需要綁定數(shù)據(jù)庫(kù)，最終的完成需要眾多軟件相互使用。在本網(wǎng)站中主要介紹了一些有利于人們身心健康的食物，希望可以給忙碌的人們帶來(lái)一點(diǎn)小小的幫助。 提高了辦事效率 ,給 美食愛(ài)好者 者與 各種美食 之間建立了一種美好的橋梁 。 本論文主要以實(shí)踐為基礎(chǔ)，利用軟件 Dreamweaver cs3 為工具，設(shè)計(jì)了一個(gè)美食網(wǎng)。其中此論文 主要研究了以下內(nèi)容： 第一章，主要是對(duì)本論文的結(jié)構(gòu)做了一個(gè)介紹。 第 二 章，介紹了網(wǎng)站建設(shè)的前期準(zhǔn)備工作 。 第三章，介紹美食網(wǎng)首頁(yè)的具體設(shè)計(jì)步驟。我的美食網(wǎng)主要介紹了一些基本的 美食書普、美食書籍、甜點(diǎn)派對(duì)以及人們都感興趣的健康食品等等。 如： 為什么在 Dreamweaver中按 Enter 鍵換行時(shí)，與上一行的距離卻很大？ 等等。希望在以后可以更加的完善自己的網(wǎng)站，更希望自己的網(wǎng)站可以帶給更多的人、更多的幫助。互聯(lián)網(wǎng)技術(shù)及其網(wǎng)絡(luò)服務(wù)正越來(lái)越深入地影響著人們的思維方式和觀念，加速了整個(gè)社會(huì)的現(xiàn)代進(jìn)程，成為人類社會(huì)進(jìn)步的強(qiáng)大原動(dòng)力。網(wǎng)站規(guī)劃對(duì)網(wǎng)站建設(shè)起到計(jì)劃和指導(dǎo)的作用，對(duì)網(wǎng)站的內(nèi)容和維護(hù)起到定位作用。那么 什么是網(wǎng)站制作呢？通俗的來(lái)說(shuō)就是網(wǎng)站通過(guò)頁(yè)面結(jié)構(gòu)定位，合理布局，圖片文字處理，程序設(shè)計(jì)，數(shù)據(jù)庫(kù)設(shè)計(jì)等一系列工作的總和。 網(wǎng)站制作是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員 、網(wǎng)頁(yè)設(shè)計(jì)師等崗位，應(yīng)用各種網(wǎng)絡(luò)程序開(kāi)發(fā)技術(shù)和網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，為企事業(yè)單位、公司或個(gè)人在全球互聯(lián)網(wǎng)上建設(shè)站點(diǎn)，并包含域名注冊(cè)和主機(jī)托管等服務(wù)的總稱。 網(wǎng)絡(luò)上的網(wǎng)站題材千奇百怪、琳瑯滿目，只要你想的到的，就可以把它制作出來(lái)。所以我選擇的題材是和食物有關(guān)的“食譜大全”。常言道：“巧婦難為無(wú)米之炊 ”。 材料既可以從圖書、報(bào)紙、光盤、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。 黃岡職業(yè)技術(shù)學(xué)院 11 規(guī)劃網(wǎng)站 網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。其中主要包括明確什么是網(wǎng)站制作、網(wǎng)站主題的選擇、網(wǎng)站資料的來(lái)源以及網(wǎng)站的規(guī)劃。 一般來(lái)說(shuō)，好的網(wǎng)站應(yīng)該給人有這樣的感覺(jué)： 干凈整潔；條理清楚； 專業(yè)水準(zhǔn)；引人入勝。在開(kāi)始的時(shí) 侯，你需要明白，雖然你能控制一切你所能控制的東西，但假如你知道什么是一種約定俗成的標(biāo)準(zhǔn)或者說(shuō)大多數(shù)訪問(wèn)者的瀏覽習(xí)慣，那么你可以在此基礎(chǔ)上加上自己的東西。 網(wǎng)頁(yè)的基本布局包括一下幾個(gè)方面： （ 1） 頁(yè)面尺寸 由于頁(yè)面尺寸和顯示器大小及分辨率有關(guān)系，網(wǎng)頁(yè)的局限性就在于你無(wú)法突破顯示器的范圍，而且因?yàn)闉g覽器也將占去不少空間，留下給你的頁(yè)面范圍變得越來(lái)越小。從以上數(shù)據(jù)可以看出，分辨率越高頁(yè)面尺寸越大。一般目前的瀏覽器的工具欄都可以取消或者增加，那么當(dāng)你顯示全部的工具欄時(shí)，和關(guān)閉全部工具欄時(shí)，頁(yè)面的尺寸是不一樣的。但我想提醒大家除非你能肯定站點(diǎn)的內(nèi)容能吸引大家拖動(dòng)，否則不要讓訪問(wèn)者拖動(dòng)頁(yè)面超過(guò)三屏。 （ 2） 整體造型 什么是造型，造型就是創(chuàng)造出來(lái)的物體形象。雖然，顯示器和瀏覽器都是矩形，但對(duì)于頁(yè)面的造型，你可以充分運(yùn)用自然界中的其它形狀以及它們的組合：矩形，圓形，三角形，菱形等。比如一個(gè)站點(diǎn)的名字多數(shù)都顯示在頁(yè)眉里。頁(yè)頭是整個(gè)頁(yè)面設(shè)計(jì)的關(guān)鍵，它將牽涉 到下面的更多設(shè)計(jì)和整個(gè)頁(yè)面的協(xié)調(diào)性。 本網(wǎng)頁(yè)頁(yè)頭部分使用的是一個(gè)漂亮的 FISH 插件。在過(guò)去因?yàn)轫?yè)面制作技術(shù)的局限，文本放置的位置的靈活性非常小，而隨著 DHTML 的興起，文本已經(jīng)可以按照自己的要求放置到頁(yè)面的任何位置。頁(yè)頭是放置站點(diǎn)主題的地方，而頁(yè)腳是放置制作者或者公司信息的地方。 （ 6） 圖片 圖片和文本是網(wǎng)頁(yè)的兩大構(gòu)成元素，卻一不可。而你的布局思維也將體現(xiàn)在這里。所以在使用圖片的時(shí)候要把握住分寸，不可以太多，但也不可以不用。 （ 7） 多媒體 除了文本和圖片，還有聲音，動(dòng)畫，視頻等等其它媒體。 在使用多媒體時(shí)最好在網(wǎng)頁(yè)上設(shè)計(jì)一個(gè)使用該多媒體的開(kāi)關(guān)，并且開(kāi)關(guān)要設(shè)計(jì)在一個(gè)醒目的地方，這樣有利于用戶。 紙上布局法 紙上布局法就是讓自己在紙上把自己想要設(shè)計(jì)的網(wǎng)站畫一個(gè)草圖，這樣就有利于自己網(wǎng)站的建設(shè)。這個(gè)軟件就是 Photoshop。不像用紙來(lái)設(shè)計(jì)布局，利用 Photoshop 可以方便的使用顏色，使用圖形，并且可以利用層的功能設(shè)計(jì)出用紙張無(wú)法實(shí)現(xiàn)的布局意念。使用繪圖軟件既簡(jiǎn)單 又方便。給人很好的視覺(jué)感。頁(yè)頭上幾個(gè)大字，讓人對(duì)本網(wǎng)站的 功能一目了然。 標(biāo)題新穎，主題突出。其中上部又由三部分組成（左、中、右），下部由一組流動(dòng)的圖片組成。其中左邊 用了的布局是在一個(gè)大的DIV 盒子里面裝著四個(gè)小的盒子，在小的盒子中分別放了圖片和文字。 黃岡職業(yè)技術(shù)學(xué)院 17 其效果圖展示為： 正文的上部分代碼為： div id=main div id=mainleft div id=tuijiespan class=a秀色可餐 /span/div div id=jingdiana href=img src=images/fengjing/ width=133 height=159 border=0 /豆瓣醬蒸翅根 /a p雞翅根洗凈，泡在清水里十分鐘之后倒掉水，雞翅根瀝干水分，用刀在正反兩面各劃兩道；放入蔥姜絲、料酒、一大勺豆瓣醬，攪拌均勻，腌制一個(gè)小時(shí)。 /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 下入小蝦，加入沒(méi)過(guò)的熱水，大火煮開(kāi)； /p p 調(diào)入適量的鹽和味精，起鍋前撒上蔥花香菜即可 /p /p /div div id=jingdiana href=img src=images/fengjing/ width=130 height=108 border=0 /手撕包菜 /a p包菜用手撕開(kāi)成片狀，洗凈之后瀝干水分，蒜切片，紅辣椒切小斷兒，姜切絲； 五花肉切片，用黑胡椒粉腌制 5 分鐘。 /p /div /div div id=maincenter div id=dongtai img 黃岡職業(yè)技術(shù)學(xué)院 19 src=images/bg/ width=17 height=13 / span class=a吃出美麗 /span/div div id=zixun ul li img src=images/bg/ width=14 height=13 / 低卡豆腐料理 讓你瘦在起跑線上 20201220 /li li img src=images/bg/ width=14 height=13 / 9 大低卡減肥食品 吃得健康更享瘦 20201219/li li img src=images/bg/ width=14 height=13 / 春季減肥很簡(jiǎn)單 8 大飲食原則包你瘦 20201210 /li li img src=images/bg/ width=14 height=13 / 艷 陽(yáng) 春 吃 出 蘋 果 肌 將 亮 色 衣 美 美 穿 20201208/li li img src=images/bg/ width=14 height=13 / 四個(gè)妙招教你如何品鑒正宗酸梅湯 2020 年 7 月 30日 /li li img src=images/bg/ width=14 height=13 / 春季飲食減肥 請(qǐng)牢記 3 宜 5 忌 2020730/li li img src=images/bg/ width=14 height=13 / 四種抗衰老食品 學(xué)趙雅芝做不老美女 20201203 /li li img src=images/bg/ width=14 height=13 / 久對(duì)電腦易上火 電腦族六個(gè)祛火保健方 span id=pub_date20201202/span /li liimg src=images/bg/ width=14 height=13 / 形 式 誘 惑 實(shí) 則 樸 素 ！ 超 人 氣 4 家 素 食 館20201127/li li img src=images/bg/ width=14 height=13 / 素食塑造美女 你要變身嗎 20201126 /li liimg src=images/bg/ width=14 height=13 / 春季養(yǎng)肝正當(dāng)時(shí) 這樣來(lái)食補(bǔ) 202028/li /ul /div /div div id=mainright div id=hgimg src=images/fengjing/ 黃岡職業(yè)技術(shù)學(xué)院 20 width=249 height=229 border=0 //div div id=jianjieul li img src=images/bg/ width=14 height=13 / 簡(jiǎn)單廚房杯仔蛋糕 輕松俘獲你的心 /li li img src=images/bg/ width=14 height=13 / 腦力激蕩的 6 則食品廣告 /li li img src=images/bg/ width=14 height=13 / 卡哇伊餅干 讓你怎么舍得吃？ /li li img src=images/bg/ width=14 height=13 / 巧妙設(shè)計(jì)人臉餐盤 隨時(shí)從老頭變美女 /li liimg src=images/bg/ width=14 height=13 / 醉人浪漫 意大利奢華咖啡月歷 /li liimg src=images/bg/ width=14 height=13 / 好吃又好玩 瓜果蔬菜的 SEX 大片 /li liimg src=images/bg/ width=14 height=13 / 創(chuàng)意無(wú)限 食物的美好生活 /li liimg src=images/bg/ width=14 height=13 / 精致日式糕點(diǎn)走上你的餐桌 /li liimg src=images/bg/ width=14 height=13 / 超可愛(ài)洗碗棉 讓你愛(ài)上做家事 /li l