【正文】 TD align=middleA href= target=_blankIMG height=150 src=images/fengjing/ width=140 border=0/ABR /TD TD align=middleA href= target=_blankIMG height=150 src=images/fengjing/ width=140 border=0/ABR /TD TD align=middleA href= target=_blankIMG height=150 src=images/fengjing/ width=140 黃岡職業(yè)技術(shù)學(xué)院 23 border=0/ABR /TD TD align=middleA href= target=_blankIMG height=150 src=images/fengjing/ width=140 border=0/ABR /TD TD align=middleA href= target=_blankIMG height=150 src=images/fengjing/ width=140 border=0/ABR /TD TD align=middleA href= target=_blankIMG height=150 src=images/fengjing/ width=140 border=0/ABR /TD /TR /TBODY /TABLE/td td id=demo2/td /tr /table /div /TR/TBODY/TABLE /div SCRIPT language=javascript var speed=30 = function Marquee(){ if(=0) = 黃岡職業(yè)技術(shù)學(xué)院 24 else{ ++ } } var MyMar=setInterval(Marquee,speed) =function() {clearInterval(MyMar)} =function() {MyMar=setInterval(Marquee,speed)} /SCRIPT 網(wǎng)站頁尾的設(shè)計(jì) 網(wǎng)站的頁尾主要是由一些友情鏈接和一些聯(lián)系方式組成。 WIDTH: 100%。此圖片組由十一張圖片組成，在一個(gè)頁面里循環(huán)的流動。 炒鍋內(nèi)放少許油，下入五花肉煸出油，肉變得透明； 放入蒜片、紅辣椒斷兒和姜絲炒香； 放入包菜翻炒； 最后放入鹽、料酒、蒸魚豉油、蠔油，翻炒均勻即可。 /p 黃岡職業(yè)技術(shù)學(xué)院 18 p 將香菇洗凈切片，碼在碗底，上面放入腌制好的翅根，大火蒸半個(gè)小時(shí)即可。此外中間和右邊同樣是在一個(gè)大的盒子中安放小的 DIV，不同的是在 在中間和右邊的盒子中還安放了 文字和圖片。 網(wǎng)站的上部分 網(wǎng)站的上部分由左、中、右三部分組成。 黃岡職業(yè)技術(shù)學(xué)院 16 效果圖為： 頁頭及導(dǎo)航的設(shè)計(jì)代碼為： div id=top/div div id=daohang ul lia href= 首頁 /a/li lia href=秀色可餐 /a/li lia href=吃出美麗 /a/li lia href=家常菜譜 /a/li lia href=休閑食品 /a/li li a href=我愛我家 /a/li lia href=甜品派對 /a/li lia href=美食書坊 /a/li /ul /div 網(wǎng)站正文的設(shè) 計(jì) 網(wǎng)站正文由兩大部分組成及上部和下部。 網(wǎng)站的導(dǎo)航包含有八個(gè)選項(xiàng)分別是首、秀色可餐、吃出美麗、家常菜譜、休閑食品等。 首頁頁頭和導(dǎo)航的設(shè)計(jì) 本網(wǎng)站的首頁由一張簡單的動畫圖組成，給人一種舒服的感覺。就如我的網(wǎng)頁用繪圖軟件繪制為 黃岡職業(yè)技術(shù)學(xué)院 15 網(wǎng)站首頁設(shè)計(jì) 在此網(wǎng)站的首頁我們可以看到許多美食的食譜，還有許多美麗的圖片。 其實(shí)除了用 photshop 外，我們還可以使用系統(tǒng)自帶的繪圖功能。 Photoshop 所具有的對圖像的 編輯功能用到設(shè)計(jì)網(wǎng)頁布局上更顯得心應(yīng)手。 如我的網(wǎng)站的首頁草圖是： 黃岡職業(yè)技術(shù)學(xué)院 14 軟件布局法 如果你不喜歡用紙來畫出你的布局意圖，那么你還可以利用軟件來完成這些工作。 網(wǎng)頁布局的方法 網(wǎng)頁布局的方法有兩種，第一種為紙上布局；第二種為軟件布局。雖然它們不是經(jīng)常能被利用到，但隨著動態(tài)網(wǎng)頁的興起，它們在網(wǎng)頁布 局上也將變得更重要。并且所使用的圖片要接近網(wǎng)頁的主題，不可以以難用。 一般網(wǎng)頁里面如果圖片使用過多，給人的感覺會是覺得該網(wǎng)站太過花哨，但是如果不使用圖片的話，給人的感覺會是覺得該網(wǎng)站太過枯燥，讓人們根本就沒有瀏覽的興趣。如何處理好圖片和文本的位置成了整個(gè)頁面布局的關(guān)鍵。你能看到，許多制作信息都是放置在頁腳的。 （ 5） 頁腳 頁腳和頁頭相呼應(yīng)。 （ 4） 文本 文本在頁面中出現(xiàn)都數(shù)以行或者塊 (段落 )出現(xiàn)，它們的擺放位置決定者整個(gè)頁面布局的可視性。頁頭常放置站點(diǎn)名字的圖片和公司標(biāo)志以及旗幟廣告。這樣，訪問者能很快知道這個(gè)站點(diǎn)是什么內(nèi)容。 黃岡職業(yè)技術(shù)學(xué)院 13 （ 3） 頁頭 頁頭又可稱之為頁眉，頁眉的作用是定義頁面的主題。這里是指頁面的整體形象，這種形象應(yīng)該是一個(gè)整體，圖形與文本的接合應(yīng)該是層疊有序。如果需要在同一頁 面顯示超過三屏的內(nèi)容，那么你最好能在上面做上頁面內(nèi)部連接，方便訪問者瀏覽。 在網(wǎng)頁設(shè)計(jì)過程中，向下拖動頁面是惟一給網(wǎng)頁增加更多內(nèi)容 (尺寸 )的方法。 瀏覽器的工具欄也是影響頁面尺寸的原因。一般分辨率在 800x600 的情況下，頁面的顯示尺寸為： 780x428 個(gè)象素；分 辨率在 640x480 的情況下，頁面的顯示尺寸為 :620X311 個(gè)象素；分辨率在1024X768 的情況下，頁面的顯示尺寸為： 1007x600。你當(dāng)然也可以創(chuàng)造出自己的設(shè)計(jì)方案，但如果你是初學(xué)者，那么最好明白網(wǎng)頁布局的基本概念。 網(wǎng)頁布局的基本概念 最開始，網(wǎng)頁呈現(xiàn)在你面前的時(shí)侯，它就好像一張白紙，它需要你任意揮灑你的設(shè)計(jì)才思。 黃岡職業(yè)技術(shù)學(xué)院 12 第 三 章 網(wǎng)站的制作過程 網(wǎng)站主頁就好象是宣傳欄或者店面 —— 對訪問者產(chǎn)生第一印象，都希望盡量給人留下好的印象。 規(guī)劃的內(nèi)容應(yīng)該主要包括如下幾項(xiàng)： （ 1） 域名和主機(jī)的選擇（域名需要依靠網(wǎng)站主題以及用戶范圍來選擇，主機(jī)則根據(jù)網(wǎng)站在大小、安全、穩(wěn)定上的需求）知名的如 中國網(wǎng)絡(luò)服務(wù) （ 2） 網(wǎng)站 一 個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃 的定位（如定位于贏利 性 網(wǎng)站，還是企業(yè)網(wǎng)站，或是公益性的 ?? ） （ 3） 網(wǎng)站的用途（是用來贏利的，還是做產(chǎn)品線上營銷的， 或是做品牌推廣和整合的） （ 4） 網(wǎng)站的發(fā)展目標(biāo) （需要達(dá)到的目標(biāo)，需要為這個(gè)目標(biāo)而努力的） （ 5） 網(wǎng)站的拓?fù)鋱D構(gòu)畫（網(wǎng)站包括哪些欄目，采用什么樣的制作結(jié)構(gòu)） （ 6） 網(wǎng)站制作技術(shù)的采用（用哪種語言開發(fā)，在什么平臺上開發(fā)） （ 7） 網(wǎng)站的推廣（需要做具體什么樣的工作去推廣網(wǎng)站，是否需要在前期開發(fā)的時(shí)候就考慮到后期的推廣，如 SEO 專家的建議） （ 8） 網(wǎng)站的維護(hù)（是自主維護(hù)，還是外包維護(hù)，維護(hù)的內(nèi)容包括哪些，后期改版的時(shí)間間隔安排等） （ 9） 網(wǎng)站安全 (網(wǎng)站定期進(jìn)行安全檢測及備份等安全操作 ) （ 10） 網(wǎng) 站的主題顏色（網(wǎng)站顏色可以直接反應(yīng)出企業(yè)的行業(yè)所屬） 本章小結(jié) 本章主要介紹建設(shè)網(wǎng)站前期的調(diào)研與準(zhǔn)備工作。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、 文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。 《美食天下 — 食譜大全》網(wǎng)站中所用的資料主要是來自網(wǎng)絡(luò)。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。 搜集網(wǎng)站的資料 明確了網(wǎng)站的主題以后，就要圍繞 自己所選的 主題開始搜集材料了。但是一般來說自己選擇的題材最好是自己擅長的或者喜愛的內(nèi)容，因?yàn)檫@樣在制作時(shí)才不會覺得力不從心。 確定網(wǎng)站的主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。也是將網(wǎng)站設(shè)計(jì)師的圖片用 HTML 方式展示出來，屬于前臺工程師的一項(xiàng)任務(wù)，前臺工程師任務(wù)包括： 網(wǎng)站設(shè)計(jì)、網(wǎng)站用戶體驗(yàn)、網(wǎng)站 JAVA 效果、網(wǎng)站制作等工作。 明確什么 是 網(wǎng)站制作 想要設(shè)計(jì)一個(gè)好的網(wǎng)站，首先我們得明白什么事網(wǎng)站制作。 一個(gè)網(wǎng)站的成功與否與建設(shè)前的網(wǎng)站規(guī)劃有著極其重要的關(guān)系，只有進(jìn)行詳細(xì)的規(guī)劃，才能避 免在網(wǎng)站建設(shè)中出現(xiàn)的許多問題，使網(wǎng)站建設(shè)能順利進(jìn)行。 黃岡職業(yè)技術(shù)學(xué)院 10 第 二 章 網(wǎng)站建設(shè) 前的調(diào)研與準(zhǔn)備工作 進(jìn)入 21 世紀(jì)。 第五章，對全 文 做了一個(gè)小小的總結(jié) ， 并 對以后 指出了進(jìn)一步的研究方向 。 第四章，解答了一些網(wǎng)站制作中常見的問題。 其中主要包括設(shè)計(jì)網(wǎng)站的代碼和網(wǎng)站的效果圖。 其中主要包括明確什么是網(wǎng)站制作、網(wǎng)站主題的選擇、搜集網(wǎng)站的資料以及網(wǎng)站的規(guī)劃。 其中主要包括網(wǎng)站研究的背景和網(wǎng)站研究的內(nèi)容。 論文以 瑞麗美食網(wǎng) 為 參考 開展 了 研究，分析了系統(tǒng)建設(shè)過程中的相關(guān)技術(shù)，對所涉及的軟件平臺、軟件系統(tǒng)、安全系統(tǒng)的進(jìn)行理論分析，對系統(tǒng)規(guī)劃實(shí)施中的需求分析、系統(tǒng)結(jié)構(gòu)設(shè)計(jì)、硬件集成、軟件配置 等各環(huán)節(jié)進(jìn)行研究，并提出性黃岡職業(yè)技術(shù)學(xué)院 9 能測試 。 希望給各位愛好美食的人帶來方便。 研究的內(nèi)容 通過網(wǎng)站，全面宣傳，展示 健康美食 、 美食食譜 ，發(fā)布 美食 信息咨詢和與 廣大愛好 美食 者建立良好互動的平臺，使社會各界人士增加對 美食有更 深刻 的 認(rèn)識，在 Inter 網(wǎng)上，讓 愛好美食者 及時(shí)得到 美食 網(wǎng)發(fā)布的重要信息 。 為了方便人們對美食的搜索，由此我就設(shè)計(jì)了一個(gè)美食網(wǎng)。 本次設(shè)計(jì)我計(jì)劃通過 Dreamweaver cs Photoshop 圖像處理軟件、 Flash等工具共同來制作完成信息學(xué)院網(wǎng)站的設(shè)計(jì)。為了讓更 多人 更容易的搜索到更多的健康的美食食譜。優(yōu)秀的網(wǎng)頁設(shè)計(jì)師對網(wǎng)頁設(shè)計(jì)與網(wǎng)頁制作兩道工序都是十分了解的，這樣才可以保證網(wǎng)頁制作人員在充分掌握設(shè)計(jì)要素的前提下，制作規(guī)范化、符合用戶使用習(xí)慣、帶來良好用戶體驗(yàn)的網(wǎng)站。 關(guān)鍵字： 制作、建設(shè)、解析 黃岡職業(yè)技術(shù)學(xué)院 5 Abstract With the development of work technology and i