網(wǎng)頁制作畢業(yè)設計論文

1、<p>　　專 科 畢 業(yè) 論 文</p><p><b>　　紡織品宣傳網(wǎng)頁設計</b></p><p>　　Textile propaganda webpage design</p><p>　　學院名稱： 宿遷學院 </p><p>　　專

2、業(yè)班級： 09計算機3班 </p><p>　　學生姓名： xx </p><p>　　指導教師姓名： xx </p><p>　　指導教師職稱： 講師 </p><p>

3、;<b>　　2012 年 5月</b></p><p><b>　　紡織品宣傳網(wǎng)頁設計</b></p><p>　　摘要： 本論文將對網(wǎng)頁的設計和制作進行研究和探討。作品的主要技術指標包括：</p><p>　　1、制作出一個具有靜態(tài)和動態(tài)技術的“關于公司的宣傳網(wǎng)頁”；</p><p>　　2、在

4、制作的過程中，加強和深化以前所學的關于網(wǎng)頁設計的方法，同時更好的理解參考資料上的方法和理論；</p><p>　　3、最后是追求后臺操作的穩(wěn)定性。</p><p>　　本設計的主要內(nèi)容包括：</p><p>　　1、公司宣傳網(wǎng)頁的設計思想，整體規(guī)劃及相關基礎知識；</p><p>　　2、公司宣傳網(wǎng)頁的前臺設計，包括匯編HTML語言程序及效果

5、圖；</p><p>　　3、公司宣傳網(wǎng)頁后臺設計（通過后臺操作實現(xiàn)對網(wǎng)頁內(nèi)容的修改）；</p><p>　　4、公司宣傳網(wǎng)頁的調(diào)試。</p><p>　　網(wǎng)頁規(guī)劃包含的內(nèi)容很多，如網(wǎng)頁的結構、欄目的設置、網(wǎng)頁的風格、顏色搭配、版面布局、文字圖片的運用等，也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。 </p><p>　　網(wǎng)頁主題

6、就是所要包含的主要內(nèi)容，一個網(wǎng)頁必須要有一個明確的主題。特別是對于個人網(wǎng)頁，不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。所以必須要找準一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給人留下深刻的印象。</p><p>　　關鍵詞： 宣傳網(wǎng)頁 基本原則 制作步驟 網(wǎng)頁主題</p><p>　　Textile propaganda webpage design</p&

7、gt;<p>　　Abstract： This will be web page design and production of research and discussion. Works of the main technical indicators include: To produce a static and dynamic technology " company pages"; In

8、the process of strengthening and deepening of previously learned about web design methods, while a better understanding of Reference Information on the methods and theories; Finally, the pursuit of stability of the backg

9、round operation.</p><p>　　The design of the main contents include:company web page design ideas, the overall planning and relevant basic knowledge; company web pages front design, including the compilation o

10、f HTML language program and effect diagram; Personal web pages background design (back-office operations through the implementation of the web content changes); Personal web pages debugging.</p><p>　　Page pl

11、an includes a great many things, such as the page structure, and column settings, web style, color combinations, layout, text, images and other use of, and only this website in order to have produced personality characte

12、ristics, attractive.</p><p>　　Web theme is to be included in the main contents of a web page must have a clear theme. Especially for personal web pages, it is impossible to do, as an integrated Web site cont

13、ent as large and comprehensive, all-inclusive. Must be necessary to identify one most interested in their own content, so deep, be thorough, to do its own characteristics, so as to give the left a deep impression.</p&

14、gt;<p>　　Key words: Promotional webpage Basic principle Production steps Webpage theme</p><p><b>　　目 錄</b></p><p><b>　　摘要（2）</b></p><p><b>

15、;　　前言（5）</b></p><p>　　第一章 系統(tǒng)分析(6)</p><p>　　1.1關于公司宣傳網(wǎng)頁的網(wǎng)站建設發(fā)展歷程(6)</p><p>　　1.2關于公司宣傳網(wǎng)頁的網(wǎng)站建設的必要性分析(7)</p><p>　　1.3本選題的現(xiàn)實意義(8)</p><p>　　第二章 木樂紡織品

16、有限公司宣傳網(wǎng)站的設計 (9)</p><p>　　2.1關于公司宣傳網(wǎng)站的特點(9)</p><p>　　2.2木樂紡織品有限公司宣傳網(wǎng)站的基本組成結構(10)</p><p>　　第三章 開發(fā)工具的選用及介紹(12)</p><p>　　3.1 Dreamweaver簡介(12)</p><p>　　3

17、.2 網(wǎng)站圖片制作工具Photoshop簡介(12)</p><p>　　3.3動態(tài)留言薄的制作工具Access數(shù)據(jù)庫(13)</p><p>　　第四章 具體網(wǎng)站的分析(14)</p><p>　　4.1系統(tǒng)運行環(huán)境分析(14)</p><p>　　4.2系統(tǒng)設計流程圖(14)</p><p>　　4.3需

18、求分析(15)</p><p>　　第五章 網(wǎng)站前臺界面的設計與實現(xiàn)(16)</p><p>　　5.1 網(wǎng)站前臺首頁(16)</p><p>　　5.2 站內(nèi)展示功能的實現(xiàn)(16)</p><p>　　5.3 留言簿功能的實現(xiàn)(18)</p><p>　　5.4 網(wǎng)站前臺界面的設計與實現(xiàn)分析(19)<

19、;/p><p>　　5.5 網(wǎng)站界面主色調(diào)的選擇(20)</p><p><b>　　附錄(21)</b></p><p>　　1 網(wǎng)頁部分代碼(21)</p><p>　　2 數(shù)據(jù)庫部分代碼(21)</p><p><b>　　總結(23)</b></p>

20、<p><b>　　致 謝(24)</b></p><p><b>　　參考文獻(25)</b></p><p><b>　　引言</b></p><p>　　隨著網(wǎng)絡技術的不斷發(fā)展，如今的公司越來越傾向于在網(wǎng)絡上進行宣傳產(chǎn)品，　網(wǎng)頁設計成了企業(yè)展示自身形象、發(fā)布產(chǎn)品信息、聯(lián)系網(wǎng)上客

21、戶的新平臺、新天地，進而可以通過電子商務開拓新的市場，以極少的投入獲得極大的收益和利潤。網(wǎng)頁設計是通過網(wǎng)站管理員管理整個網(wǎng)站的內(nèi)容，使之公司的信息不斷得到更新.因此我設計開發(fā)了一個關于宣傳上海緒勝紡織品有限公司的網(wǎng)頁設計。該網(wǎng)站實現(xiàn)了樹立公司形象，擴大業(yè)務宣傳，收集客戶反饋，加強客戶服務，網(wǎng)上市場調(diào)查，開展網(wǎng)絡營銷，建立信息數(shù)據(jù)庫，實施電子商務，直接實現(xiàn)網(wǎng)絡銷售以及網(wǎng)站的后臺管理。</p><p>　　我所做的這

22、個關于宣傳木樂紡織品有限公司的網(wǎng)頁設計，主要分為七大板塊：公司首頁、公司簡介、產(chǎn)品展示、新品推薦、紡織知識、聯(lián)系我們。這些都分別實現(xiàn)了達到宣傳公司的目的和加強公司管理的功能，同時在很大程度上也擴大了知名度和提高了銷售效益。</p><p>　　本網(wǎng)站的設計采用的是Dreamweaver技術，數(shù)據(jù)庫采用的是ACCESS數(shù)據(jù)庫，網(wǎng)站的布局使用的是Dreamweaver。同時在設計過程中用到了Flash 動畫設計和Ph

23、oto shop圖形圖像處理技術。這也給本設計增色不少，讓我的設計更加生動，更加讓人賞心悅目。下面我將就我設計的過程所采用的技術、思路等方面詳細的介紹我所設計開發(fā)的關于木樂紡織品有限公司宣傳的網(wǎng)頁設計。</p><p><b>　　第一章 系統(tǒng)分析</b></p><p>　　1.1 關于公司宣傳網(wǎng)頁的網(wǎng)站建設發(fā)展歷程</p><p>　　第一

24、代網(wǎng)站建設技術：運用一般的網(wǎng)頁制作軟件，把一些平面頁面效果轉(zhuǎn)化成網(wǎng)頁，然后把網(wǎng)頁鏈接起來成為一個企業(yè)網(wǎng)站。采用“第一代網(wǎng)站建設技術”制作出來的企業(yè)網(wǎng)站，由于更新以及修改網(wǎng)站內(nèi)容均需專業(yè)人員，維護麻煩，網(wǎng)站修改以及增加網(wǎng)頁均需支付費用，導致企業(yè)經(jīng)常不更新其網(wǎng)站內(nèi)容，失去了建設網(wǎng)站的意義；同時由于純靜態(tài)頁面沒有交互性，使得客戶不能很好的與企業(yè)溝通。</p><p>　　第二代網(wǎng)站建設技術：是指在第一代網(wǎng)站建設技術基礎

25、上，針對網(wǎng)站的某一個功能采用一些數(shù)據(jù)庫管理模塊（如新聞發(fā)布、產(chǎn)品發(fā)布等），網(wǎng)站的后臺對這些個別的功能模塊進行管理。采用“第二代網(wǎng)站建設技術”制作出來的企業(yè)網(wǎng)站，在一定程度上擺脫了第一代網(wǎng)站建設技術在網(wǎng)站內(nèi)容更新困難上的缺點，適合對于網(wǎng)站日常更新維護頻繁，對網(wǎng)站各功能模塊有獨特需要的大型企業(yè)網(wǎng)站，但由于需要對企業(yè)的不同建站需求進行定制開發(fā)，所以價格一般也較高，一般中小企業(yè)難以承受。</p><p>　　第三代網(wǎng)站建

26、設技術：2003年初以來出現(xiàn)了第三代網(wǎng)站建設技術―智能建站系統(tǒng)。網(wǎng)站用戶通過智能建站系統(tǒng)能夠很方便快捷地管理自己的網(wǎng)站，自己定義網(wǎng)站的框架內(nèi)容，并能夠隨時升級網(wǎng)站的功能，且解決了每個客戶都需要的網(wǎng)站前臺界面?zhèn)€性化的需求。使用智能建站系統(tǒng)進行企業(yè)網(wǎng)站開發(fā)建設，能夠適應大多數(shù)中小企業(yè)對于網(wǎng)站建設的一般需求，開發(fā)周期短，更新維護便捷，是中小企業(yè)建設網(wǎng)站的理想選擇。</p><p>　　第四代網(wǎng)站建設技術：是指在第三代網(wǎng)

27、站建設技術基礎上，針對程序和域名有獨到的理解。也是ＷＥＢ２.０的一個新關鍵，在程序上符合人性化，在設計上追求感官化，在域名上領悟一體化。</p><p>　　1.2 關于公司宣傳網(wǎng)頁的網(wǎng)站建設的必要性分析</p><p>　　近幾年來，網(wǎng)站建設業(yè)務一直呈快速上升勢頭，行業(yè)市場越來越大。就國內(nèi)情況而言，沿海發(fā)達省市比中西部省市市場需求要大，業(yè)務普及工作也很到位，許多行業(yè)形成了競相建設企業(yè)網(wǎng)站

28、，開展網(wǎng)絡營銷的局面。</p><p>　　新技術的應用將促使企業(yè)網(wǎng)站建設更具魅力。隨著技術融合與發(fā)展，許多在其他行業(yè)熱門應用的技術如視頻、三維動畫、虛擬現(xiàn)實等技術都已經(jīng)實現(xiàn)向互聯(lián)網(wǎng)移植，未來的不久，他們就會出現(xiàn)在企業(yè)客戶網(wǎng)站上面；新的網(wǎng)絡編程語言（.net技術）和服務器CDN（內(nèi)容發(fā)布網(wǎng)絡）技術也將使網(wǎng)站結構更緊密，訪問更流暢，更能適應新的要求。</p><p>　　同時網(wǎng)絡營銷服務將同

29、網(wǎng)站建設融為一體，提供一體化服務。企業(yè)用戶現(xiàn)在已不再滿足于做一個網(wǎng)站，然后自己開展網(wǎng)絡營銷活動，網(wǎng)絡公司還要為企業(yè)客戶制定具有針對性的網(wǎng)絡營銷策略并實施，讓企業(yè)網(wǎng)站真正發(fā)揮作用，為客戶帶來實在的效果。</p><p>　　1.3 本選題的現(xiàn)實意義</p><p>　　本網(wǎng)頁設計的目的是通過網(wǎng)站達到開展網(wǎng)上營銷，實現(xiàn)電子商務的目的。網(wǎng)站建設首先由網(wǎng)絡營銷顧問提出低成本回報的網(wǎng)絡營銷策劃方案。

30、通過洞悉項目目標客群的網(wǎng)絡營銷策略，引發(fā)、借力企業(yè)與網(wǎng)民，以至網(wǎng)民與網(wǎng)民之間的互動，使企業(yè)以最小的營銷投入，超越競爭對手，獲得更高效的市場回報營銷網(wǎng)站規(guī)劃網(wǎng)站前期策劃作為網(wǎng)絡營銷的起點，規(guī)劃的嚴謹性、實用性將直接影響到企業(yè)網(wǎng)絡營銷目標的實現(xiàn)。網(wǎng)站建設商以客戶需求和網(wǎng)絡營銷為導向，結合自身的專業(yè)策劃經(jīng)驗，協(xié)助不同類型企業(yè)，在滿足企業(yè)不同階段的戰(zhàn)略目標和戰(zhàn)術要求的基礎上，為企業(yè)制定階段性的網(wǎng)站規(guī)劃方案。通過此網(wǎng)頁設計提高公司知名度進而提升公

31、司盈利效益。</p><p>　　第二章 木樂紡織品有限公司宣傳網(wǎng)站的設計</p><p>　　2.1 關于公司宣傳網(wǎng)站的特點</p><p>　　公司宣傳網(wǎng)站既不同于一般的資源型宣傳網(wǎng)站，也不同于其他網(wǎng)絡宣傳課程，它有如下幾個特點：</p><p><b>　　1、宣傳的針對性</b></p><p

32、>　　公司宣傳網(wǎng)站是以“針對對象”為導向的，宣傳內(nèi)容針對宣傳的對象而展開，因而內(nèi)容相對固定具體，這就為針對宣傳提供了較大的探索空間，有利于“小題大做”，對針對專題進行深入而透徹地研究。</p><p><b>　　2、內(nèi)容的整合性</b></p><p>　　公司宣傳網(wǎng)站的內(nèi)容以針對的對象而展開宣傳目的為中心線索，集合了所有與該宣傳相關內(nèi)容，在整合多f-jq：科

33、知識的基礎上，組建邏輯有序的、符合客戶認知規(guī)律和特點的宣傳模塊，因此它在廣度和深度上都超過了單一進行宣傳的效果。</p><p><b>　　3、受眾的特定性</b></p><p>　　任何一個公司宣傳網(wǎng)站都不是普遍適用的網(wǎng)站，一旦宣傳內(nèi)容確定，它就相應地有了特定的使用對象。不同的公司宣傳網(wǎng)站供不同層次的客戶瀏覽，具有較強的針對性。例如公司宣傳網(wǎng)站上海緒勝的主要針對

34、對象就是對紡織品有需求的客戶，它包括個人、批發(fā)商、零售商等。</p><p><b>　　4、宣傳的開放性</b></p><p>　　開放性包括兩層涵義，一是產(chǎn)品資源具有一定的擴展性和整合性，包括與該產(chǎn)品宣傳相關的資源：二是宣傳產(chǎn)品資源在宣傳網(wǎng)站的應用過程中還將被不斷添加補充。一次宣傳網(wǎng)站建設不可能將所有與宣傳相關的資源做到完善，因此公司宣傳網(wǎng)站的應用過程也是網(wǎng)站不

35、斷建設與發(fā)展的過程。網(wǎng)站建設者在使用過程中，可以把自己獲取的與該宣傳相關的材料上傳到宣傳材料資源庫中，以供其他公司宣傳者材料共享，從而體現(xiàn)資源分散開發(fā)、集中使用的原則。</p><p><b>　　5、功能的完備性</b></p><p>　　由公司宣傳網(wǎng)站的基本構成可以看出，公司宣傳網(wǎng)站至少應提供五方面的功能：展示與公司有關的宣傳資料，使公司內(nèi)外部人都盡可能地了解本

36、公司，也就是說要提高公司知名度，打出去公司的品牌，使公司盡可能地產(chǎn)生品牌效應；提供公司內(nèi)部員工資料，特別是高層管理者，讓人感到公司管理制度和人員安排井然有序；應展示公司的產(chǎn)品，推薦最優(yōu)產(chǎn)品，讓人清晰的了解到你這個公司是干什么的，都提供了哪些優(yōu)質(zhì)的乳制產(chǎn)品；提供與員工溝通的郵件方式，方便員工給領導提寶貴的建議和反應公司的一些問題；公布公司的聯(lián)系方式，方便客戶與之聯(lián)系，擴大銷量。此外它還應具備一般的宣傳網(wǎng)站的功能，體現(xiàn)了功能的完備性和綜合性

37、。</p><p>　　2.2 木樂緒勝紡織品有限公司宣傳網(wǎng)站的基本組成結構</p><p>　　木樂紡織品有限公司宣傳網(wǎng)站由“公司首頁”、“公司簡介”、“產(chǎn)品展示”、“新品推薦”、“紡織知識”、“聯(lián)系我們”七大部分組成。七大部分從公司介紹、提供建議和反應問題、推薦產(chǎn)品、聯(lián)系方式等角度相互補充，相互配合，從而完成達到公司宣傳效果的整合，如圖2-1所示：</p><p&g

38、t;　　圖2-1 木樂紡織品有限公司宣傳網(wǎng)頁的六個組成部分</p><p>　　公司首頁是指通過收集、整理與本網(wǎng)頁公司宣傳相關的文本、圖片、圖像、動畫、音頻、視頻等知識內(nèi)容，以網(wǎng)頁宣傳為中心，按一定的組織策略進行結構化重組，最后以網(wǎng)頁形式制作成的具有較強交互性的網(wǎng)絡宣傳。通過專針對結構化產(chǎn)品的展示，可以使客戶的瀏覽具有結構化的特性，而不至于漫無目的，導致瀏覽效果的模糊。首頁一定要鮮明，讓人一目了然。</p&

39、gt;<p>　　公司人員高層領導管理庫是一個服務于公司內(nèi)部員工管理的庫，它按一定的層次層層而下，它們之間都有一定的附屬結構，這樣管理不會越級，也不會混亂，有利于使管理秩序化，有條不紊，也只有有一個較好的管理制度，才能更有利于公司的發(fā)展。</p><p>　　產(chǎn)品展示頁是一種紡織品的展示，有推薦的針對客戶群的產(chǎn)品，讓人在了解產(chǎn)品的時候，一目了然，對產(chǎn)品的不同性能也能了然于心，這樣能讓客戶在較短的時間

40、有效地了解到公司所主推的產(chǎn)品。</p><p>　　新品推薦頁是為了公司能夠更好的宣傳我們的產(chǎn)品以及給予用戶最新的產(chǎn)品展示，以方便客戶了解更多新產(chǎn)品的信息。</p><p>　　紡織知識頁是為了讓用戶了解到有關紡織的知識，以及他的發(fā)展史。</p><p>　　客戶留言，之所以用這個功能是為了更好的增加客戶和公司的互動溝通，每天高層領導中都要有人查閱這些留言，以便更好

41、的了解客戶所提出的寶貴建議和反應公司的一些問題，也可以反映自己在使用產(chǎn)品中的一些小技巧等，這項留言的開通，將使公司與客戶之間和諧相處，共同使公司發(fā)展的更好更快。</p><p>　　第三章 網(wǎng)站開發(fā)工具的選用及介紹</p><p>　　3.1 Dreamweaver簡介</p><p>　　Dreamweaver是由Macromedia公司推出的，用于網(wǎng)頁開發(fā)和網(wǎng)

42、站管理的專業(yè)化設計工具。它采用了多種新技術，具有設計和開發(fā)網(wǎng)站過程中需要的網(wǎng)站管理、網(wǎng)站設計、頁面制作、多媒體制作和動畫制作等豐富實用的功能；它具有友好的操作界面，在文檔窗口中可以打開各種浮動面板，同時還可以使用系統(tǒng)內(nèi)置的多種對象進行操作。</p><p>　　Dreamweaver啟動后，會出現(xiàn)一個新的文檔操作窗口,該窗口包含如下的幾個部分：標題欄、菜單欄、工作區(qū)、浮動面板和狀態(tài)欄。標題欄中主要顯示該文檔的標題

43、信息、文件名及該文件所在的文件夾等；菜單欄中包含了各種操作命令、應用特性和訪問浮動面板的簡單方法；Dreamweaver啟動后，工作區(qū)是白色的空白區(qū)域，可以在工作區(qū)中輸入文字、插入圖象、添加背景以及其它頁面元素；浮動面板提供了訪問程序特性的簡單方法，可以對浮動面板進行選擇、拖放、重新定位、移動等操作，當我們不需要使用某個移動面板時，還可以用鼠標單擊該面板右上角的關閉按鈕將其關閉，需要時再打開；狀態(tài)欄位于窗口的最下端，用于顯示文檔的HTM

44、L標記、文檔窗口大小、下載速度等信息。</p><p>　　3.2 網(wǎng)站圖片制作工具Photoshop簡介 </p><p>　　Photoshop是平面圖像處理業(yè)界霸主Adobe公司推出的跨越PC和MAC兩界首屈一指的大型圖像處理軟件。它功能強大，操作界面友好，得到了廣大第三方開發(fā)廠家的支持，從而也贏得了眾多的用戶的青睞。</p><p>　　ADOBE PHOT

45、OSHOP最初的程序是由Mchigan大學的研究生Thomas創(chuàng)建，后經(jīng)Knoll兄弟以及ADOBE公司程序員的努力ADOBE PHOTOSHOP產(chǎn)生巨大的轉(zhuǎn)變，一舉成為優(yōu)秀的平面設計編輯軟件。它的誕生可以說掀起了圖象出版業(yè)的革命為，它的每一個版本都增添新的功能這使它獲得越來越多的支持者也使它在這諸多的圖形圖象處理軟件中立于不敗之地。 </p><p>　　Photoshop支持眾多的圖像格式，對圖像的常見操作和

46、變換做到了非常精細的程度，使得任何一款同類軟件都無法望其頸背；它擁有異常豐富的插件(在Photoshop中叫濾鏡)，熟練后您自然能體會到"只有想不到，沒有做不到"的境界。</p><p>　　3.3 動態(tài)留言薄的制作工具Access數(shù)據(jù)庫</p><p>　　Microsoft Office Access(2張)的軟件設計師和資料分析師利用它來開發(fā)應用軟件，而一些不熟練

47、的程序員和非程序員的"進階用戶"則能使用它來開發(fā)簡單的應用軟件。雖然它支持部份面向?qū)ο螅∣O）技術，但是未能成為一種完整的面向?qū)ο箝_發(fā)工具。 　　其實Access 也是微軟公司另一個通訊程序的名字，想與 ProComm以及其他類似程序來競爭。可是事后微軟證實這是個失敗計劃，并且將它中止。數(shù)年后他們把名字重新命名于數(shù)據(jù)庫軟件。</p><p>　　通過使用Access Basic可以增加應用程序

48、的執(zhí)行速度，減少編碼量，同時也減少在為Microsoft Windows應用程序接口編程時、在開發(fā)應用程序中遇到的問題的技術。謹慎地使用變量和它所占用的存儲空間能有效地減少一個應用程序所消耗的資源，同時也全面提高了它的性能。</p><p>　　第四章 具體網(wǎng)站的分析</p><p>　　4.1 系統(tǒng)運行環(huán)境分析 </p><p>　　系統(tǒng)軟硬件平臺：系統(tǒng)需要一臺

49、PC機，標準采用PentiumⅡ及以上級別CPU，至少300MB硬盤，主頻90MHz,支持VGA或分辨率更高的顯示器。</p><p>　　操作系統(tǒng)：Windows98/2000/XP/Me，也可使用WindowsNT操作系統(tǒng)</p><p>　　數(shù)據(jù)庫服務平臺：Access數(shù)據(jù)庫 ，適合開發(fā)中小型系統(tǒng)。</p><p>　　4.2 系統(tǒng)設計流程圖 </p&

50、gt;<p><b>　　如圖3-1所示</b></p><p>　　圖4-1 系統(tǒng)設計流程圖</p><p><b>　　4.3 需求分析</b></p><p>　　目前，Internet技術與公司宣傳網(wǎng)頁網(wǎng)上營銷相結合的趨勢已經(jīng)具有一定規(guī)模，開發(fā)一個高效、可靠、通用的資源管理系統(tǒng)已經(jīng)迫在眉睫。我考慮到

51、公司網(wǎng)站多樣性的需要，同時也考慮到公司宣傳網(wǎng)頁實現(xiàn)電子商務的重要性，所以，在該資源管理系統(tǒng)中特意加入在線留言的功能，使其功能更全面。該資源管理系統(tǒng)主要功能模塊介紹如下：</p><p>　　1.在線留言板塊 如圖3-2所示：</p><p>　　4-2 在線留言板塊圖</p><p>　　在線留言，此功能增強了公司與客戶會員的溝通情況，互動比較容易，交流過程中能讓公

52、司獲得寶貴的建議，更好的集思廣益，當我們多聽聽客戶和會員的心聲時，對公司的發(fā)展是絕對有利的。當公司有一個龐大的會員群和客戶群時，公司的發(fā)展前景可想而知。</p><p>　　本網(wǎng)站是網(wǎng)上很很常見的瀏覽性網(wǎng)站，本網(wǎng)站的實現(xiàn)主要是以ASP與ACCESS數(shù)據(jù)庫相結合的技術來實現(xiàn)。</p><p>　　作為一個用于用戶學習、進行知識查詢的瀏覽性網(wǎng)站，應該從使用方便角度出發(fā)，因此本網(wǎng)站必須具備一下特

53、點：</p><p>　　1.網(wǎng)站安全可靠 </p><p><b>　　2.功能齊全</b></p><p>　　3.操作方便，界面友好且簡單易懂，運行迅速</p><p><b>　　4.易于維護和擴充</b></p><p>　　第五章 網(wǎng)站前臺界面的設計與實現(xiàn)&l

54、t;/p><p>　　5.1 網(wǎng)站前臺首頁</p><p>　　公司網(wǎng)站前臺首頁和很多網(wǎng)站一樣，網(wǎng)站的首頁一般都是公司簡介、公告欄、產(chǎn)品瀏覽等界面，具體界面如圖5-1所示：</p><p><b>　　5-1 首頁界面圖</b></p><p>　　網(wǎng)站在前臺設計主要是在Dreamweaver里面設計的。</p>

55、<p>　　5.2 站內(nèi)展示功能的實現(xiàn)</p><p>　　為了方便瀏覽者查看網(wǎng)站內(nèi)容，本網(wǎng)站特意設置了站內(nèi)展示功能，具體實現(xiàn)的效果如圖5-2 5-3所示：</p><p>　　5-2 站內(nèi)內(nèi)容展示板塊圖</p><p>　　5-3 新品內(nèi)容展示板塊圖</p><p>　　5.3 留言簿功能的實現(xiàn)</p>&l

56、t;p>　　為了能夠最快速的了解到客戶提出的意見和建議而創(chuàng)建的留言版，其中的功能有信息的寫入、修改和撤除。具體實現(xiàn)的效果如圖5-4所示：</p><p>　　圖5-4 留言簿功能展示</p><p>　　5.4 網(wǎng)站前臺界面的設計與實現(xiàn)分析</p><p>　　本網(wǎng)站利用B/S結構，利用Dreamweaver進行開發(fā)，其功能目標是要實現(xiàn)前臺信息在線瀏覽的功能，

57、后臺管理員對信息管理的功能。</p><p>　　本網(wǎng)站主要實現(xiàn)的具體功能如下：</p><p>　　1、信息管理，實現(xiàn)信息管理，對于信息類管理特別的系統(tǒng)。</p><p>　　2、信息添加與修改功能，采用ewebeditor再線編輯器，支持圖文動畫等功能及各種上傳，支持遠程圖片自動保存，支持是否在標題前顯示“圖文”標志，支持自定義首頁動畫調(diào)用圖片文章等。</

58、p><p>　　3、系統(tǒng)安全用于個人或客戶進行資料收集整理十分的方便,功能也異常強大.當然也可以用作新聞管理或各種站點。</p><p>　　本系統(tǒng)建成后，我們就已經(jīng)對各模塊進行了反復的測試，經(jīng)過修改和調(diào)試通過以后，再進行運行測試。測試結果表明各項功能已經(jīng)達到設計要求。目前該資源管理系統(tǒng)已經(jīng)與計算機網(wǎng)絡課程集成在一起，并在測試服務器上發(fā)布。本資源管理系統(tǒng)開發(fā)技術先進、功能模塊齊全、可靠性高、投

59、資成本低、按照信息資源建設規(guī)范構成，并且具有較好的通用性，稍作修改即可應用于其他的網(wǎng)頁宣傳。</p><p>　　在這個網(wǎng)頁設計的開發(fā)中，我主要負責的是網(wǎng)站功能的分析與前臺網(wǎng)站的設計，通過這個設計使我對網(wǎng)站設計的工具和技術有了更深刻的認識，本站的前臺網(wǎng)站的主頁上包括：公司首頁、公司人員、推薦產(chǎn)品、發(fā)送郵件、聯(lián)系方式等站內(nèi)搜索功能，方便用戶瀏覽時減少不必要的操作。網(wǎng)站的布局使用的是Dreamweaver.</

60、p><p>　　前臺網(wǎng)站設計我主要根據(jù)大多用戶瀏覽習慣而想象以及它的外觀要簡捷、大方。做這個網(wǎng)站讓我學到了很多實際應用的東西、當中遇到不少的問題、發(fā)現(xiàn)自己操作起來并不是像自己想象出來的那么簡單。讓我對設計網(wǎng)站工具有了更深刻的認識。</p><p>　　5.5 網(wǎng)站界面主色調(diào)的選擇</p><p>　　說道自然風格的網(wǎng)頁，一定會想到使用綠色作為主色調(diào)。當然這只是最初步的設

61、想，很多時候當我們把一些綠色自然風格的網(wǎng)站收集到一起的時候，我門會發(fā)現(xiàn)其實很多時候我們的思想是如此的狹窄。同樣是綠色自然風格，在網(wǎng)頁中的表現(xiàn)形式可以多種多樣，有點綴，細節(jié)突出，按鈕導航，LOGO標志等多種地方可以表現(xiàn)出網(wǎng)站的綠色自然風格。很多時候我們不需要特意為風格而設計網(wǎng)頁，那樣的話做出的設計可能過于生硬，越是想讓某種風格被訪問者接受，生怕用戶不知道我們的設計目的，越是不能自然的表現(xiàn)出我們想要體現(xiàn)的東西。所以通過下面的一些網(wǎng)頁設計，

62、我們開看出往往讓人覺得好的設計是十分隨意，設計師并不是直接赤裸裸的告訴你網(wǎng)站的主題，而是通過網(wǎng)頁上的一些細節(jié)讓用戶體會出要表現(xiàn)的東西。</p><p><b>　　附錄</b></p><p><b>　　1、網(wǎng)頁部分代碼</b></p><p><b>　　首頁部分代碼</b></p>

63、<p><b>　　.lsttable</b></p><p><b>　　{</b></p><p>　　display: block; </p><p>　　width: 700px; //顯示區(qū)域?qū)挾葹?00</p><p><b>　　}</b&

64、gt;</p><p>　　.lsttable td</p><p><b>　　{</b></p><p>　　text-align: left;</p><p>　　float: left; //設置浮子為左</p><p><b>　　}</b><

65、;/p><p><b>　　<tr></b></p><p>　　<td width="80"><font color="#FF0000"><a href="首頁.htm">首頁</a></font></td></p>

66、<p>　　<td width="93"><font color="#FF0000"><a href="公司簡介.htm">公司簡介</a></font></td></p><p>　　<td width="96"><font co

67、lor="#FF0000"><a href="1.htm">產(chǎn)品展示</a></font></td></p><p>　　<td width="86"><font color="#FF0000"><a href="2.htm">

68、;新品推薦</a></font></td></p><p>　　<td width="81"><font color="#FF0000"><a href="3.htm">紡織知識</a></font></td></p><p&g

69、t;　　<td width="10">&nbsp;</td></p><p>　　<td width="138"><font color="#FF0000"><a href="4.htm">聯(lián)系我們</a></font></td>&

70、lt;/p><p>　　2、數(shù)據(jù)庫部分代吧 </p><p><b>　　首頁部分代碼</b></p><p>　　<%@ page contentType="text/html; charset=gb2312" </p><p>　　language="java" import

71、="java.sql.*" errorPage="" %> //引用數(shù)據(jù)庫</p><p>　　<%@ include file="Connections/conn.jsp" %> //連接路徑</p><p>　　String MM_editAction = request.getRequestURI();//

72、獲取url</p><p>　　if (request.getQueryString() != null </p><p>　　&& request.getQueryString().length() > 0) </p><p><b>　　{</b></p><p>　　String queryS

73、tring = request.getQueryString();</p><p>　　String tempStr = "";</p><p>　　for (int i=0; i < queryString.length(); i++)</p><p><b>　　{</b></p><p>

74、　　if (queryString.charAt(i) == '<') tempStr = tempStr + "&lt;";</p><p>　　else if (queryString.charAt(i) == '>') tempStr = tempStr + "&gt;";</p><p&

75、gt;　　else if (queryString.charAt(i) == '"') tempStr = tempStr + "&quot;";</p><p>　　else tempStr = tempStr + queryString.charAt(i);</p><p><b>　　}</b></p

76、><p>　　MM_editAction += "?" + tempStr;</p><p><b>　　}</b></p><p>　　// connection information //主要連接對象</p><p>　　if (!MM_abortEdit) { //創(chuàng)建MM_edit驅(qū)動</

77、p><p>　　//finish the sql and execute it 完成數(shù)據(jù)庫連接并退出</p><p>　　Driver MM_driver =</p><p>　　(Driver)Class.forName(MM_editDriver).newInstance();</p><p>　　Connection M_connectio

78、n=DriverManager.getConnection</p><p>　　(MM_editConnection,MM_editUserName,MM_editPassword);</p><p>　　PreparedStatement M_editStatement=MM_connection.</p><p>　　prepareStatement(MM_ed

79、itQuery.toString());</p><p>　　MM_editStatement.executeUpdate();</p><p>　　MM_connection.close();</p><p>　　//redirect with URL parameters//重定向url參數(shù)</p><p>　　if (MM_editRe

80、directUrl.length() != 0) {</p><p>　　response.sendRedirect(response.encodeRedirectURL(MM_editRedirectUrl);</p><p>　　return;//返回</p><p>　　<%//創(chuàng)建MM_conn驅(qū)動</p><p>　　Driv

81、er DriverRecordset1 =</p><p>　　(Driver)Class.forName(MM_conn_DRIVER).newInstance();</p><p>　　Connection ConnRecordset1 = DriverManager.getConnection(MM_conn_STRING,MM_conn_USERNAME,MM_conn_PASSW

82、ORD);</p><p>　　PreparedStatement //準備記錄</p><p>　　StatementRecordset1 = ConnRecordset1.prepareStatement("SELECT </p><p>　　* FROM lyb WHERE id = " + Recordset1__MMColParam +

83、 "");</p><p>　　ResultSet Recordset1 = StatementRecordset1.executeQuery();</p><p>　　boolean Recordset1_isEmpty = !Recordset1.next();</p><p>　　boolean Recordset1_hasData = !

84、Recordset1_isEmpty;</p><p>　　Object Recordset1_data;</p><p>　　int Recordset1_numRows = 0;</p><p><b>　　%></b></p><p><b>　　總結</b></p>&l

85、t;p>　　在本次網(wǎng)頁設計中，我不僅學到了很多關于網(wǎng)頁設計方面的知識，也從中學會了關于使用網(wǎng)頁制作軟件方面的知識。在這個過程中，我通過上網(wǎng)搜集資料自學了Dreamweaver網(wǎng)頁軟件的應用，學會了簡單地使用Dreamweaver。在設計過程中也出現(xiàn)了很多的問題，但上網(wǎng)查找、小組討論等方式，不斷地學習、提高，設計出的網(wǎng)頁也在不斷的進步?？梢哉f在自己動手，不斷實踐的過程中，網(wǎng)頁設計水平得到了很大的提高。 </p>

86、<p>　　在這個制作過程中，我學會了面對困難和挑戰(zhàn)，但我十分享受這一過程，這是一個能令人感覺到收獲的過程，這次的網(wǎng)頁制作使我產(chǎn)生很強的成就感。制作網(wǎng)頁開始的時候還是興致勃勃，充滿激情的。但是學習內(nèi)容越來越多，就逐漸感覺有點思維混亂，開始煩躁，失去了當初的那種興奮的感覺，原來在自己看來是一種樂趣的事情，現(xiàn)在卻成了一種負擔。但我堅持一步步做下來，到看到成品時，內(nèi)心得到了強烈的滿足感。從中使我感悟到：學習網(wǎng)頁制作需要耐心，如果

87、你沒有耐心，你就學不會，因為當你碰到問題時，如果不能立刻得到問題的答案，你就可能做不下去了。學習網(wǎng)頁制作需要堅持，堅持不斷地學習，能作出理想的作品，才能更加充實自己。</p><p>　　經(jīng)過一段時間的的努力，終于完成了網(wǎng)站的制作，期間遇到了一些困難，但是在老師的悉心下都解決了，同時也對網(wǎng)站建設有了更進一步的了解。通過網(wǎng)站的制作，對網(wǎng)頁制作產(chǎn)生了濃厚的興趣。對于一個剛接觸靜態(tài)網(wǎng)頁制作的人來說，做一個靜態(tài)的網(wǎng)頁，只

88、要充分利用好表格，使網(wǎng)頁結構清晰明了，內(nèi)容充實緊湊，這個網(wǎng)站就可以算得上是一個合格的網(wǎng)站了。從這方面考慮，我相信我的網(wǎng)站是一個合格的作品。當然，我還需要不斷學習，因為目前動態(tài)網(wǎng)頁構成的網(wǎng)站才是主流的網(wǎng)站。學習的路還很漫長，今后要不斷的努力完善自己，用知識武裝自己。只有適應社會發(fā)展的需求，適應時代發(fā)展的需求，才能在競爭日益激烈的社會中立足。</p><p>　　總體來說，通過對網(wǎng)頁設計，有收獲也有遺憾、不足的地方，

89、我利用了學習之余的一切可利用的剩余時間投入到網(wǎng)頁世界，去不斷的學習和探索，同時去不斷的充實與完善自我。我想我已經(jīng)邁入了網(wǎng)頁設計的大門，只要我再認真努力的去學習和提高，我將來設計出的網(wǎng)頁會更加專業(yè)和完善。</p><p><b>　　致謝</b></p><p>　　大學三年學習時光已經(jīng)接近尾聲，在此我想對我的母校，我的父母、親人們，我的老師和同學們表達我由衷的謝意。感

90、謝我的家人對我大學三年學習的默默支持；感謝我的母校xx學院給了我在大學三年深造的機會，讓我能繼續(xù)學習和提高；老師們課堂上的激情洋溢，課堂下的諄諄教誨；同學們在學習中的認真熱情，生活上的熱心主動，所有這些都讓我的三年充滿了感動。 這次畢業(yè)論文設計我得到了很多老師和同學的幫助，其中我的論文指導老師xx老師對我的關心和支持尤為重要。在他身上我學到了很多東西。他嚴謹?shù)闹螌W態(tài)度、淵博的專業(yè)知識，忘我的工作精神和對學生盡職盡責的教導都給我留下了十分

91、深刻的印象。他無論在理論上還是在實踐中，都給了我很大的幫助，使我得到很大的提高，這對于我以后的工作和學習都是巨大的幫助，在此感謝他耐心的輔導。在撰寫論文期間，xx老師幾次審閱我們的論文，提出了寶貴意見，沒有他的指導，我們就不能較好的完成課題設計的任務。</p><p>　　另外，我還要感謝在這幾年來對我有所指導的老師，他們孜孜不倦的教誨不但讓我學到了很多的知識，而且讓我掌握了學習的方法，更教會我做人處事的道理，在

92、此表示感謝。同時，在系統(tǒng)的開發(fā)過程中還有同班的同學也給了我不少幫助，這里一并表示感謝。</p><p><b>　　參考文獻：</b></p><p>　　[1]金穎. 《新編網(wǎng)頁制作三合一教程》[M] .中國鐵道出版社 2006 86頁~110頁</p><p>　　[2]陳強,霍繼文,葉兵. 《網(wǎng)頁制作實用技術 FrontPage 2000

93、》[M].清華大學出版社 2000 </p><p>　　[3]劉海疆, 李東博.《網(wǎng)頁制作三劍客教程》[M]. 西安電子科技大學出版社 2004 </p><p>　　[4]張福成.譚國鵬.《制作網(wǎng)頁寶典》[M]. 人民郵電出版社 2000 </p><p>　　[5]王凱，張家才.《跟我學網(wǎng)頁制作 網(wǎng)頁制作技巧與實例》[M]. 冶金工業(yè)出版社 1999</

94、p><p>　　[6]張民，趙兵.《網(wǎng)頁設計制作技巧》[M]. 陜西工業(yè)出版社 2002</p><p>　　[7]王家林，李利.《網(wǎng)頁設計入門》[M]. 人民出版社 2000</p><p>　　[8]魏宏欣，洪大民.《網(wǎng)頁設計教程》[M]. 江西工業(yè)出版社 1998</p><p>　　[9]陳達杰，張偉.《網(wǎng)頁簡單應用教程》[M]. 山西工

95、業(yè)出版社 2004</p><p>　　[10]張杰，王家才.《網(wǎng)頁制作技巧與實例》[M]. 重慶工業(yè)出版社 2003</p><p>　　[11]吳建東，趙大偉.《網(wǎng)頁設計制作跟我學》[M]. 山西工業(yè)出版社 2002</p><p>　　[12]陳春，賈圓圓.《網(wǎng)頁制作入門技巧》[M]. 人民出版社 2000</p><p>　　[13]