共享網站設計畢業(yè)論文

1、<p><b>　　網站設計（論文）</b></p><p>　　論 文 題 目 共享網站設計 </p><p>　　專 業(yè) 　　XXX XX XXXXX XXXX　 </p><p>　　班 級 XXXXX XXXXXX </p>

2、<p>　　姓 名 XXXX </p><p>　　指導教師 X X </p><p>　　2011年 06月 30日</p><p><b>　　目 錄</b></p><p><b>　　摘&

3、#160; 要II</b></p><p><b>　　前 言1</b></p><p><b>　　第一章 綜 述2</b></p><p>　　1.1開發(fā)背景及目的2</p><p>　　1.2 可行性分析3</p><p>　　第二章

4、開發(fā)平臺介紹5</p><p>　　2.1開發(fā)語言介紹5</p><p>　　2.2 ASP的產生5</p><p>　　2.3 ASP與IIS6</p><p>　　2.4 ASP的內部特點7</p><p>　　2.5 ASP與CGI的比較8</p><p>　　第三章 詳細設

5、計10</p><p>　　3.1 系統(tǒng)詳細調查10</p><p>　　3.2 數據流圖10</p><p>　　3.3 軟件模塊結構設計11</p><p>　　3.4 數據庫設計12</p><p>　　第四章 系統(tǒng)的實現14</p><p>　　4.1 動態(tài)網站的優(yōu)點1

6、4</p><p>　　4.2 主窗口界面14</p><p>　　4.3 公司新聞網頁設計19</p><p>　　4.4 產品展示模塊設計22</p><p>　　4.5 信息反饋模塊設計23</p><p>　　4.6 網站后臺管理模塊設計24</p><p>　　第五章 總

7、結25</p><p><b>　　參考文獻26</b></p><p><b>　　致 謝27</b></p><p><b>　　摘  要</b></p><p>　　隨著計算機及網絡技術的飛速發(fā)展，Internet/Intranet應用在全球范

8、圍內日益普及，當今社會正快速向信息化社會前進，信息自動化的作用也越來越大。從而使我們從繁雜的事務中解放出來，提高了我們的工作效率。</p><p>　　本論文主要闡述一個功能比較強大的企業(yè)網站系統(tǒng)的后臺操作過程及一些關鍵技術。該系統(tǒng)信息來源主要由用戶直接添加，通過管理員審核后,在網站上發(fā)布出來,以供大家查詢相關公司信息。本系統(tǒng)主要讓社會各界能更好的了解本本企業(yè)，歡迎對本企業(yè)的發(fā)展提出更多寶貴留言。</p&g

9、t;<p>　　該企業(yè)網站系統(tǒng)是前臺應用DreamweaverMX2004、FireworksMX2004、FlashMX2004等軟件，后臺結合ASP編程技術開發(fā)出來的。</p><p>　　設計方案：企業(yè)網站系統(tǒng)的建立，需要進行用戶的需求調查與分析，以確定系統(tǒng)目標，提出解決問題的詳細方案，這是系統(tǒng)建設的重要環(huán)節(jié)。</p><p>　　該系統(tǒng)所需硬件設備，主要是微機一臺，鑒

10、于當前流行的操作系統(tǒng)是Winxp，所以為了本系統(tǒng)能長期使用，所以采用配置相對較高的一臺微機，具體配置為：p4 2.4G，DDR1024M內存，硬盤80G，配有光驅，軟驅，USB接口。操作系統(tǒng)采用Windowsxp操作系統(tǒng)，數據庫管理系統(tǒng)采用ACCESS，開發(fā)軟件采用DreamweaverMX2004、FireworksMX2004、FlashMX2004等軟件。</p><p>　　關鍵詞： 數據庫，ASP，動態(tài)

11、網站，企業(yè)網站</p><p><b>　　前 言</b></p><p>　　人類社會已經邁入了21世紀，信息技術的浪潮也沖擊著社會的方方面面。以計算機互聯(lián)網為核心的科學技術為社會各行各業(yè)提供了前所未有的機會和發(fā)展?jié)摿?。生產業(yè)也不例外。</p><p>　　互聯(lián)網走到今天，也有五年的光景了，之間經歷了高潮和低谷，讓許許多多為之奮斗的人們興奮

12、過，也沮喪過。一年前，當失去耐心的人開始疾呼互聯(lián)網是泡沫，大家不要陷進去的時候，中國互聯(lián)網仍然我行我素，走著自己該走的路。專家們對于互聯(lián)網企業(yè)將有90%關門的預言如今也不攻自破。這些風風雨雨讓許多真正了解互聯(lián)網的人終于看明白了一點：互聯(lián)網本身并不能創(chuàng)造產值，它是一個服務性行業(yè)。</p><p>　　以Internet為基礎的電子商務就是企業(yè)利用計算機技術和網絡通訊技術進行商務活動的方式。它為企業(yè)與企業(yè)之間(B t

13、o B)、企業(yè)與消費者(B to C )之間提供了一種新型的商務活動模式?；贗nternet的企業(yè)網站作為企業(yè)進行電子商務活動的窗口，是企業(yè)為合作伙伴和客戶提供訪問企業(yè)內部各種資源的平臺。通過網站，企業(yè)的合作伙伴，可以很快獲取企業(yè)當前及近期的各種生產及經營信息，并根據這些信息對本企業(yè)的資源調配和生產調度進行合理優(yōu)化；通過網站，企業(yè)的客戶可以查詢并了解企業(yè)所生產的各種產品的性能、價格等詳細資料以及企業(yè)能給客戶提供的各種服務：通過網站，企

14、業(yè)能更好地宣傳自己，提高企業(yè)知名度，進行有效的網絡營銷。</p><p>　　為了提高產品規(guī)模以及知名度，使企業(yè)形象走上一個新臺階，利用現有的internet網環(huán)境，我們開發(fā)、建立良精集團企業(yè)網及銷售系統(tǒng)。</p><p>　　由于是初步的建立，所以只設計了一些基本功能，但功能基本上不會受到影響。</p><p><b>　　第一章 綜 述</b&g

15、t;</p><p>　　1.1開發(fā)背景及目的</p><p>　　中國網絡營銷在2004年取得了飛速的發(fā)展，可以說是自1999年以來發(fā)展最快的一年，也是網上營銷新觀察自2000年開始進行網絡營銷發(fā)展狀況年度綜述以來認為最值得總結的一年?？傮w說來，2004年中國的網絡營銷在企業(yè)網站取得了穩(wěn)步發(fā)展、搜索引擎營銷的熱度進一步提高、 基礎網絡營銷服務全面實現電子商務化、網絡營銷策略期待突破等十個

16、方面尤其值得在中國網絡營銷發(fā)展史上重點記錄。</p><p>　　企業(yè)網站是開展網絡營銷的綜合性工具，專業(yè)性的企業(yè)網站是網絡營銷效果得以保證的基礎?；谠摴疽恢弊叩氖抢吓f模式經濟，所以我試著開發(fā)“聚豐公司網站”系統(tǒng)，一為提高公司的經營效益，二為提高自身的專業(yè)能力。</p><p>　　該網站主要形式有：企業(yè)對消費者、企業(yè)對企業(yè)、消費者對消費者的商務活動。利用網絡，可以擴大資源的配置半徑，

17、使企業(yè)很容易在全球尋找到最優(yōu)資源，開展全球化采購，有利于企業(yè)的資本、勞務和國際化，進行國際化經營。其二是開拓市場。企業(yè)通過網絡可以接觸到更多的銷售渠道，減少交易中間人，加速購銷流程。從接洽供應商、獲取產品樣本，到最終完成交易，都可以通過網絡來完成，這對買賣雙方都意味著更便捷的查詢和貿易機會，有利用企業(yè)從傳統(tǒng)的經銷渠道邁向網絡經營。其三是提高經濟效益。網絡大大提高了信息傳輸速度和信息使用交互頻率，有利于降低庫存，縮短生產時間，使經濟效益明

18、顯提高。而且，網絡本身能創(chuàng)造價值，網絡技術可以有效地解決企業(yè)的內部管理問題，提高管理能力，使企業(yè)的組織結構和管理模式更富效率。其四是提升企業(yè)形象。網絡技術還可以大大增加企業(yè)的無形資產，使企業(yè)的商標、品牌、知名度得到更加廣泛的傳播，擴大在顧客和社會中的影響。</p><p><b>　　1.2 可行性分析</b></p><p>　　如果我們建立一個企業(yè)的網站，把它作為

19、一個門戶，在這個門戶中我們可以各類與企業(yè)相關的業(yè)務聯(lián)系都引入其中，我們把各類的應用都放在其中，我們把所有的企業(yè)相關信息都放在其中，你會發(fā)現，這個企業(yè)的門戶無所不能了，這是利用延伸互聯(lián)網信息門戶的整合能力，而在技術上是完全可以達到的。</p><p>　　互聯(lián)網可以做到隨時隨地接入，提高效率，是輔助決策的很好的工具，并能實現與國際供應鏈連接</p><p>　　有了互聯(lián)網的接入門戶，對于企業(yè)

20、的一切行為都在最快捷最準確的掌握之中，無論身在何方，隨時隨地接入，企業(yè)就在眼前，這對于提高決策效率的幫助是以住任何一種形式都不可比擬的。 </p><p>　　網絡進一步擴展為管理、經營的手段，大大降低企業(yè)的運作成本，如通訊費用、交易費用等</p><p>　　互聯(lián)網技術的應用使用得企業(yè)變得開放，溝通便利，管理高效，成本大大降低，這對于企業(yè)無疑增強了競爭的實力。特別是在WTO來臨之時，中國

21、企業(yè)如何能夠適應國際化的競爭，進入全球化供應鏈，首先在企業(yè)信息化的建設方面就在進行有一個充足的準備，市場環(huán)境開放，競爭開放，企業(yè)的信息化也要適用這種變化。</p><p>　　然后我們來看。當前，社會信息化和經濟全球化發(fā)展日益加快，網絡經濟迅速發(fā)展，互聯(lián)網正以驚人的速度滲透到經濟的各個領域，對經濟發(fā)展和社會生活產生了深遠的影響，至2002年底，全球互聯(lián)網用戶已經突破6億，人們使用互聯(lián)網的時間將超過使用電話的時間，

22、隨著我國加入世貿組織，國內企業(yè)不可避免地要面對全球化引發(fā)更加激勵的市場競爭。企業(yè)上網，勢在必行。</p><p>　　企業(yè)門戶網站的主要功能：</p><p>　　1、于企業(yè)內部是管理和查詢日常業(yè)務的公用平臺：員工可以訪問企業(yè)的客戶信息、銷售信息、生產信息、庫存信息、財務信息，以最低的成本共享和利用企業(yè)的所有信息； </p><p>　　2、對外則是企業(yè)網站：通過企

23、業(yè)門戶及時向客戶和合作伙伴提供產品、服務的信息。 開拓新的網上業(yè)務，推動企業(yè)走進電子商務； </p><p>　　3、使企業(yè)能夠釋放存儲在內部和外部的各種信息； </p><p>　　4、使企業(yè)員工、客戶和合作伙伴能夠從單一的渠道訪問其所需的個性化信息。</p><p>　　企業(yè)門戶網站具有以下特點：</p><p>　　1、統(tǒng)一的信息訪問渠

24、道：通過將內部和外部各種相對分散獨立的信息組成一個統(tǒng)一的整體，使用戶能夠從統(tǒng)一的渠道訪問其所需的信息，從而實現優(yōu)化企業(yè)運作和提高生產力的目的。</p><p>　　2、不間斷的服務：通過網絡和安全可靠的機制使用戶在任何時間任何地點都可以訪問企業(yè)的信息和應用，保證企業(yè)的業(yè)務運轉永不停頓，將網絡經營的優(yōu)勢發(fā)揮到極至。</p><p>　　3、強大的內容管理能力：對企業(yè)各種類型信息的處理能力EI

25、P支持幾乎各種結構化和非結構化的數據，能識別90多種關系型和OLAP數據庫中的數據，并可以搜索和處理各種格式的文檔。 </p><p>　　4、個性化的應用服務：信息門戶的數據和應用可以根據每一個人的要求來設置和提供，定制出個性化的應用門戶，提高了員工的工作效率，增強了對顧客的親和力和吸引力。</p><p>　　5、與現有系統(tǒng)的集成：能將企業(yè)現有的數據和應用無縫地集成到一起，無需重新開發(fā)

26、，保護了原有的投資。 </p><p>　　6、高度的可擴展性：能適應企業(yè)新的人員和部門的調整的變化，滿足企業(yè)業(yè)務調整和擴展的要求，解決企業(yè)與IT部門短時間內無法解決的技術需求問題。</p><p>　　7、安全可靠的保障：通過安全機制保證數據的機密性及完整性，保障企業(yè)業(yè)務的正常運轉。</p><p>　　第二章 開發(fā)平臺介紹</p><p>

27、;<b>　　2.1開發(fā)語言介紹</b></p><p>　　作為Microsoft的office套件產品之一,Access已經賣出了近700萬份,成為世界上最流行的桌面數據庫系統(tǒng)。Access與許多優(yōu)秀的關系數據庫一樣，可以讓你很容易地連接相關的信息而且還對其他的數據庫系統(tǒng)有所補充。它能操作其它來源的資料，包括許多流行的PC數據庫程序（如dBASE，Paradox，Microsoft Fo

28、xPro）和服務器、小型積極大型機上的許多SQL數據庫。Access還完全支持Microsoft的OLE技術。</p><p>　　Access還提供windows操作系統(tǒng)的高級應用程序開發(fā)系統(tǒng)。Access與其它數據庫開發(fā)系統(tǒng)之間相當顯著的區(qū)別就是：您不用寫一行代碼，就可以在很短的時間里開發(fā)出一個功能強大而且相當專業(yè)的數據庫應用程序，并且這一愉快的過程是完全可視的！如果您能給它加上簡短的VBA代碼，那么您的程序

29、決不比專業(yè)程序員潛心開發(fā)的程序差。</p><p>　　Access 功能強大，使用方便，是開發(fā)桌面數據庫的最優(yōu)秀的工具之一。</p><p>　　Access 本身具有強大的向導機制，能提供大量的數據庫常用操作。但如果你能適當的加上少量的代碼，那么你的程序將是專業(yè)級的。這一切都靠VBA。</p><p>　　2.2 ASP的產生</p><p&

30、gt;　　近年來隨著Internet技術的飛速發(fā)展及用戶需求的不斷升級，Web頁面技術也不斷的推陳出新，使得Web站點的功能越來越強大，能夠提供的服務種類越來越繁多。從HTML、Client Script 到CGI,從JAVA的誕生到ActiveX, Web頁面設計人員不斷受到沖擊，微軟公司在總結了以往技術，重新思考Web頁面設計的真正需要后，推出了Active Server Pages (ASP)，一種用以取代CGI(Common G

31、ateway Interface，通用網關接口)的技術。</p><p>　　簡單講，ASP是位于服務器端的腳本運行環(huán)境，通過這種環(huán)境，用戶可以創(chuàng)建和運行動態(tài)的交互式 Web 服務器應用程序，如交互式的動態(tài)網站，包括使用 HTML 表單收集和處理信息，上傳與下載等等。更重要的是，ASP使用的ActiveX技術基于開放設計環(huán)境，用戶可以自己定義和制作組件加入其中，使自己的動態(tài)網站幾乎具有無限的擴充能力，這是傳統(tǒng)的W

32、eb編寫工具所遠遠不及的地方。使用ASP還有個好處，就在于ASP可利用ADO(Active Data Object,微軟的一種新的數據訪問模型)方便快捷地訪問數據庫,從而使得開發(fā)基于WWW的應用系統(tǒng)成為可能，這也是本文選擇ASP作為開發(fā)工具最重要的原因之一。</p><p>　　2.3 ASP與IIS</p><p><b>　　IIS簡介</b></p>

33、<p>　　Wsb服務器是Web應用程序的心臟。IIS(Internet Information Server)是微軟推出的Windows NT Option Pack的主要成員，作為Win2000server的擴展，自推出以來已經有了很大發(fā)展，其體系結構是當今市場上最受關注的Web服務器之一。新推出的IIS4.0版本增強了系統(tǒng)安全性，具有服務器端腳本開發(fā)調試，內容管理和站點分析，崩潰防護，內置JAVA虛擬機及全面支持AS

34、P等強大功能。</p><p>　　IIS與ASP的結合</p><p>　　在過去，客戶機/服務器結構的設計與Web的相關技術幾乎處于平行線上，兩者相互獨立并無法作出集成性的設計?，F在我們利用IIS+ASP構成三層式Web結構（如圖2.1所示）的中間一層，將客戶機/服務器結構與Web密切結合，完成前后端兩者的集成輸出功能，使得Web站點的開發(fā)更方便，實現的功能更強大。</p>

35、<p>　　利用IIS+ASP技術來集成Web前后端所帶來的強大效益可歸結為以下幾個方面：</p><p>　　1.減少構建和維護成本</p><p><b>　　2.加快聯(lián)機過程</b></p><p>　　3.應用軟件集中在服務器端開發(fā)管理</p><p>　　4.前端可使用任何瀏覽器（IE、Netsc

36、ape…..）</p><p>　　5.后端可存取任何數據庫 (SQL、Access…..)</p><p>　　6.可使用任何腳本語言開發(fā) (VBScript、JavaScript、PERL…..)</p><p>　　圖2.1 IIS+ASP三層式Web結構圖</p><p>　　2.4 ASP的內部特點</p><

37、p><b>　　ASP內部6大對象</b></p><p>　　ASP提供了6個功能強大的內部對象，每個對象具有各自的屬性（Property）、方法（Method），有的還擁有數據集合（Collection）與事件（Event），它們共同完成Web中的一些重要工作。這6個對象及其功能描述如表3.1所示。</p><p>　　表2.1 ASP 內部6大對象及其功

38、能</p><p>　　合理地運用這些對象可以使原本復雜，煩瑣的工作變得簡捷而條理清晰。</p><p>　　我們可以用以下的語法直接使用這些對象：對象/屬性/方法/數據集合</p><p><b>　　Global 文件</b></p><p>　　每一個以Active Server Pages為基礎的應用程序都擁有一

39、個Global.asa文件（ASA后綴名其實是Active Server Application的縮寫），它位于每一個應用程序的基點目錄之下。當Active Server Pages做下面兩個動作時，Server便會去讀Global.asa文件：</p><p>　　1.Web Server啟動之后，一個應用程序目錄中任一個ASP文件被提出第一個HTTP請求（Request）時。 </p><

40、p>　　2.不具有任何Session的客戶端向Server請求一個ASP文件時。</p><p>　　前面已經提到Application和Session這兩個ASP的內部對象。Application對象內的信息供所有正在執(zhí)行該應用程序的用戶分享，它創(chuàng)建于Web Server啟動后一個應用程序中任一ASP文件被提出第一個HTTP請求時，結束于Server端停止運行。而Session對象僅屬于一位用戶，維持一個

41、用戶端的信息，其他用戶無法訪問，它創(chuàng)建于一個不具有Session的用戶向Server請求一個ASP文件時，結束于該Session到期（即用戶端超過某時間段沒有向Server提出要求或刷新Web頁面）或Abandon語句的調用。可見，Global.asa文件的調用與Application與Session這兩個對象密切相關。事實上我們通常在Global。asa文件中寫入以下內容：</p><p>　　Applicat

42、ion或Session的開始事件（Start-event）。</p><p>　　Application或Session的結束事件 (End-event)。</p><p>　　這樣，在一個Application或Session對象被創(chuàng)建或結束時，系統(tǒng)會自動完成Global.asa文件中寫入的相應事件。值得注意的是，如果一個Application與一個Session同時開始，Active

43、Server Pages會先處理Application的開始事件，而如果一個Application與一個Session同時結束，Active Server Pages則會先處理Session的結束事件。</p><p>　　2.5 ASP與CGI的比較</p><p>　　CGI(Common Gateway Interface，通用網關接口)也是Internet上一種功能強大的Web頁面

44、技術，其工作方式有別于ASP。我們現對二者進行比較。</p><p>　　Active Server Pages開發(fā)Web應用程序的特點：</p><p>　　完全嵌入HTML，與HTML、Script語言完美結合。</p><p>　　無須手動編譯和鏈接程序。</p><p>　　面向對象，并可擴展ActiveX Server組件功能。&l

45、t;/p><p>　　使用腳本語言（JavaScript、VBScript或PERL）編寫。</p><p>　　存取數據庫輕松容易（使用ADO組件）。</p><p>　　可使用任何語言編寫自己的ActiveX Server組件。</p><p><b>　　無瀏覽器兼容問題。</b></p><p&g

46、t;　　程序代碼隱藏，客戶端僅能看到ASP輸出的HTML文件。</p><p>　　縮短Web開發(fā)時間。</p><p>　　相比之下，使用CGI開發(fā)Web應用程序具有以下缺點：</p><p>　　不易與HTML文件集成。</p><p>　　須使用其他較復雜的語言來開發(fā)CGI程序。</p><p><b>

47、;　　程序開發(fā)時間較長。</b></p><p><b>　　存取數據庫不容易。</b></p><p>　　每個CGI程序被不同用戶執(zhí)行時都得重新執(zhí)行一次，并占去Server的一個端口（Port），降低Server效率。ASP在數據庫訪問、與HTML的集成、提高服務器的效率等諸多方面都優(yōu)于CGI，更適應Web應用程序開發(fā)的需要，因此本文選擇了ASP作為個

48、性化頁面生成器的開發(fā)工</p><p><b>　　第三章 詳細設計</b></p><p>　　3.1 系統(tǒng)詳細調查</p><p>　　傳統(tǒng)的軟件工程方法學使用結構化分析技術，完成分析用戶需求工作。需求分析要了解用戶的情況，接下來通過與用戶交流，對用戶的基本要求反復細化，以得出對目標系統(tǒng)的完整、準確和具體的需求。需求分析是為了發(fā)現用戶的真

49、正需求，首先應從宏觀角度調查、分析用戶所面臨的問題，也就是說，需求分析的第一步是盡可能準確地了解用戶當前的情況和需要解決的問題。在網站中，用戶所需要的無非就是獲取信息，并查詢到滿足自身查詢條件的詳細資料。因此在做查詢系統(tǒng)時，充分考慮到了一樣標本的自身屬性和用戶有可能用到的查詢條件，兩都有機結合，這樣才能更好的為用戶服務。</p><p>　　運行環(huán)境：大多數用戶，對計算機的要求并不高，一般只需能實現信息的添加、修

50、改、刪除、查詢等功能即可，所以計算機的配置約為普通配置，DDR256M內存，17英寸純平顯示器，80G硬盤，標準鍵盤和鼠標，打印機，Windows 98/xp/me/2000操作系統(tǒng)等。而本系統(tǒng)開發(fā)工具選取Macromedia Dreamweaver MX 2004，所以編制的程序在以上環(huán)境的機器中均可順利運行，并且本系統(tǒng)占用空間較小，主要依靠鼠標和鍵盤進行錄入。詳細調查的重點是對管理業(yè)務的流程進行描述，通過采用系統(tǒng)流程圖中部分圖工具來

51、描述管理活動，進行規(guī)范化說明。</p><p>　　系統(tǒng)分析的主要成果是系統(tǒng)的邏輯模型。本系統(tǒng)的邏輯模型主要是以系統(tǒng)的數據流圖和數據字典為主要描述工具。按照信息系統(tǒng)中應有的數據流和數據結構來勾畫系統(tǒng)的概貌。</p><p><b>　　3.2 數據流圖</b></p><p>　　數據流圖是組織中信息運動的抽象。是在調研的基礎上，從系統(tǒng)的科學性

52、、管理的合理性、實際運動的可行性角度出發(fā)。將信息處理功能和彼此之間的聯(lián)系自頂向下，逐層分解，從邏輯上精確地描述系統(tǒng)應具有的數據加工功能、數據輸入、數據輸出、數據存儲及數據來源和去向（外部實體）等項目。</p><p>　　首先，分析管理系統(tǒng)的總體情況，劃分系統(tǒng)邊界，識別系統(tǒng)的數據來源和去處，確定外部實體，得出系統(tǒng)的頂層數據流程圖。</p><p>　　然后劃分出幾個主要的信息管理功能，并明

53、確各功能之間的聯(lián)系，繪制出數據流程圖。</p><p>　　數據流程圖的符號說明如圖3.1所示。</p><p>　　外部實體 處理 數據流 數據存儲</p><p>　　圖3.1 數據流程圖的符號</p><p>　　3.3 軟件模塊結構設計</p><p

54、>　　與傳統(tǒng)媒體不同，網站除了文字和圖像以外，還包含聲音、視頻和動畫等新興多媒體元素，更借助由代碼語言編程所實現的各種交互式效果，增加了網站界面的生動性和復雜性，也使得網站設計者需要考慮更多頁面元素的排布、優(yōu)化。一般來說，網站的界面主要由下面幾個因素構成：</p><p>　?。?）文字：文字元素是信息傳達的主體部分。網站中的文字主要包括標題、信息、文字鏈接、幾種主要形式。標題和傳統(tǒng)媒體中信息傳達的基本作用

55、相同，是內容的簡概說明一般比較醒目、優(yōu)先編排。文字作為占據頁面重要比率的元素，同時又是信息重要載體，它的字體、大小、顏色和排布對頁面整體設計影響極大。</p><p>　?。?）圖形：圖形在網站界面中具有重要作用。合理的運用圖形?？梢陨鷦又庇^、形象地表現設計主題。網站中常用的圖形格式包括jpg和gif，這兩種格式壓縮比高，得到了規(guī)范瀏覽器的支持，下載速度快，具有跨平臺的特性，不需要瀏覽器安裝插件即可直接閱覽。圖形

56、元素包括標題、背景、主圖、鏈接圖標四種。</p><p>　?。?）頁面版式：版式是網站界面設計的重要組成部分，它將文字、圖形等視覺元素進行組合配置，使頁面整體視覺效果美觀和諧，便于閱讀，實現信息傳達的最佳效果。 </p><p>　　（4）色彩：彩色網站比單色網站更具吸引力；色彩本身具有象征作用。 </p><p>　?。?）多媒體：網站構成中的多媒體元素主要包括

57、音頻、視頻和動畫。這些是界面構成中最吸引人的元素 。</p><p>　?。?）技術：網站的技術要素并非任何情況下在網站中都能直觀體現，但是卻代表了設計的整體水平，也是衡量設計成功的重要標準。網站界面設計最基本的技術要求包括：瀏覽器、傳輸速度、屏幕分辨率、顏色顯示。</p><p>　　（7）系統(tǒng)方案確定。通過對系統(tǒng)調研與分析，系統(tǒng)主要應完成的功能如下：信息管理、錯誤管理、帳戶管理、欄目管

58、理等。</p><p>　?。?）軟件結構設計。系統(tǒng)執(zhí)行時，先輸入數據，然后根據輸入的數據選擇執(zhí)行路徑。 系統(tǒng)功能圖如圖3-2所示。</p><p>　　圖3.2 系統(tǒng)功能模塊圖</p><p><b>　　3.4 數據庫設計</b></p><p>　　數據庫(Database)，是按照數據結構來組織、存儲和管理數據

59、的倉庫，是用于查詢的大量數據的存儲區(qū)域。使用數據庫可以帶來許多好處：如減少了數據的冗余度，從而大大地節(jié)省了數據的存儲空間，實現數據資源的充分共享等等。此外，數據庫技術還為用戶提供了非常簡便的使用手段，使用戶易于編寫有關數據庫應用程序。特別是近年來推出的計算機關系數據庫管理系統(tǒng)，操作直觀，使用靈活，編程方便，功能強大，環(huán)境適應廣泛，數據處理能力極強。</p><p>　　數據庫的設計是指對一個給定的應用環(huán)境，構造數

60、據庫模式，建立數據庫及其應用系統(tǒng)，滿足各種用戶需求。作為信息資源開發(fā)、管理和服務的一種有效的手段，數據庫技術的應用已越來越廣泛，從小型的單項事務處理系統(tǒng)到大型的信息系統(tǒng)大都用先進的數據庫技術來保持系統(tǒng)數據的安全性、完整性和共享性。對一個實際的系統(tǒng)來說，數據庫表的設計在遵循數據庫理論的同時，必須能用開發(fā)工具來實現用戶在各方面提出的功能要求。</p><p>　　第四章 系統(tǒng)的實現</p><

61、p>　　4.1 動態(tài)網站的優(yōu)點</p><p>　　在InterNet迅猛發(fā)展的今天，用戶不再只滿足于通過瀏覽器看到靜態(tài)頁面，而是希望能根據要求生成更加靈活、生動的動態(tài)頁面。數據庫對于信息的動態(tài)檢索無疑具有極大的優(yōu)越性，因此根據數據庫信息的不斷變化生成動態(tài)web頁面將成為網站設計的重要方法。</p><p>　　動態(tài)網站的技術就有多個廠商的支持，他們都有各自的優(yōu)點。利用JSP、ASP

62、、PHP和其它有關技術，一個用戶可以將一個Http請求送到一個可執(zhí)行應用程序而不是一個靜態(tài)的HTML文件。服務器將會立即運行這個限定的程序，對用戶的輸入做出反應，將處理結果返回客戶端，或者對數據的記錄進行更新。通過這個模型，就可以在服務器端和客戶端之間有效的進行交互。</p><p>　　靜態(tài)網站瀏覽者可以直接從服務器端調用瀏覽，占用服務器的資源較少但缺點是其不包含交互功能，對于使用者來說，只能看但不能參與活動，

63、這是一個很大的缺陷。</p><p>　　動態(tài)網站包含交互功能，瀏覽者可以和服務頁面間產生會話作用，完成一系列的動作。動態(tài)網站有如下一些優(yōu)點:</p><p>　　（1）讀者可與Web服務器進行交互</p><p>　?。?）可實現數據庫的查詢 </p><p>　?。?）可以與HTML以外的文件進行交互 </p><p&

64、gt;　?。?）可縮短查詢時間，提高瀏覽效率</p><p>　　它的最大的優(yōu)勢體現在用戶可以進行直接參與活動[9]。</p><p>　　4.2 主窗口界面</p><p>　　本系統(tǒng)是為市場上眾多的小型用戶所設計，是大眾型的，它主要包含以下幾個模塊：系統(tǒng)權限的設定、原始數據錄入、數據的管理等等。從而，實現對新聞錄入，新聞管理等實現全面、動態(tài)、及時的管理。創(chuàng)建一

65、個穩(wěn)定、高效的企業(yè)網站系統(tǒng)。</p><p>　　主窗體如圖4-1所示：</p><p><b>　　圖4-1</b></p><p><b>　　主要代碼如下所示：</b></p><p>　　<!--#include file="Inc/syscode.asp" --&

66、gt;</p><p>　　<!--#include file="Inc/TOP.asp"--></p><p>　　<!--#include file="Inc/eshopcode.asp"--></p><p><b>　　<%</b></p><p&

67、gt;<b>　　%></b></p><p><b>　　<% </b></p><p>　　set rsCou = Server.CreateObject("ADODB.Recordset")</p><p>　　if Session("mylogin")<&

68、gt;"1" then</p><p>　　sqltext="update syswork set querycount=querycount+1 where code='101'"</p><p>　　conn.execute(sqltext)</p><p>　　rsCou.Open "webco

69、unt",conn,3,3</p><p>　　rsCou.AddNew</p><p>　　rsCou("ipaddress")=Request.ServerVariables("Remote_HOST")</p><p>　　rsCou("logindate")=now()</p>

70、<p>　　rsCou.Update</p><p>　　rsCou.Close</p><p>　　mylogin=Session("mylogin")</p><p>　　Session("mylogin")="1"</p><p><b>　　else&

71、lt;/b></p><p>　　mylogin=Session("mylogin")</p><p><b>　　end if</b></p><p><b>　　%></b></p><p><b>　　<%</b></p>

72、;<p>　　function cutstr(tempstr,tempwid)</p><p>　　if len(tempstr)>tempwid then</p><p>　　cutstr=left(tempstr,tempwid)&"..."</p><p><b>　　else</b><

73、;/p><p>　　cutstr=tempstr</p><p><b>　　end if</b></p><p>　　end function%></p><p>　　<!-- #include file="Inc/Head.asp" --></p><p>　

74、　<TABLE width="760" border=0 align="center" cellPadding=0 cellSpacing=0 bgcolor="#FFFFFF"></p><p><b>　　<TR> </b></p><p>　　<TD width=196 v

75、Align=top bgcolor="#FFFFFF"> </p><p>　　<table width="92%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" b

76、gcolor="#FFFFFF"></p><p><b>　　<tr></b></p><p>　　<td valign="top"></p><p>　　<!-- 資訊公告欄 --></p><p>　　<!-- #include

77、 file="L_Bulletin.asp" --></p><p>　　<!-- 會員登陸 --></p><p>　　<!-- #include file="L_login.asp" --></p><p>　　<!-- 產品列表 --></p><p>　

78、　<!-- #include file="L_product.asp" --></p><p>　　<!-- 站內調查 --></p><p>　　<!-- #include file="L_vote.asp" --></p><p>　　<!-- 友情連接 --></p&

79、gt;<p>　　<!-- #include file="L_fellow.asp" --></p><p><b>　　</td></b></p><p><b>　　</tr></b></p><p><b>　　</table>

80、; </b></p><p><b>　　</TD></b></p><p>　　<TD width=1 background=img/kropki_pion_naBialym.gif><IMG height=2 src="img/1x1_pix.gif" width=1></TD><

81、;/p><p>　　<TD vAlign=top> </p><p>　　<TABLE width="90%" border=0 align="right" cellPadding=0 cellSpacing=0></p><p>　　<!-- 廣告欄 --></p><p&

82、gt;　　<!-- #include file="L_adcolumn.asp" --></p><p>　　<!-- 公司介紹 --></p><p><b>　　<TR> </b></p><p><b>　　<TD></b></p>&

83、lt;p>　　<TABLE cellSpacing=0 cellPadding=0 width="555" border=0></p><p><b>　　<TR> </b></p><p>　　<TD height="25"><img src="Img/cnpt/pt_

84、11.gif" width="450" height="30"></TD></p><p><b>　　</TR></b></p><p><b>　　</TABLE></b></p><p><b>　　</TD&

85、gt;</b></p><p><b>　　</TR></b></p><p><b>　　<TR> </b></p><p>　　<TD background=img/naBialym.gif height=1><IMG height=1 src="img/

86、1x1_pix.gif" width=10></TD></p><p><b>　　</TR></b></p><p><b>　　<TR> </b></p><p><b>　　<TD></b></p><p>

87、　　<table width="95%" border="0" cellspacing="0" cellpadding="0"></p><p><b>　　<tr> </b></p><p>　　<td>&nbsp;</td><

88、;/p><p><b>　　</tr></b></p><p><b>　　<tr> </b></p><p>　　<td style="line-height: 150%">　　<%=Profile%></td></p><p

89、><b>　　</tr></b></p><p><b>　　<tr> </b></p><p>　　<td>&nbsp;</td></p><p><b>　　</tr></b></p><p><

90、;b>　　</table></b></p><p><b>　　</TD></b></p><p><b>　　</TR></b></p><p><b>　　<TR> </b></p><p>　　<TD

91、 background=img/naBialym.gif height=1><IMG height=1 src="img/1x1_pix.gif" width=10></TD></p><p><b>　　</TR></b></p><p>　　<!-- 產品展示 --></p>

92、<p><b>　　<TR></b></p><p>　　<TD height=1></p><p>　　<TABLE cellSpacing=0 cellPadding=0 width="555" border=0></p><p><b>　　<TR>&

93、lt;/b></p><p>　　<TD height="25"><img src="Img/cnpt/pt_04.gif" width="450" height="30"></TD></p><p><b>　　</TR></b>&l

94、t;/p><p><b>　　</TABLE></b></p><p><b>　　</TD></b></p><p><b>　　</TR></b></p><p><b>　　<TR></b></p&g

95、t;<p>　　<TD background=img/naBialym.gif height=1><IMG height=1 src="img/1x1_pix.gif" width=10></TD></p><p><b>　　</TR></b></p><p><b>　　&

96、lt;TR></b></p><p>　　<TD height=1> </p><p><b>　　<%</b></p><p>　　set rs_Product=server.createobject("adodb.recordset")</p><p>　　sq

97、ltext="select top 8 * from Product where Passed=True And Elite=True order by UpdateTime desc"</p><p>　　rs_Product.open sqltext,conn,1,1</p><p><b>　　%></b></p><

98、;p><b>　　<br> </b></p><p>　　<table width="100%" border="0" cellspacing="1" cellpadding="0"></p><p><b>　　<tr></b&g

99、t;</p><p>　　<td> </td></p><p><b>　　</tr></b></p><p>　　<%row_count=1 %></p><p>　　<tr align="center"></p><p

100、>　　<% Do While Not rs_Product.EOF%></p><p><b>　　<td> </b></p><p>　　<table width="100%" height="105" border="0" cellpadding="0&quo

101、t; cellspacing="2"></p><p><b>　　<tr></b></p><p>　　<td width="38%" rowspan="3"><div align="center"><a href="Articl

102、eShow.asp?ArticleID=<%=rs_Product("articleid")%>"><img src=<%=rs_Product("DefaultPicUrl")%> border=0></a></div></td></p><p>　　<td width=&quo

103、t;24%">產品名稱：</td><td width="38%"><a href="ArticleShow.asp?ArticleID=<%=rs_Product("articleid")%>"><%=rs_Product("Title")%></a></td>

104、;</p><p><b>　　</tr></b></p><p><b>　　<tr></b></p><p>　　<td>產品規(guī)格：</td></p><p>　　<td><%=rs_Product("Spec"

105、;)%></td></p><p><b>　　</tr></b></p><p><b>　　<tr></b></p><p>　　<td>產品信息：</td></p><p>　　<td><a href=Arti

106、cleShow.asp?ArticleID=<%=rs_Product("articleid")%>><img src=Img/arrow_7.gif border=0></a></td></p><p><b>　　</tr></b></p><p><b>　　<

107、/table></b></p><p><b>　　</td></b></p><p>　　<%if row_count mod 2 <>0 then%></p><p>　　<%end if%></p><p>　　<% if row_count

108、mod 2 =0 then%></p><p><b>　　</tr></b></p><p><b>　　<tr></b></p><p>　　<%end if%></p><p><b>　　<%</b></p>

109、<p>　　rs_Product.MoveNext</p><p>　　row_count=row_count+1</p><p><b>　　Loop</b></p><p>　　rs_Product.close</p><p><b>　　%></b></p>&

110、lt;p><b>　　</tr></b></p><p><b>　　<tr></b></p><p>　　<td> </td></p><p><b>　　</tr></b></p><p><b>

111、　　</table></b></p><p><b>　　</TD></b></p><p><b>　　</TR></b></p><p><b>　　</TABLE> </b></p><p><b>　

112、　</TD></b></p><p><b>　　</TR></b></p><p><b>　　</TABLE></b></p><p>　　<!-- #include file="Inc/Foot.asp" --></p>&

113、lt;p>　　</BODY></HTML></p><p>　　4.3 公司新聞網頁設計</p><p>　　本窗體主要為公司的新聞展示模塊，主要列出公司最近的新聞信息發(fā)布，可以上傳圖片展示出來產品及公司近況。本模塊有打印功能，供顧客看到有用信息后可以打印保存，如圖4-2所示。</p><p>　　圖4-2 公司新聞網頁頁面</p

114、><p>　　本模塊主要代碼如下所示：</p><p>　　<!--#include file="Inc/syscode.asp"--></p><p><b>　　<%</b></p><p><b>　　%></b></p><p>

115、;　　<!-- #include file="Inc/Head.asp" --></p><p>　　<TABLE width="760" border=0 align="center" cellPadding=0 cellSpacing=0 bgcolor="#FFFFFF"></p><

116、p><b>　　<TR> </b></p><p>　　<TD width=196 vAlign=top bgcolor="#FFFFFF"> </p><p>　　<table width="92%" height="100%" border="0"

117、align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"></p><p><b>　　<tr></b></p><p>　　<td valign="top"><

118、/p><p>　　<!-- 會員登陸 --></p><p>　　<!-- #include file="L_login.asp" --></p><p>　　<!-- 新聞中心 --></p><p>　　<!-- #include file="L_news.asp&quo

119、t; --></p><p>　　<!-- 郵件列表 --></p><p>　　<!-- #include file="L_mail.asp" --></p><p><b>　　</td></b></p><p><b>　　</tr>

120、;</b></p><p><b>　　</table> </b></p><p><b>　　</TD></b></p><p>　　<TD width=1 background=img/kropki_pion_naBialym.gif><IMG height=2 s

121、rc="img/1x1_pix.gif" width=1></TD></p><p>　　<TD vAlign=top> </p><p>　　<TABLE width="90%" border=0 align="right" cellPadding=0 cellSpacing=0><

122、;/p><p>　　<!-- 廣告欄 --></p><p>　　<!-- #include file="L_adcolumn.asp" --></p><p><b>　　<TR> </b></p><p><b>　　<TD></b>

123、;</p><p>　　<TABLE cellSpacing=0 cellPadding=0 width="555" border=0></p><p><b>　　<TR> </b></p><p>　　<TD height="25"><img src=&quo

124、t;Img/cnpt/pt_22.gif" width="450" height="30"></TD></p><p><b>　　</TR></b></p><p><b>　　</TABLE></b></p><p><b

125、>　　</TD></b></p><p><b>　　</TR></b></p><p><b>　　<TR> </b></p><p>　　<TD height=1 background=img/naBialym.gif><IMG height=1

126、src="img/1x1_pix.gif" width=10></TD></p><p><b>　　</TR></b></p><p><b>　　<TR> </b></p><p>　　<TD height=1></p><p

127、><b>　　<%</b></p><p>　　if not isEmpty(request.QueryString("id")) then</p><p>　　id=request.QueryString("id")</p><p><b>　　else</b><

128、/p><p><b>　　id=1</b></p><p><b>　　end if</b></p><p>　　Set rs = Server.CreateObject("ADODB.Recordset")</p><p>　　rs.Open "Select * From

129、 Yenews where id="&id, conn,3,3</p><p><b>　　'紀錄訪問次數</b></p><p>　　rs("counter")=rs("counter")+1</p><p><b>　　rs.update</b><

130、/p><p>　　nCounter=rs("counter")</p><p><b>　　'定義內容</b></p><p>　　content=ubbcode(rs("content"))</p><p><b>　　%> </b></p&

131、gt;<p>　　<table width="100%" height="19" border="0" align="center" cellpadding="0" cellspacing="0"></p><p><b>　　<tr> </

132、b></p><p>　　<td height="22" bgcolor="#FDFFFB">&nbsp;<img src="img/arrow.gif" width="16" height="13"</p><p>　　><strong>業(yè)

133、內資訊 =&gt; <%=rs("title")%></strong></td></p><p><b>　　</tr></b></p><p><b>　　<tr> </b></p><p>　　<td height="

134、;1" bgcolor="#CCCCCC"></td></p><p><b>　　</tr></b></p><p><b>　　</table></b></p><p>　　<table width="100%" bord