計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)本科畢業(yè)論文(同名22857)

計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)本科畢業(yè)論文(同名22857)11江西教育學(xué)院成人高等教育本科畢業(yè)論文類別年級(jí)2010級(jí)專業(yè)計(jì)算機(jī)科學(xué)與技術(shù)姓名學(xué)號(hào)論文題目動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)——花之家4本花卉休閑網(wǎng)站設(shè)計(jì)第一原則：目的性（Intension）必須有明確合理的建站目的和目標(biāo)群體。任何一個(gè)網(wǎng)站，必須首先具有明確的目的和目標(biāo)群體。網(wǎng)站是面對(duì)客戶、供應(yīng)商、消費(fèi)者還是全部？主要目的是為了介紹企業(yè)、宣傳某種產(chǎn)品、娛樂生活還是為了試驗(yàn)電子商務(wù)？如果目的不是唯一的，還應(yīng)該清楚的列出不同目的的輕重關(guān)系。建站包括類型的選擇、內(nèi)容功能的籌備、界面設(shè)計(jì)等各個(gè)方面都受到目的性的直接影響，因此目的性是一切原則的基礎(chǔ)。2.2、專業(yè)性本花卉休閑網(wǎng)站第二原則：專業(yè)性（Specialization）信息內(nèi)容應(yīng)該充分展現(xiàn)網(wǎng)站的專業(yè)特性。對(duì)外介紹網(wǎng)站自身，最主要的目的是向外界介紹網(wǎng)站的業(yè)務(wù)范圍、性質(zhì)和內(nèi)容，從而創(chuàng)造更多的商機(jī)。在這里包括：（1）應(yīng)該完整無誤的表述了花卉的業(yè)務(wù)范圍（花語、花的故事）及主次關(guān)系。（2）應(yīng)該齊備的介紹花卉的名子來源、花卉的樣子、花卉的故事。（3）提供花卉的年度總體資料將有助于花卉愛好者了解花卉的新聞。2.3、實(shí)用性本花卉休閑網(wǎng)站第三原則：實(shí)用性（Utility）功能服務(wù)應(yīng)該是切合實(shí)際需求的。1、網(wǎng)站提供的功能服務(wù)應(yīng)該是切合瀏覽者實(shí)際需求的且符合訪問特點(diǎn)的。2、網(wǎng)站提供的功能服務(wù)必須保證質(zhì)量。2.4、易操作性（1）、層次性條理清晰的結(jié)構(gòu)，表現(xiàn)為網(wǎng)站的板塊劃分的合理性（2）、一致性頁(yè)面整體設(shè)計(jì)風(fēng)格的一致性；功能一致性；元素風(fēng)格一致性。2.5、精簡(jiǎn)性每個(gè)界面調(diào)出的時(shí)間應(yīng)該在可以接受范圍之內(nèi)，當(dāng)必須耗用較長(zhǎng)的時(shí)間時(shí)應(yīng)該有明確提示并最好有進(jìn)度顯示。2.6、藝術(shù)性本花卉休閑網(wǎng)站第五原則：藝術(shù)性（Artwork）網(wǎng)頁(yè)創(chuàng)作本身已經(jīng)成了一種獨(dú)特的藝術(shù)。網(wǎng)頁(yè)創(chuàng)作從某種意義上來說可以稱為“eyeballwork”，要達(dá)到吸引眼球的目的，再結(jié)合界面設(shè)計(jì)的相關(guān)原理，形成了一種獨(dú)特的藝術(shù)。3、休閑網(wǎng)站主要設(shè)計(jì)工具及本站應(yīng)用3.1、Photoshop在本站中的應(yīng)用在眾多圖像處理軟件中，Adobe公司推出的專門用于圖形、圖像處理的軟件Photoshop以其強(qiáng)大的功能、集成度高、適用面廣和操作簡(jiǎn)便而著稱于世。本站在很多方面使用了5Photoshop極其相關(guān)的技術(shù)：本站應(yīng)用：首先，本站的整體樣式是通過Photoshop設(shè)計(jì)出來，在Photoshop上形成網(wǎng)站整體的風(fēng)格和樣式，這樣的關(guān)鍵是Photoshop在設(shè)計(jì)上有非常大的作用，這是其他軟件很難媲美的，而且Photoshop軟件還可以對(duì)所設(shè)計(jì)的網(wǎng)頁(yè)進(jìn)行切割，然后導(dǎo)出優(yōu)化結(jié)果，這樣的結(jié)果是HTML格式的，就可以很方便的導(dǎo)入到DreamweaverMX進(jìn)行進(jìn)一步的編輯。3.2、CorelDraw在本站中的應(yīng)用CorelDraw12是一套屢獲殊榮的圖形、圖像編輯軟件的最新版本，能精確捕捉創(chuàng)作神髓。這套驚人的繪圖軟件組合帶來強(qiáng)大的交互式工具，可創(chuàng)作出多種富于動(dòng)感的特殊效果及點(diǎn)陣圖像。本站應(yīng)用：CorelDraw很重要的一點(diǎn)就是，它是矢量圖編輯軟件，它所輯出來的圖片放大不會(huì)失真，這樣在網(wǎng)頁(yè)當(dāng)中的應(yīng)用是非常的關(guān)鍵的，特別是在一些圖片的處理上，發(fā)揮了更加大的作用?！盎ㄖ揖W(wǎng)站”里面會(huì)有一些圖片要使用到這些的處理。4、本休閑網(wǎng)站編寫設(shè)計(jì)環(huán)境選擇為了完美的表現(xiàn)出旅游網(wǎng)站的魅力和風(fēng)采，在本網(wǎng)站編寫環(huán)境選擇上采用國(guó)際先進(jìn)的網(wǎng)頁(yè)、平面處理等工具及其動(dòng)態(tài)網(wǎng)頁(yè)語言。4.1編程語言選擇ASP(ActiveSeverPages)ASP全稱為ActiveServerPages（動(dòng)態(tài)服務(wù)器主頁(yè)），它是一種應(yīng)用程序環(huán)境，可以利用VBscript

或JavaScript語言來設(shè)計(jì)，主要用于網(wǎng)絡(luò)數(shù)據(jù)庫(kù)的查詢與管理。其工作原理是當(dāng)瀏覽者發(fā)出瀏覽請(qǐng)求的時(shí)候，服務(wù)器會(huì)自動(dòng)將ASP的程序碼，解釋為標(biāo)準(zhǔn)HTML格式的網(wǎng)頁(yè)內(nèi)容，再送到瀏覽者瀏覽器上顯示出來。利用ASP生成的網(wǎng)頁(yè)，與HTML相比具有更大的靈活性。只要結(jié)構(gòu)合理，一個(gè)ASP頁(yè)面就可以取代成千上萬個(gè)網(wǎng)頁(yè)。盡管ASP在工作效率方面較之一些新技術(shù)要差，但勝在簡(jiǎn)單、直觀、易學(xué)，是涉足網(wǎng)絡(luò)編程的一條捷徑。它具備一個(gè)服務(wù)器端的腳本執(zhí)行環(huán)境，用它可產(chǎn)生和執(zhí)行動(dòng)態(tài)的、交互的、高性能的Web服務(wù)器應(yīng)用程序。ActiveServer的另一大優(yōu)點(diǎn)是代碼的安全性。頁(yè)面的訪問者所能看到的只是服務(wù)器方的處理結(jié)果。ASP文件可以用常規(guī)的文本編輯器編輯，ASP使用VBScript、JavaScript等腳本語言作為開發(fā)工具，鑲嵌于HTML文本中，使用"%…%"將ASP的程序包含起來。當(dāng)用戶從瀏覽器向Web服務(wù)器提出請(qǐng)求時(shí)，Web服務(wù)器會(huì)自動(dòng)將ASP的程序解釋為標(biāo)準(zhǔn)的HTML格式的主頁(yè)內(nèi)容，用戶端只要使用常規(guī)可執(zhí)行HTML程序的瀏覽器，就可瀏覽ASP所設(shè)計(jì)的主頁(yè)內(nèi)容，因此與瀏覽器無關(guān)，并且保證了ASP的源程序代碼不會(huì)外漏。4.2、連接數(shù)據(jù)庫(kù)選擇ADO(ActiveXDataObjects)ADO即ActiveXDataObjects，是微軟提供的使ASP具有訪問數(shù)據(jù)庫(kù)的Components。本站就是使用這種方法連接數(shù)據(jù)庫(kù)。ADO可以很方便地實(shí)時(shí)存取網(wǎng)絡(luò)數(shù)據(jù)庫(kù)的各種資料，不過，如果要使用ADO，首先應(yīng)建立ODBC數(shù)據(jù)源。ODBC(OpenDatabaseConnectivity)數(shù)據(jù)源中文譯名為“開放數(shù)據(jù)連接”，是微軟公司開6發(fā)的一個(gè)數(shù)據(jù)庫(kù)訪問標(biāo)準(zhǔn)。它的兩個(gè)用途分別是：第一，使用ODBC技術(shù)，設(shè)計(jì)人員只需編寫一個(gè)程序版本，就可以訪問多種數(shù)據(jù)庫(kù)，從而使程序具有更好的兼容性和適應(yīng)性。第二，有些應(yīng)用程序需要訪問某種數(shù)據(jù)庫(kù)，但程序所在的計(jì)算機(jī)上并沒有安裝相應(yīng)的數(shù)據(jù)庫(kù)軟件。如果為了使用某種數(shù)據(jù)庫(kù)，可以安裝相應(yīng)的數(shù)據(jù)庫(kù)軟件，但有些數(shù)據(jù)庫(kù)軟件極其龐大，并且對(duì)計(jì)算機(jī)的硬件、軟件配置有非常高的要求，即便能夠安裝，也會(huì)占用大量的系統(tǒng)資源。為此，ODBC提供了一批常用的數(shù)據(jù)庫(kù)軟件驅(qū)動(dòng)程序，包括Microsoft

Access的驅(qū)動(dòng)程序。這樣，計(jì)算機(jī)上即便沒有安裝Microsoft

Access，但只要有了Microsoft

Access的驅(qū)動(dòng)程序，程序就可以訪問數(shù)據(jù)庫(kù)。如果要在ASP程序中通過ADO對(duì)象訪問數(shù)據(jù)庫(kù)，必須先建立一個(gè)數(shù)據(jù)源(DataSource)。數(shù)據(jù)源包含了如何與一個(gè)數(shù)據(jù)提供者進(jìn)行連接的信息。數(shù)據(jù)提供者可以是任何支持ODBC的數(shù)據(jù)庫(kù)。數(shù)據(jù)源有三種類型：系統(tǒng)數(shù)據(jù)源、用戶數(shù)據(jù)源和文件數(shù)據(jù)源。如果建立的數(shù)據(jù)源是系統(tǒng)數(shù)據(jù)源，則所有的用戶都可以訪問；如果是用戶數(shù)據(jù)源，則只有指定用戶可以訪問；如果是文件數(shù)據(jù)源，則數(shù)據(jù)源信息將被存儲(chǔ)在一個(gè)文件中，多個(gè)用戶可以通過它來訪問數(shù)據(jù)庫(kù)?！盎ㄖ摇钡腛DBC數(shù)據(jù)源是名為“website”的系統(tǒng)數(shù)據(jù)源。數(shù)據(jù)源的配置流程為：“開始”→“設(shè)置”→控制面板→管理工具→數(shù)據(jù)源(ODBC)。當(dāng)數(shù)據(jù)庫(kù)參數(shù)設(shè)置完成，會(huì)彈出測(cè)試所建立的數(shù)據(jù)源是否成功，同時(shí)也列出了連接到Microsoft

Access數(shù)據(jù)源的所有信息。4.3、網(wǎng)站運(yùn)行環(huán)境選擇IIS(InternetInformationServer)IIS是InternetInformationServer的縮寫，它是微軟公司主推的服務(wù)器，最新的版本是Windows2003里面包含的IIS6，IIS與WindowNTServer完全集成在一起，因而用戶能夠利用WindowsNTServer和NTFS（NTFileSystem，NT的文件系統(tǒng)）內(nèi)置的安全特性，建立強(qiáng)大，靈活而安全的Internet和Intranet站點(diǎn)。

IIS支持HTTP（HypertextTransferProtocol，超文本傳輸協(xié)議），F(xiàn)TP（FeleTransferProtocol，文件傳輸協(xié)議）以及SMTP協(xié)議，通過使用CGI和ISAPI，IIS可以得到高度的擴(kuò)展。

IIS支持與語言無關(guān)的腳本編寫和組件，通過IIS，開發(fā)人員就可以開發(fā)新一代動(dòng)態(tài)的，富有魅力的Web站點(diǎn)。IIS不需要開發(fā)人員學(xué)習(xí)新的腳本語言或者編譯應(yīng)用程序，IIS完全支持VBscript，Jscript開發(fā)軟件以及Java，它也支持CGI和WinCGI，以及ISAPI擴(kuò)展和過濾器。Windows2000Server版已默認(rèn)安裝了IIS服務(wù)器，如果您的服務(wù)器尚未安裝IIS，可以參考如下的安裝說明，否則請(qǐng)?zhí)^此節(jié)。在“控制面板”的“添加/刪除程序”窗口左側(cè)選擇“添加/刪除Windows組件”，稍候彈出組件選擇窗口，在其中選擇“Internet信息服務(wù)(IIS)”一項(xiàng)，單擊“詳細(xì)信息”按鈕，這里選擇“WordWideWeb服務(wù)器”，另一些需要的組件會(huì)被自動(dòng)選擇，這里您還可以安裝FTP服務(wù)，如果您有興趣可以自行研究。單擊“確定”回到上一7窗口，單擊“下一步”，插入Windows安裝光盤，等待完成即可。本站的瀏覽需要IIS的支持。本花卉休閑網(wǎng)站需要在IIS下才能正常運(yùn)行。4.4、網(wǎng)站數(shù)據(jù)庫(kù)選擇Access數(shù)據(jù)庫(kù)是有結(jié)構(gòu)的數(shù)據(jù)集合,它與一般的數(shù)據(jù)文件不同，(其中的數(shù)據(jù)是無結(jié)構(gòu)的)是一串文字或數(shù)字流。數(shù)據(jù)庫(kù)中的數(shù)據(jù)可以是文字、圖像、聲音等。MicrosoftAccess是一種關(guān)系式數(shù)據(jù)庫(kù)，關(guān)系式數(shù)據(jù)庫(kù)由一系列表組成，表又由一系列行和列組成，每一行是一個(gè)記錄，每一列是一個(gè)字段，每個(gè)字段有一個(gè)字段名，字段名在一個(gè)表中不能重復(fù)。表與表之間可以建立關(guān)系（或稱關(guān)聯(lián)，連接），以便查詢相關(guān)聯(lián)的信息。Access數(shù)據(jù)庫(kù)以文件形式保存，文件的擴(kuò)展名是MDB。Access數(shù)據(jù)庫(kù)由六種對(duì)象組成，它們是表、查詢、窗體、報(bào)表、宏和模塊。本花卉休閑網(wǎng)站就是采用這個(gè)開發(fā)工具M(jìn)icrosoftAccess開發(fā)數(shù)據(jù)庫(kù)。4.5、網(wǎng)站開發(fā)工具選擇MacromediaDreamweaverMXDreamweaverMX是由Macromedia公司出品的一款可視化的網(wǎng)頁(yè)編輯器有強(qiáng)大的網(wǎng)頁(yè)編輯功能，和網(wǎng)站管理功能。它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁(yè)開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。為了達(dá)到很好的網(wǎng)頁(yè)效果，本站選用MacromediaDreamweaverMX為網(wǎng)站開發(fā)工具。Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁(yè)上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁(yè)安全色。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。Dreamweaver能與您喜愛的設(shè)計(jì)工具，如PlaybackFlash，Shockwave和＊＊模組等搭配，不需離開Dreamweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動(dòng)開啟Firework或Photoshop來進(jìn)行編輯與設(shè)定圖檔的最佳化。使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計(jì)、更新和重組網(wǎng)頁(yè)。改變網(wǎng)頁(yè)位置或檔案名稱，Dreamweaver會(huì)自動(dòng)更新所有連結(jié)。使用支援文字、HTML碼、HTML屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。5、網(wǎng)站的功能介紹網(wǎng)站的組織結(jié)構(gòu)圖：

5.1各網(wǎng)頁(yè)介紹主頁(yè)index.asp全圖如下所示：

圖5-1這個(gè)主頁(yè)使瀏覽者清楚了解到本花卉網(wǎng)站的大致內(nèi)容。同時(shí)在主頁(yè)中包含了解意花語、花卉圖片、花之故事及請(qǐng)你留言這四個(gè)大塊內(nèi)容?；ㄖ业慕庖饣ㄕZhuayu.asp：

圖5-2不同的鮮花含義各不相同，搭配時(shí)不可只講究外觀美麗。一不小心，搭配錯(cuò)誤，可要鬧笑話了。例如：玫瑰是愛情的最佳代言人，不少新人拍婚紗照，首選玫瑰，但玫瑰的顏色不同8含義也有所區(qū)別：紅玫瑰代表：深愛著你；粉色玫瑰表示：動(dòng)情在心、愛的宣言；白玫瑰則表示：天真、純潔、尊敬的含義。大部分康乃馨都代表了愛、魅力和尊敬之情。淺紅色代表欽佩，深紅色代表深深的愛和關(guān)懷。純白色代表了純潔的愛和幸運(yùn)；花紋康乃馨代表拒絕求愛時(shí)的道歉。粉紅色康乃馨具有最重要的象征和歷史意義，因此粉紅色康乃馨成為了不朽的母愛的象征。花卉圖片的tupian.asp:

圖5-3主要功能：主要介紹了各種花的樣子，使人們方便辨別?；ㄖ适碌膅ushi.asp:圖5-4

花的故事很多，有浪漫的、有悲傷的、有神話的。語言和情感能是融為一體的，這無形中增強(qiáng)了語言的魔力，讓別人在不知不覺中就進(jìn)入到花的故事當(dāng)中，這樣就很容易接受故事中的感情。在這個(gè)網(wǎng)站中詳述了丁香花以及百合花的故事，只要你放進(jìn)感情去閱讀，你就會(huì)發(fā)現(xiàn)這是一個(gè)非常感人的故事。

請(qǐng)你留言的liuyan.asp:

圖5-5大家可以在此網(wǎng)站中注冊(cè)用戶并給這個(gè)網(wǎng)站留言，互相交流，提供意見并可在留言版上盡情留言，發(fā)表各自不同的想法。論點(diǎn)：花卉是最具吸引力的旅游景觀之一,具有"色、香、姿、韻"四個(gè)方面的旅游審美意義.花卉的色彩給人的美感最直接、最強(qiáng)烈,不同花色具有不同的感情象征意義.花卉的香味包括"香"與"味"兩個(gè)方面,不同的香型具有不同的美感類型.花卉的姿態(tài)千變?nèi)f化,因與季節(jié)無關(guān)而具有持久之美.花卉的風(fēng)韻美是花卉各種自然屬性美的凝聚和升華,是一種自然意態(tài)之美,它比花卉純自然的美更具美學(xué)意義.由于作為欣賞對(duì)象的花卉是一種具有生命的自然之物,因而,花卉欣賞是一項(xiàng)特殊的審美認(rèn)識(shí)活動(dòng),除了受審美主體的知識(shí)水平、文化素養(yǎng)、情緒條件等影響之外,還受自然條件和天時(shí)景象的影響。5.2、網(wǎng)站的各主要代碼:(1)主頁(yè)index.asp的簡(jiǎn)介顯示代碼：<marqueedirection=upheight=100scrollamount=1scrolldelay=20width="95%">向日葵的傳說古希臘女神暗戀太陽神阿波羅，終日盼不到他的愛。于是，眾神就將她變成花，好讓她可以終生追隨太陽神。就因終其一生追隨著太陽，所以被稱為向日葵。

</marquee>(2)主頁(yè)index.asp的跑馬燈顯示代碼：<MARQUEEscrollAmount=2hspace=5scrollDelay=10loop=100width="90%"

height=20on="left"directialign="center">

<FONTface=宋體color=#ffffff

size=2><STRONG>要知花之語言速入此網(wǎng)站

</STRONG></FONT></MARQUEE>(3)連接數(shù)據(jù)庫(kù)代碼<%setconn=server.createobject("adodb.connection"9conn.open"driver={microsoftaccessdriver(*.mdb)};dbq="&server.mappath("liuyan.mdb")%>

*/導(dǎo)入后臺(tái)數(shù)據(jù)庫(kù)/*6、花卉休閑網(wǎng)站系統(tǒng)功能具體的實(shí)現(xiàn)6.1數(shù)據(jù)庫(kù)的設(shè)計(jì)與創(chuàng)建在進(jìn)行應(yīng)用程序設(shè)計(jì)之前，首先創(chuàng)建數(shù)據(jù)庫(kù),我們對(duì)整個(gè)花卉網(wǎng)站系統(tǒng)進(jìn)行了全面分析，通過對(duì)用戶需求的分析創(chuàng)建了以下2個(gè)表：(1)．liuyan(2)．zhuce6.2、數(shù)據(jù)庫(kù)表的結(jié)構(gòu)設(shè)計(jì)要使數(shù)據(jù)有良好的性能，表必須有良好的結(jié)構(gòu)和范式，這里列舉花卉信息發(fā)布系統(tǒng)的幾個(gè)表來說明。(1)、liuyan表，用于存放留言登記的信息，圖6