畢業(yè)設(shè)計(jì)系別指導(dǎo)教師本人鄭重聲明：所呈交的畢業(yè)設(shè)計(jì)，是本人在指導(dǎo)老師的指導(dǎo)下，獨(dú)立進(jìn)行研究工作所取得的成果，成果不存在知識(shí)產(chǎn)權(quán)爭(zhēng)議，除設(shè)計(jì)中已經(jīng)注明引用的內(nèi)容外，本設(shè)計(jì)不含任何其他個(gè)人或集體已經(jīng)發(fā)表或撰寫過(guò)的作品成果。對(duì)本設(shè)計(jì)的研究做出重要貢獻(xiàn)的個(gè)人和集體均已在文中以明確方式標(biāo)明。本人完全意識(shí)到本聲明的法律結(jié)果由本人承擔(dān)。畢業(yè)設(shè)計(jì)作者簽名：一、網(wǎng)絡(luò)傳媒系畢業(yè)設(shè)計(jì)任務(wù)書姓名學(xué)號(hào)專業(yè)、班級(jí)網(wǎng)絡(luò)技術(shù)0802畢業(yè)設(shè)計(jì)選題xxx網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)主要設(shè)計(jì)內(nèi)容：（一）設(shè)計(jì)網(wǎng)站風(fēng)格和框架。網(wǎng)站頁(yè)面的整體風(fēng)格必須根據(jù)網(wǎng)站所要表達(dá)思想表現(xiàn)一致，而整個(gè)網(wǎng)站的頁(yè)面風(fēng)格必須統(tǒng)一。（二）設(shè)計(jì)功能模塊?！饕O(shè)計(jì)任務(wù)：……需提交的設(shè)計(jì)結(jié)果：……指導(dǎo)老師完成任務(wù)期限審核意見(jiàn)：系主任（簽章）：年月日二、網(wǎng)絡(luò)傳媒系畢業(yè)設(shè)計(jì)方案姓名學(xué)號(hào)專業(yè)、班級(jí)網(wǎng)絡(luò)技術(shù)0802畢業(yè)設(shè)計(jì)選題xxx網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)設(shè)計(jì)目標(biāo)：網(wǎng)站包括靜態(tài)的和動(dòng)態(tài)的頁(yè)面，管理員能夠進(jìn)行后臺(tái)維護(hù)和管理，要有比較穩(wěn)定的數(shù)據(jù)庫(kù)系統(tǒng)。通過(guò)連接代碼把網(wǎng)站前臺(tái)顯示系統(tǒng)與后臺(tái)管理系統(tǒng)連接起來(lái)。主要包括……。設(shè)計(jì)內(nèi)容：1.設(shè)計(jì)網(wǎng)站的整體風(fēng)格；2.做好網(wǎng)站的色彩搭配；3.確定前臺(tái)網(wǎng)站的欄目設(shè)置；4.設(shè)計(jì)網(wǎng)站所需的Logo、flash、banner、圖片、按鈕等；5.制作網(wǎng)站前臺(tái)的所有網(wǎng)頁(yè)并實(shí)現(xiàn)各個(gè)功能模塊?！O(shè)計(jì)進(jìn)程：……指導(dǎo)教師意見(jiàn)：簽名：年月日三、網(wǎng)絡(luò)傳媒系畢業(yè)設(shè)計(jì)指導(dǎo)記錄表姓名專業(yè)、班級(jí)學(xué)號(hào)畢業(yè)設(shè)計(jì)選題xxx網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)設(shè)計(jì)階段指導(dǎo)意見(jiàn)畢業(yè)設(shè)計(jì)方案畢業(yè)設(shè)計(jì)方案符合主題要求，網(wǎng)站的基本功能可以實(shí)現(xiàn)，風(fēng)格和色彩搭配符合網(wǎng)站主題。設(shè)計(jì)進(jìn)程階段一明確主題，需求分析和可行性分析考慮合理，初步制定好了網(wǎng)站方案，確立網(wǎng)站任務(wù)，收集素材，但前臺(tái)整體框架的設(shè)計(jì)還有待改善。設(shè)計(jì)進(jìn)程階段二明確前臺(tái)基本功能模塊，完成了網(wǎng)站總體風(fēng)格和顏色搭配，初步搭建好了總體框架，制作好效果圖，并制作好靜態(tài)頁(yè)面。設(shè)計(jì)進(jìn)程階段三及結(jié)果連接后臺(tái)數(shù)據(jù)庫(kù)，實(shí)現(xiàn)網(wǎng)站中每個(gè)子頁(yè)面和主頁(yè)面正常運(yùn)行，網(wǎng)站功能基本實(shí)現(xiàn)。設(shè)計(jì)報(bào)告初稿方案條理欠缺清晰，前臺(tái)系統(tǒng)模塊的描述不夠。格式有些問(wèn)題。設(shè)計(jì)報(bào)告修改稿方案條理基本清晰，后臺(tái)系統(tǒng)與前臺(tái)系統(tǒng)結(jié)合完整，詳略得當(dāng)，格式也按格式要求調(diào)整規(guī)范。指導(dǎo)教師：年月日四、網(wǎng)絡(luò)傳媒系畢業(yè)設(shè)計(jì)答辯記錄表

畢業(yè)設(shè)計(jì)題目xxx網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)作者姓名所屬系、專業(yè)、年級(jí)指導(dǎo)教師姓名、職稱答辯會(huì)紀(jì)要時(shí)間地點(diǎn)答辯小組成員姓名職務(wù)（職稱）姓名職務(wù)（職稱）姓名職務(wù)（職稱）答辯中提出的主要問(wèn)題及回答的簡(jiǎn)要情況記錄：會(huì)議主持人簽名： 記錄人簽名： 年月日答辯小組意見(jiàn)及評(píng)分：評(píng)分：答辯組長(zhǎng)簽名：年月日五、網(wǎng)絡(luò)傳媒系畢業(yè)設(shè)計(jì)評(píng)分表姓名專業(yè)、班級(jí)學(xué)號(hào)畢業(yè)設(shè)計(jì)選題xxx網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)畢業(yè)設(shè)計(jì)過(guò)程（20%）評(píng)分：指導(dǎo)老師：畢業(yè)設(shè)計(jì)作品（30%）評(píng)分：指導(dǎo)老師：畢業(yè)設(shè)計(jì)報(bào)告（30%）評(píng)分：指導(dǎo)老師：畢業(yè)設(shè)計(jì)答辯（20%）評(píng)分：答辯組長(zhǎng)：畢業(yè)設(shè)計(jì)總評(píng)評(píng)分：指導(dǎo)老師：年月日注：未被抽取參加答辯者，設(shè)計(jì)作品與設(shè)計(jì)報(bào)告的分值比例各增加10%。xxxx的設(shè)計(jì)與實(shí)現(xiàn)計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)級(jí)摘要簡(jiǎn)單的說(shuō)網(wǎng)站時(shí)一種通訊工具，就像布告欄一樣，人們可以通過(guò)網(wǎng)站來(lái)發(fā)布自己想要公開(kāi)的信息。Internet的迅速普及，正是依靠不計(jì)其數(shù)、豐富多彩的網(wǎng)站，或者利用網(wǎng)站來(lái)提供相關(guān)的網(wǎng)絡(luò)服務(wù)，網(wǎng)站是由網(wǎng)頁(yè)按照一定的鏈接順序組成，人們可以通過(guò)網(wǎng)頁(yè)瀏覽器來(lái)訪問(wèn)網(wǎng)站，獲取自己需要的信息或者享受網(wǎng)絡(luò)服務(wù)?！?。關(guān)鍵字ASP技術(shù)?！?。Abstract……KeywordASPtechnology……目錄1系統(tǒng)分析 11.1網(wǎng)站定位 11.2網(wǎng)站研究背景 11.3網(wǎng)站研究意義 11.4網(wǎng)站可行性分析 21.4.1技術(shù)可行性分析 21.4.2經(jīng)濟(jì)可行性分析 21.4.3操作可行性分析 22項(xiàng)目分析 32.1網(wǎng)站設(shè)計(jì)目標(biāo) 32.2網(wǎng)站介紹 32.3客戶需求分析 32.4網(wǎng)站界面設(shè)計(jì) 42.5網(wǎng)站開(kāi)發(fā)環(huán)境需求 42.6網(wǎng)站前臺(tái)總體設(shè)計(jì) 43開(kāi)發(fā)工具介紹 63.1DreamwaverCS3介紹 63.2Fireworks技術(shù) 63.3Flash技術(shù) 73.4PhotoshopCS4 83.5ASP的特點(diǎn) 84網(wǎng)站前臺(tái)設(shè)計(jì) 104.1網(wǎng)站素材處理 104.2網(wǎng)站顏色的搭配 104.3網(wǎng)站logo設(shè)計(jì) 104.4網(wǎng)站整體布局 104.5網(wǎng)站前臺(tái)頁(yè)面設(shè)計(jì) 114.5.1首頁(yè) 114.5.2xxx與文化 114.5.3xxx業(yè)新聞 134.5.4xxx的種類 144.5.5xxx的美食 144.5.6xxx與健康 154.5.7xxx具文化 154.6網(wǎng)站代碼 174.6.1新聞頁(yè)面的連接 174.6.2圖片滾動(dòng)條 184.6.3投票系統(tǒng) 195網(wǎng)站測(cè)試 225.1測(cè)試的目的 225.2測(cè)試的方法 225.3測(cè)試用例 235.4測(cè)試總結(jié) 23總結(jié) 24致謝 25參考文獻(xiàn) 25第16頁(yè)共25頁(yè)1系統(tǒng)分析1.1網(wǎng)站定位我們把建設(shè)的網(wǎng)站定位于：網(wǎng)站面向那些愛(ài)xxx，喜歡中國(guó)古典文化，以及需要了解xxx的最新動(dòng)態(tài)的網(wǎng)民。該定位的具體含義為：通過(guò)網(wǎng)站來(lái)達(dá)到文化傳播的意義，讓人們了解到xxx文化在中國(guó)歷史中的地位，讓大家都重視并且學(xué)習(xí)中國(guó)古典文化。讓該網(wǎng)站成為宣傳xxx網(wǎng)站的有力傳播基地。1.2網(wǎng)站研究背景面對(duì)日益加快的生活節(jié)奏和信息社會(huì)日新月異的變化，網(wǎng)絡(luò)已經(jīng)成為一個(gè)便利的宣傳平臺(tái)，可以通過(guò)最少的投資，達(dá)到最大的宣傳效果，利用來(lái)網(wǎng)絡(luò)宣傳xxx文化是一個(gè)勢(shì)在必行的趨勢(shì)。如何運(yùn)用現(xiàn)代化信息技術(shù)完成這一目標(biāo)，建立“文化一個(gè)傳播中心”是本網(wǎng)站要完成的重要任務(wù)。網(wǎng)站傳播xxx文化為中心，通過(guò)運(yùn)用Dreamweaver技術(shù)與HTML語(yǔ)言來(lái)實(shí)現(xiàn)網(wǎng)的頁(yè)面設(shè)計(jì)，從而提高了網(wǎng)站的視覺(jué)效果。在實(shí)際操作過(guò)程中，始終堅(jiān)持著一個(gè)原則：網(wǎng)站設(shè)計(jì)要與實(shí)際相結(jié)合，才能創(chuàng)造出新穎便捷的受大眾喜愛(ài)的網(wǎng)站。這是本網(wǎng)站設(shè)計(jì)的目標(biāo)。1.3網(wǎng)站研究意義網(wǎng)站具有文字、圖片、色彩、電影、三度空間、虛擬現(xiàn)實(shí)等所有廣告媒體的功能，通過(guò)它，可以讓網(wǎng)民非常方便地看到xxx的歷史文化、xxx的分類、xxx的各種資訊信息，而且可以加入聲音、圖片、動(dòng)畫和影像信息，達(dá)到真正的聲情并茂，達(dá)到更好的瀏覽效果。網(wǎng)站傳播與傳統(tǒng)的傳播不同，不需要打大量的人力和物力，并且可提供全天候的服務(wù)而不須增加開(kāi)支，可以減少浪費(fèi)。網(wǎng)絡(luò)還可以滿足那些年長(zhǎng)或殘疾而行動(dòng)不便的客戶的特殊需要，網(wǎng)頁(yè)的維護(hù)及運(yùn)作由網(wǎng)絡(luò)服務(wù)公司負(fù)責(zé)，有專業(yè)設(shè)計(jì)的電腦軟件24小時(shí)全自動(dòng)處理來(lái)往信息、統(tǒng)計(jì)、存檔，無(wú)須增加企業(yè)本身的營(yíng)運(yùn)或人事成本。提供即時(shí)新聞?dòng)嵪?、xxx文化發(fā)展、xxx的種類等內(nèi)容。與傳統(tǒng)傳播方式相比網(wǎng)頁(yè)傳播一旦放在網(wǎng)頁(yè)上，不僅立即問(wèn)世，開(kāi)始發(fā)揮效用，更可隨時(shí)更新、更正、省時(shí)省力，節(jié)省了大筆的人力及印刷費(fèi)用。上網(wǎng)的成本可說(shuō)極低，比起印刷商品目錄和電視廣告，其費(fèi)用更顯微不足道，且網(wǎng)絡(luò)能延伸之全世界每一個(gè)角落。1.4網(wǎng)站可行性分析1.4.1技術(shù)可行性分析本站使用的是ASP+ACCESS技術(shù)，Asp是微軟公司開(kāi)發(fā)的代替CGI腳本程序的一種應(yīng)用程序,它可以與數(shù)據(jù)庫(kù)和其它程序進(jìn)行交互，是一種簡(jiǎn)單、方便的編程工具.Access數(shù)據(jù)庫(kù)作為微軟推出的以標(biāo)準(zhǔn)JET為引擎的桌面型數(shù)據(jù)庫(kù)系統(tǒng)，由于具有操作簡(jiǎn)單、界面友好等特點(diǎn)，具有較大的用戶群體[1].目前，ASP+Access是中小型Internet網(wǎng)站的首選方案，本網(wǎng)站實(shí)現(xiàn)功能的目的主要是通過(guò)后臺(tái)調(diào)用數(shù)據(jù)信息顯示在前臺(tái)，使前臺(tái)數(shù)據(jù)信息能夠及時(shí)更新。在制作xxx網(wǎng)的過(guò)程中，需要考慮到技術(shù)可行性的問(wèn)題，對(duì)制作人員一般都要求掌握計(jì)算機(jī)技術(shù)，具有一定的數(shù)據(jù)庫(kù)基礎(chǔ)，至少熟悉運(yùn)用網(wǎng)頁(yè)制作的軟件,并對(duì)多媒體軟件具有一定的熟悉。1.4.2經(jīng)濟(jì)可行性分析本網(wǎng)站制作全過(guò)程都有本小組自發(fā)制作，因此不需要太多的人力和物力，管理方便，所以無(wú)需龐大的費(fèi)用。所以從經(jīng)濟(jì)上完全是可行的。1.4.3操作可行性分析本網(wǎng)站制作簡(jiǎn)單、界面簡(jiǎn)潔清晰，對(duì)于那些有一般的計(jì)算機(jī)知識(shí)的人員已可以輕松上手。并兼容所有網(wǎng)頁(yè)瀏覽的軟件。由此可見(jiàn)，該網(wǎng)站的操作是可行的，有必要開(kāi)發(fā)本網(wǎng)站。綜合以上方面，本網(wǎng)站具有很高的開(kāi)發(fā)可行性，無(wú)論是從技術(shù)上，經(jīng)濟(jì)上或者社會(huì)因素方面還是操作上都是可行的。擴(kuò)充性網(wǎng)站的整體規(guī)劃及框架設(shè)計(jì)是具可擴(kuò)充性的，前臺(tái)頁(yè)面的設(shè)計(jì)能保證企業(yè)網(wǎng)站在增加欄目后不會(huì)破壞網(wǎng)站的整體結(jié)構(gòu)。后臺(tái)數(shù)據(jù)庫(kù)的設(shè)計(jì)具有高度的擴(kuò)充性，企業(yè)能夠根據(jù)需要對(duì)欄目、類別的增、刪、修改。2項(xiàng)目分析2.1網(wǎng)站設(shè)計(jì)目標(biāo)對(duì)于一個(gè)宣傳網(wǎng)站，企業(yè)的品牌形象至關(guān)重要。特別是對(duì)于互聯(lián)網(wǎng)技術(shù)高度發(fā)展的今天，越來(lái)越多的人通過(guò)網(wǎng)絡(luò)來(lái)查找資料或進(jìn)行學(xué)習(xí)，因此，文化傳播業(yè)應(yīng)該緊跟時(shí)代發(fā)展的步伐，本設(shè)計(jì)的主要目標(biāo)是開(kāi)發(fā)xxx文化的文化網(wǎng)站，用戶可通過(guò)網(wǎng)站瀏覽一些關(guān)于xxx的資信或信息，例如：xxx的發(fā)展史、xxx的種類介紹等。按時(shí)保質(zhì)地完成xxx網(wǎng)的設(shè)計(jì)，并掌握到網(wǎng)站的制做過(guò)程與技術(shù)。網(wǎng)站的整體設(shè)計(jì)思路簡(jiǎn)單，擁有基本的功能，風(fēng)格簡(jiǎn)潔、易用、不單調(diào)。各個(gè)子頁(yè)面都可正常返回主頁(yè)以及正確連接到各個(gè)子頁(yè)面，子頁(yè)面與主頁(yè)面的風(fēng)格及顏色相同。數(shù)據(jù)要求前臺(tái)正確顯示后臺(tái)要求的數(shù)據(jù)的更新，及錯(cuò)誤處理。為了保證網(wǎng)絡(luò)的安全，不可以通過(guò)前臺(tái)進(jìn)入后臺(tái)，對(duì)后臺(tái)進(jìn)行操作。本網(wǎng)站主要實(shí)現(xiàn)前臺(tái)通過(guò)調(diào)用數(shù)據(jù)庫(kù)把后臺(tái)數(shù)據(jù)在前臺(tái)顯示和更新。管理員在后臺(tái)可以動(dòng)態(tài)更新首頁(yè)的內(nèi)容,使整個(gè)網(wǎng)站協(xié)調(diào)一致。在設(shè)計(jì)上,注重協(xié)調(diào)各區(qū)域的主次關(guān)系。通過(guò)網(wǎng)站的制做，學(xué)會(huì)與同學(xué)的合做，培養(yǎng)團(tuán)隊(duì)協(xié)助能力。2.2網(wǎng)站介紹本網(wǎng)站定位于計(jì)算機(jī)網(wǎng)絡(luò)基礎(chǔ)課程網(wǎng)，暫時(shí)考慮單機(jī)環(huán)境下的實(shí)現(xiàn)；操作系統(tǒng)選擇目前常用的Windowsxp和Windowsserver2003。系統(tǒng)性質(zhì)管理信息系統(tǒng)。本網(wǎng)站前臺(tái)功能包含首頁(yè)、xxx與文化、xxx新聞、xxx的種類、xxx的美食、xxx與健康、xxx具。整個(gè)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)簡(jiǎn)單，是一個(gè)能夠給網(wǎng)民提供xxx消息的網(wǎng)站。2.3客戶需求分析該網(wǎng)站是針對(duì)那些對(duì)xxx和中國(guó)歷史文化有興趣的網(wǎng)民，隨著中國(guó)不斷的發(fā)展，越來(lái)越多的人對(duì)中國(guó)的文化有興趣，并且學(xué)習(xí)中國(guó)的文化。xxx不僅對(duì)中國(guó)有重要的影響對(duì)世界的文化業(yè)有著重要的，xxx曾踏上絲綢之路風(fēng)光過(guò)，在中國(guó)史上有著不可替代的作用和舉足輕重的歷史地位，學(xué)習(xí)xxx文化，可以幫助中國(guó)文化的學(xué)習(xí)，本網(wǎng)站就是以推廣中國(guó)的xxx文化為本，幫助網(wǎng)民查找有關(guān)xxx的信息，并且為網(wǎng)民提供一個(gè)可供交流的平臺(tái)，供喜歡xxx以及中國(guó)歷史文化的網(wǎng)民相互交流和學(xué)習(xí)。網(wǎng)絡(luò)的發(fā)展速度越來(lái)越快，所以這個(gè)網(wǎng)站還是很有發(fā)展前途的。隨著網(wǎng)絡(luò)的發(fā)展，網(wǎng)絡(luò)已經(jīng)越來(lái)越貼近人民的生活，越來(lái)越多的人通過(guò)網(wǎng)絡(luò)來(lái)獲得他們所需要的信息，所以，通過(guò)網(wǎng)絡(luò)來(lái)推廣xxx文化是一個(gè)趨勢(shì)，也勢(shì)在必行。隨著經(jīng)濟(jì)的發(fā)展，人們的在物質(zhì)生活得到滿足的同時(shí)，人們還希望得到精神生活上的滿足。xxx不僅是一種飲品，更是一種文化，可以滿足人們?cè)谖镔|(zhì)和精神上的滿足，所以，xxx在將來(lái)還是有很好的發(fā)展前途。本網(wǎng)站提供了將xxx的文化和xxx的一些實(shí)時(shí)消息，幫助網(wǎng)民以最快的速度獲得他們想要的信息，網(wǎng)站功能需求表如表2.1：表2.1網(wǎng)站的功能性需求功能序號(hào)功能名稱功能說(shuō)明1首頁(yè)整個(gè)xxx信心的提供以及一些文化方面的介紹2xxx與文化xxx的歷史習(xí)俗以及文化方面的文字和圖片的介紹3xxx新聞一些xxx的展會(huì)消息以及最新的動(dòng)態(tài)資訊4xxx的種類xxx的分類以及其介紹5xxx的美食xxx美食的介紹和做法6xxx與健康教人們要怎么健康飲xxx7xxx具xxx具的欣賞以及一些xxx具的介紹2.4網(wǎng)站界面設(shè)計(jì)因?yàn)楸揪W(wǎng)站是xxx文化的網(wǎng)站，所以這個(gè)網(wǎng)站中采用了大量的具有中國(guó)文化元素的素材如在制作Logo時(shí)選用的素材有中國(guó)風(fēng)格的人物畫，棋盤，xxx壺，燈籠等，這些素材的運(yùn)用突出了網(wǎng)站的主題。從整體上來(lái)看，這個(gè)網(wǎng)站各個(gè)頁(yè)面的分工明確，頁(yè)面美觀、大方、簡(jiǎn)潔、易懂。標(biāo)準(zhǔn)、具有一定的兼容性。2.5網(wǎng)站開(kāi)發(fā)環(huán)境需求軟件環(huán)境：兼容當(dāng)前主流操作系統(tǒng)WindowsXP/server2003等。2.6網(wǎng)站前臺(tái)總體設(shè)計(jì)本網(wǎng)站主要是用來(lái)進(jìn)行xxx葉信息的介紹以及其消息的發(fā)布，作為一個(gè)網(wǎng)站，應(yīng)該有一些相關(guān)及其相對(duì)獨(dú)立的模塊耦合而成。本網(wǎng)站系統(tǒng)主要包括以下幾個(gè)主要頁(yè)面及幾個(gè)大的模塊，每個(gè)頁(yè)面包含豐富的內(nèi)容，每個(gè)大的模塊下又細(xì)分為幾個(gè)的功能模塊。本網(wǎng)站主要用來(lái)進(jìn)行教學(xué)信息的發(fā)布與顯示。作為一個(gè)網(wǎng)站，應(yīng)該由一些相關(guān)及相對(duì)獨(dú)立的模塊耦合而成。本網(wǎng)站系統(tǒng)主要包括以下幾個(gè)主要頁(yè)面及幾個(gè)大的模塊，每個(gè)頁(yè)面包含豐富的內(nèi)容，每個(gè)大的模塊下又細(xì)分為幾個(gè)的功能模塊。制作前臺(tái)頁(yè)面模塊，包括主頁(yè)及各個(gè)子頁(yè)面，建立各個(gè)頁(yè)面與數(shù)據(jù)庫(kù)中相關(guān)數(shù)據(jù)鏈接，實(shí)現(xiàn)前臺(tái)通過(guò)調(diào)用數(shù)據(jù)庫(kù)把后臺(tái)數(shù)據(jù)在前臺(tái)顯示和更新。整體網(wǎng)站遵循精品課程網(wǎng)站設(shè)計(jì)思路，擁有完善的功能，風(fēng)格要求簡(jiǎn)潔大方不單調(diào)。各個(gè)子頁(yè)面都可正常返回主頁(yè)以及正確連接到各個(gè)子頁(yè)面。功能要求使用簡(jiǎn)單全面，容易操作。由上面的分析，網(wǎng)站前臺(tái)的結(jié)構(gòu)設(shè)計(jì)成，如圖2-1所示:首首頁(yè)xxx與文化xxx具文化xxx與健康xxx的美食xxx的種類xxx業(yè)新聞圖2-1網(wǎng)站前臺(tái)結(jié)構(gòu)設(shè)計(jì)3開(kāi)發(fā)工具介紹3.1DreamwaverCS3介紹DreamweaverCS3是由Adobe公司在并購(gòu)Macromedia之后推出的最新版本，它是一款專業(yè)的Web站點(diǎn)開(kāi)發(fā)軟件，可用于Web站點(diǎn)、Web頁(yè)和Web應(yīng)用程序的設(shè)計(jì)、編碼和開(kāi)發(fā)工作。在業(yè)界通常將Dreamweaver、Flash、Fireworks稱為網(wǎng)頁(yè)三劍客。將各種網(wǎng)頁(yè)制作的相關(guān)工具緊密聯(lián)系起來(lái)是Dreamweaver系列的一大亮點(diǎn)，同時(shí)良好的插件體系，使DreamweaverCS3可通過(guò)第三方插件進(jìn)行補(bǔ)充。另外，DreamweaverCS3還為開(kāi)發(fā)人員提供了動(dòng)態(tài)語(yǔ)言支持與豐富的模板。DreamweaverCS3在功能強(qiáng)大與易用性之間具有很好的平衡，使用DreamweaverCS3可以有效地提高Web開(kāi)發(fā)的工作效率與Dreamwaver8比較DreamwaverCS3新增了許多功能：（1）與PhotoshopCS3的關(guān)聯(lián)增強(qiáng)。在DreamweaverCS3中雙擊圖形、圖像文件，即可打開(kāi)PhotoshopCS3進(jìn)行編輯，也可以將PhotoshopCS3中設(shè)計(jì)的圖形、圖像文件直接引入到DreamweaverCS3中。（2）對(duì)瀏覽器兼容性的檢查。多種瀏覽器并存的現(xiàn)狀給Web開(kāi)發(fā)人員增加了很多額外的工作量，也許Web頁(yè)面在IE下看到的效果令人非常滿意，而放到其他瀏覽器例如MozillaFirefox看起來(lái)卻是一團(tuán)糟。DreamweaverCS3提供了對(duì)Firefox1.5、InternetExplorer(Windows)6.0和7.0、InternetExplorer(Macintosh)5.2、NetscapeNavigator8.0、Opera8.0和9.0、Safari2.0這些瀏覽器相關(guān)CSS的兼容性檢測(cè)。（3）CSS相關(guān)功能的增強(qiáng)。在DreamweaverCS3中提供了大量的CSS模板與代碼塊，開(kāi)發(fā)人員可以依據(jù)這些模板和代碼塊快速建立基于CSS修飾的頁(yè)面。3.2Fireworks技術(shù)FireworksCS3是一個(gè)強(qiáng)大的網(wǎng)頁(yè)圖形設(shè)計(jì)工具，你可以使用它創(chuàng)建和編輯位圖、矢量圖形，還可以非常輕松的做出各種網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)的效果，比如翻轉(zhuǎn)圖象，下拉菜單等，設(shè)計(jì)完成以后，如果你要在網(wǎng)頁(yè)設(shè)計(jì)中使用，你可以將它輸出為html文件，還能輸出為可以在photoshop，illustrator和flash等軟件中編輯的格式。FireworksCS3軟件可以加速Web設(shè)計(jì)與開(kāi)發(fā),是一款創(chuàng)建與優(yōu)化Web圖像和快速構(gòu)建網(wǎng)站與Web界面原型的理想工具。FireworksCS3不僅具備編輯矢量圖形與位圖圖像的靈活性,還提供了一個(gè)預(yù)先構(gòu)建資源的公用庫(kù),并可與AdobePhotoshopCS3、AdobeIllustratorCS3、AdobeDreamweaverCS3和AdobeFlashCS3軟件省時(shí)集成。在Fireworks中將設(shè)計(jì)迅速轉(zhuǎn)變?yōu)槟Ｐ?或利用來(lái)自Illustrator、Photoshop和Flash的其它資源。然后直接置入DreamweaverCS3中輕松地進(jìn)行開(kāi)發(fā)與部署。矢量編輯與位圖編輯創(chuàng)建和編輯矢量圖像與位圖圖像,并導(dǎo)入和編輯本機(jī)PhotoshopIllustrator文件。圖像優(yōu)化采用預(yù)覽、跨平臺(tái)灰度系統(tǒng)預(yù)覽、選擇性JPEG壓縮和大量導(dǎo)出控件,針對(duì)各種交付情況優(yōu)化圖像。高效的Photoshop和Illustrator集成導(dǎo)入Photoshop(PSD)文件,導(dǎo)入時(shí)可保持分層的圖層、圖層效果和混合模式。將Fireworks(PNG)文件保存回Photoshop(PSD)格式。導(dǎo)入Illustrator(AI)文件,導(dǎo)入時(shí)可保持包括圖層、組和顏色信息在內(nèi)的圖形完整性。3.3Flash技術(shù)Flash是Macromedia公司開(kāi)發(fā)的集動(dòng)畫制作、網(wǎng)頁(yè)設(shè)計(jì)和多媒體應(yīng)用為一體的優(yōu)秀應(yīng)用軟件為。用Flash可制作交互式的動(dòng)畫和電影，這些動(dòng)畫和電影可以插入到網(wǎng)頁(yè)中，也可以獨(dú)立為動(dòng)態(tài)網(wǎng)頁(yè)，同時(shí)，他還自帶了功能強(qiáng)大的ActionScript編譯器，擴(kuò)展了動(dòng)畫的功能，與網(wǎng)絡(luò)應(yīng)用集成得更加緊密。3.3MicrosoftAccess介紹MicrosoftAccess應(yīng)用程序是一種功能強(qiáng)大且使用方便的關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)。MicrosoftAccess是Office系列軟件中用來(lái)專門管理數(shù)據(jù)庫(kù)的應(yīng)用軟件。所謂數(shù)據(jù)庫(kù)是指經(jīng)過(guò)組織的、關(guān)于特定主題或?qū)ο蟮男畔⒓稀Ｋ⒉恍枰獢?shù)據(jù)庫(kù)管理者具有專業(yè)的程序設(shè)計(jì)水平，任何非專業(yè)的用戶都可以用它來(lái)創(chuàng)建功能強(qiáng)大的數(shù)據(jù)庫(kù)管理系統(tǒng)。由于它繼承了Windows的特性，它可運(yùn)行于各種MicrosoftWindows系統(tǒng)環(huán)境中。MicrosoftAccess數(shù)據(jù)庫(kù)能匯集各種信息以供查詢、存儲(chǔ)和檢索。Access的優(yōu)點(diǎn)在于它能使用數(shù)據(jù)表示圖或自定義窗體收集信息。數(shù)據(jù)表示圖提供了一種類似于Excel的電子表格，可以使數(shù)據(jù)庫(kù)一目了然。另外，Access允許創(chuàng)建自定義報(bào)表用于打印或輸出數(shù)據(jù)庫(kù)中的信息。Access也提供數(shù)據(jù)存儲(chǔ)庫(kù)，可以使用桌面數(shù)據(jù)庫(kù)文件把數(shù)據(jù)庫(kù)文件置于網(wǎng)絡(luò)文件服務(wù)器，與其他網(wǎng)絡(luò)用戶共享數(shù)據(jù)庫(kù)。Access是一種關(guān)系數(shù)據(jù)庫(kù)工具，關(guān)系數(shù)據(jù)庫(kù)是已開(kāi)發(fā)的最通用的數(shù)據(jù)庫(kù)之一。3.4PhotoshopCS4作為世界上最受歡迎的圖像處理軟件，Photoshop每一次發(fā)布，都會(huì)給我們帶來(lái)很多驚喜。而隨著Adobe正式發(fā)布了其最新版PhotoshopCS4之后，人們的熱情又被重新點(diǎn)燃。和老版相比，新版PhotoshopCS4最大的變化，就是加入了GPU支持。原本相當(dāng)耗費(fèi)資源的大圖片處理，在GPU的輔助下，已經(jīng)變得異常迅速。而更加專業(yè)的3D圖像處理，則是新版本的另一個(gè)亮點(diǎn)。第一次打開(kāi)PhotoshopCS4，依舊是熟悉的藍(lán)色啟動(dòng)畫面。不過(guò)，和上一版本相比，新版本在畫面配色上更加淡雅，更能卓顯出軟件特有的專業(yè)氣質(zhì)。此外，新版界面也在老版本的基礎(chǔ)上，進(jìn)行了明顯改進(jìn)。和原本華麗的CS3相比。PhotoshopCS4依舊采用了人性化十足的點(diǎn)擊式界面，不過(guò)風(fēng)格看上去更加明快。同時(shí)，幾個(gè)快捷鍵也被加入到了菜單欄右側(cè)，除了可以幫助我們快速完成網(wǎng)格、標(biāo)尺的顯示之外。最重要的，還是增加了一個(gè)窗口布局功能，以便我們能夠快速完成多組圖片的快速布局。除此之外，在窗口最右端，PhotoshopCS4還特意加入了一項(xiàng)菜單布局功能。能夠?yàn)椴煌氖褂谜?，快速排版出適合他們的界面布局。雖然，這項(xiàng)功能在真正的工作中，究竟作用如何，但的確是一項(xiàng)十分貼心的設(shè)計(jì)。3.5ASP的特點(diǎn)ActiveServerPages（ASP，活動(dòng)服務(wù)器頁(yè)面）就是一個(gè)編程環(huán)境，在其中，可以混合使用HTML、腳本語(yǔ)言以及組件來(lái)創(chuàng)建服務(wù)器端功能強(qiáng)大的Internet應(yīng)用程序。ASP之所以能受到大家的重視與使用的原因主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的HTML格式，而且這些程序是在網(wǎng)絡(luò)服務(wù)器端執(zhí)行，ASP（Activeserverpage）工作在服務(wù)器的一端，通過(guò)服務(wù)器端的編譯來(lái)動(dòng)態(tài)的將HTML頁(yè)面?zhèn)魉徒o瀏覽器，而“一般的腳本是直接在客戶機(jī)端瀏覽器執(zhí)行處理，由于腳本的兼容問(wèn)題，經(jīng)常出現(xiàn)錯(cuò)誤，ASP文件只需后綴.asp擴(kuò)展，即可實(shí)現(xiàn)動(dòng)態(tài)頁(yè)面的輸出，這時(shí)當(dāng)然需要WEB服務(wù)器支持ASP的運(yùn)行。如果你以前創(chuàng)建過(guò)一個(gè)站點(diǎn)，其中混合了HTML、腳本語(yǔ)言以及組件，你就可以在其中加入ASP程序代碼。通過(guò)在HTML頁(yè)面中加入腳本命令，你可以創(chuàng)建一個(gè)HTML用戶界面，并且，還可以通過(guò)使用組件包含一些商業(yè)邏輯規(guī)則。組件可以被腳本程序調(diào)用，也可以由其他的組件調(diào)用。當(dāng)在Web站點(diǎn)中融入ASP功能后，將發(fā)生以下事情：1、用戶調(diào)出站點(diǎn)內(nèi)容，默認(rèn)頁(yè)面的擴(kuò)展名是.asp。2、瀏覽器從服務(wù)器上請(qǐng)求ASP文件。3、服務(wù)器端腳本開(kāi)始運(yùn)行ASP。4、ASP文件按照從上到下的順序開(kāi)始處理，執(zhí)行腳本命令，執(zhí)行HTML頁(yè)面內(nèi)容。5、頁(yè)面信息發(fā)送到瀏覽器。4網(wǎng)站前臺(tái)設(shè)計(jì)4.1網(wǎng)站素材處理把從網(wǎng)站上收集來(lái)的素材通過(guò)Fireworks和Photoshop自作靜態(tài)圖片，把圖片做成自己網(wǎng)站所需要的大小或者截取圖片的某個(gè)部分。網(wǎng)站中還有一些可以動(dòng)的圖片是通過(guò)flash自作的。通過(guò)flash可以使圖片具有動(dòng)態(tài)效果，把這樣的圖片運(yùn)用在網(wǎng)頁(yè)中，使網(wǎng)頁(yè)看起來(lái)更加生動(dòng)。4.2網(wǎng)站顏色的搭配網(wǎng)站的色彩就像是人的外表一樣，如果打扮得美觀大方，就會(huì)給人一種魅力四射的感受，而不修邊幅則讓人感到粗糙毛草，因此，網(wǎng)頁(yè)的色彩搭配將直接影響訪問(wèn)者對(duì)網(wǎng)站的印象。本網(wǎng)在式以灰色、黑等有古典藝術(shù)感顏色色彩搭配使用的，使用了一個(gè)淡色背景，在網(wǎng)頁(yè)中也使用了一些色彩圖片使得整個(gè)網(wǎng)站看上去不會(huì)顯的很呆板，又不會(huì)失去網(wǎng)站的風(fēng)格，使整個(gè)網(wǎng)站看起來(lái)具有中國(guó)文化氛圍。4.3網(wǎng)站logo設(shè)計(jì)應(yīng)為這個(gè)網(wǎng)站是以傳播xxx文化為主要的傳播思想，因此在網(wǎng)站logo的設(shè)計(jì)中選用了很多具有中國(guó)特色、具有文化氛圍的素材，比如燈籠棋盤和xxx一樣代表的都是一種中國(guó)的傳統(tǒng)文化，logo設(shè)計(jì)如圖4-1?！瓐D4-1logo4.4網(wǎng)站整體布局網(wǎng)頁(yè)布局大致可分為“國(guó)”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型，本網(wǎng)站采用的是“國(guó)”字型，“也可以稱為“同”字型，最上面是網(wǎng)站的標(biāo)題以及橫幅廣告條，接下來(lái)就是網(wǎng)站的主要內(nèi)容，左右分列一些兩小條內(nèi)容，中間是主要部分，與左右一起羅列到底，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種結(jié)構(gòu)是網(wǎng)上常見(jiàn)一種結(jié)構(gòu)類型。其實(shí)時(shí)操作版面，頁(yè)面布局清晰，擺布對(duì)稱，主次分明，整體布局如圖4-2。Logo導(dǎo)航版權(quán)所有圖4-2網(wǎng)站整體布局4.5網(wǎng)站前臺(tái)頁(yè)面設(shè)計(jì)網(wǎng)站主要包括：xxx與文化，xxx新聞，xxx的種類，xxx的美食，xxx與健康，xxx具七個(gè)子頁(yè)面。制作過(guò)程如下：4.5.1首頁(yè)網(wǎng)站制作過(guò)程：首先利用fireworks制作了網(wǎng)站的首頁(yè)效果圖，大小問(wèn)900*1000。在制作網(wǎng)頁(yè)的過(guò)程中首先是在dreameaver中用布局畫出整個(gè)網(wǎng)站的大體布局格式，主要是分了三欄，各個(gè)欄目有可以分多個(gè)小欄目，并且通過(guò)css樣式來(lái)調(diào)表格以及圖片，文字的位子。主頁(yè)包括的內(nèi)容主要有：網(wǎng)站網(wǎng)站的域名，導(dǎo)航條，LOGO，版權(quán)。導(dǎo)航條又包含xxx與文化，xxx新聞，xxx的種類，xxx的美食，xxx與健康，xxx具。用asp制作了head.asp，index.asp,tail.asp三個(gè)模塊。模塊內(nèi)容，如圖4-3所示：4.5.2xxx與文化制作過(guò)程以及使用的技術(shù)：首先是吧這個(gè)網(wǎng)頁(yè)的框架用布局畫出來(lái)，頁(yè)面的框架構(gòu)成跟主頁(yè)的大體上是一樣地，這里就不詳細(xì)的介紹了，頁(yè)面的長(zhǎng)度不做限定，寬度為900像素，網(wǎng)站頭調(diào)用了dead,asp模塊，尾調(diào)用了tail.asp模塊。在正文部分插入可憐一個(gè)介紹xxx文化的視頻，可以讓網(wǎng)民以看故事的方式快速了解xxx在中國(guó)的發(fā)展歷程。正文中還插入了一幅xxx馬古道的地圖，是一幅xxx的線路地圖，最下面還用一個(gè)flsah來(lái)介紹了其沿途風(fēng)光。激發(fā)人們對(duì)了解xxx的歷史的欲望、效果圖如圖4-4所示：…………圖4-3首頁(yè)……圖4-4xxx與文化4.5.3xxx業(yè)新聞制作過(guò)程以及使用的技術(shù)：首先把這個(gè)頁(yè)面的框架畫出來(lái)，網(wǎng)頁(yè)的框架以及頁(yè)面長(zhǎng)度和寬度的設(shè)置跟xxx與文化大體上時(shí)一樣的，新聞頁(yè)是為了給網(wǎng)民提供xxx信息，所以我把新聞新聞分成熱點(diǎn)關(guān)注，xxx葉會(huì)展，xxx業(yè)咨詢，最新動(dòng)態(tài)，和行情商機(jī)，一邊網(wǎng)民快速的了解他們需要的信息。為了提高新聞瀏覽的速度，我把最新新聞的用flash形式顯示出來(lái)，還做了一個(gè)一個(gè)網(wǎng)站公告的滾動(dòng)條，方便網(wǎng)站發(fā)布最新信息。這個(gè)頁(yè)面調(diào)用了head.asp和tail.asp的模塊的內(nèi)容，效果圖如圖4-5所示：……圖4-5xxx業(yè)新聞4.5.4xxx的種類制作過(guò)程以及使用的技術(shù)：這個(gè)頁(yè)面的框架，長(zhǎng)度，寬度，以及調(diào)用的模塊內(nèi)容跟新聞頁(yè)面差不多，這里就不過(guò)多的說(shuō)明了，該頁(yè)面主要是介紹介紹xxx的總類以及推薦一些xxxxxx的產(chǎn)品給網(wǎng)民，所以我把xxx的種類細(xì)分，做成左右兩部分上面的部分介紹xxx的總類，下面推薦一些廠商的產(chǎn)品以及做廣告。廠商產(chǎn)品推薦做成橫向的滾動(dòng)條以便多推薦一些廠商的產(chǎn)品。效果圖如圖4-6所示：……圖4-6xxx的種類4.5.5xxx的美食xxx美食的制作方法差不多，這個(gè)網(wǎng)頁(yè)主要是以介紹和欣賞xxx美食為主，該網(wǎng)頁(yè)的內(nèi)容有美食排行榜，美食的保健，推薦美食以及美食的制作方法的一些相關(guān)信息，效果圖如圖4-7所示：……圖4-7xxx的美食4.5.6xxx與健康制作過(guò)程以及使用的技術(shù)：這個(gè)網(wǎng)頁(yè)的制作方法和調(diào)用的模塊內(nèi)容跟xxx新聞的制作方法差不多，這個(gè)網(wǎng)頁(yè)主要是告訴網(wǎng)民應(yīng)該如何健康飲xxx，網(wǎng)頁(yè)的內(nèi)容包括飲xxx禁忌，xxx葉xxx療，科學(xué)飲xxx，效果圖如圖4-8所示：4.5.7xxx具文化制作過(guò)程以及使用的技術(shù)：這個(gè)網(wǎng)頁(yè)的制作方法和調(diào)用的模塊內(nèi)容跟xxx新聞的制作方法差不多，這個(gè)網(wǎng)頁(yè)主要是以介紹和欣賞xxx具為主，該網(wǎng)頁(yè)的內(nèi)容有xxx具歷史文化，xxx具知識(shí)，xxx具鑒賞，xxx具典故，網(wǎng)頁(yè)右邊的模塊做了一個(gè)中國(guó)印象的flash展示了一些具有文化氣息的圖片，效果圖如圖4-9圖所示：……圖4-8xxx與健康……圖4-9xxx具文化4.6網(wǎng)站代碼4.6.1新聞頁(yè)面的連接Conn.asp<%dimconndimconnstrdimdbdb="../databases/manage.mdb"'數(shù)據(jù)庫(kù)文件位置onerrorresumenextconnstr="DBQ="+server.mappath(""&db&"")+";DefaultDir=;DRIVER={MicrosoftAccessDriver(*.mdb)};"setconn=server.createobject("ADODB.CONNECTION")iferrthenerr.clearelseconn.openconnstrendifsubCloseConn() conn.close setconn=nothingendsub%><% setrs_news=server.createobject("adodb.recordset")sql="select*fromnewswhereBigClassName='xxx文xxx詩(shī)'"rs_news.opensql,conn,1,1i=0 if(rs_news.eoforrs_news.bof)then %><% else while(notrs_news.eofandi<5) %><% rs_news.movenext i=i+1 wend endif rs_news.close setrs_news=nothing %>4.6.2圖片滾動(dòng)條……圖4-10滾動(dòng)條實(shí)現(xiàn)代碼：<divid="imgmarquee"style="OVERFLOW:hidden;WIDTH:850px;align:left;"><divstyle="width:1800px"><!--id="marquePic1"里面的寬度一定要大于id="imgmarquee"的寬度才能看到效果width:600px;>WIDTH:580px;大的div寬度要為span的兩倍才可以，不然會(huì)換行width:1200pxzdz的作品，流風(fēng)的作品--><spanid="marquePic1"style="width:900px;"><imgsrc="images/dao/index-1-1.gif"alt="1"/><imgsrc="images/dao/index-1-2.gif"alt="2"/><imgsrc="images/dao/index-1-3.gif"alt="3"/><imgsrc="images/dao/index-1-4.gif"alt="4"/><imgsrc="images/dao/index-1-5.gif"alt="5"/></span><spanid="marquePic2"style="width:600px;"></span></div></div><scripttype="text/javascript">varimgmarquee=document.getElementById('imgmarquee');varmarquePic2=document.getElementById('marquePic2');varmarquePic1=document.getElementById('marquePic1');varspeed=10;//控制移動(dòng)的速度,數(shù)越大越慢marquePic2.innerHTML=marquePic1.innerHTML;//把marquePic1的內(nèi)容復(fù)制到marquePic2里面functionMarquee(){if(imgmarquee.scrollLeft>=marquePic1.scrollWidth){imgmarquee.scrollLeft=0;}else{//demo.scrollLeft++;imgmarquee.scrollLeft++;}}varmarqueetemp=setInterval(Marquee,speed);imgmarquee.onmouseover=function(){clearInterval(marqueetemp)}//鼠標(biāo)移到上面停止并清除計(jì)數(shù)imgmarquee.onmouseout=function(){marqueetemp=setInterval(Marquee,speed)}//鼠標(biāo)離開(kāi)重新計(jì)數(shù)</script>4.6.3投票系統(tǒng)投票系統(tǒng)數(shù)據(jù)庫(kù)表，如表4.1：表4.1數(shù)據(jù)庫(kù)表字段名稱數(shù)據(jù)類型說(shuō)明ID自動(dòng)編號(hào)編號(hào)Title備注標(biāo)題select1文本xxx的種類answer1數(shù)字投票的人數(shù)Select2文本xxx的種類Answer2數(shù)字投票的人數(shù)Select3文本xxx的種類Answer3數(shù)字投票的人數(shù)Select4文本xxx的種類Answer4數(shù)字投票的人數(shù)Select5文本xxx的種類Answer5數(shù)字投票的人數(shù)DateAndTime日期/時(shí)間添加的時(shí)間IsChecked數(shù)字判斷是對(duì)還是錯(cuò)投票設(shè)計(jì)圖，如圖4-1……圖4-1投票實(shí)現(xiàn)代碼：<% setrs=conn.execute("SELECT*fromvotewhereIsChecked=1") ifrs.eofthen response.Write"暫無(wú)投票" else%><%=rs("Title")%><%fori=1to5 ifrs("Select"&i)<>""then%><%=rs("Select"&i)%><% endifnext%>投票結(jié)果，如圖4-12……圖4-12投票結(jié)果<%dimoptions,total,sql,i,answer,actionsetrs=server.createobject("adodb.recordset")sql="select*fromvote"rs.opensql,conn,3,3ifrequest.QueryString("stype")=""then ifRequest.ServerVariables("REMOTE_ADDR")=request.cookies("IPAddress")then response.write"<SCRIPTlanguage=JavaScript>alert('感謝您的支持，您已經(jīng)投過(guò)票了，謝謝！');" response.write"javascript:window.close();</SCRIPT>" else options=request.form("options") response.cookies("IPAddress")=Request.ServerVariables("REMOTE_ADDR") conn.execute("UPDATEvotesetanswer"&options&"=answer"&options&"+1whereIsChecked=1") endifendif%><%total=0setrs=server.createobject("adodb.recordset")sql="select*fromvotewhereIsChecked=1"rs.opensql,conn,3,3%>fori=1to5 ifrs("Select"&i)<>""then total=total+rs("answer"&i) endifnext%><%fori=1to5 ifrs("Select"&i)<>""then iftotal=0then answer=0 else answer=(rs("answer"&i)/total)*100 endif%><%=rs("select"&i)%><%=round(answer,3)%>共有【<%=total%>】人參加投票<divalign="center"></div><palign="center">【<ahref="javascript:window.close()">關(guān)閉窗口</a>】<%rs.closesetrs=nothingconn.closesetconn=nothing%>5網(wǎng)站測(cè)試網(wǎng)站做好后，接下來(lái)的工作就