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

1、<p>　　專 科 畢 業(yè) 論 文</p><p><b>　　紡織品宣傳網頁設計</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>　　紡織品宣傳網頁設計</b></p><p>　　摘要： 本論文將對網頁的設計和制作進行研究和探討。作品的主要技術指標包括：</p><p>　　1、制作出一個具有靜態(tài)和動態(tài)技術的“關于公司的宣傳網頁”；</p><p>　　2、在

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

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

6、就是所要包含的主要內容，一個網頁必須要有一個明確的主題。特別是對于個人網頁，不可能像綜合網站那樣做得內容大而全，包羅萬象。所以必須要找準一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給人留下深刻的印象。</p><p>　　關鍵詞： 宣傳網頁 基本原則 制作步驟 網頁主題</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關于公司宣傳網頁的網站建設發(fā)展歷程(6)</p><p>　　1.2關于公司宣傳網頁的網站建設的必要性分析(7)</p><p>　　1.3本選題的現實意義(8)</p><p>　　第二章 木樂紡織品

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

17、.2 網站圖片制作工具Photoshop簡介(12)</p><p>　　3.3動態(tài)留言薄的制作工具Access數據庫(13)</p><p>　　第四章 具體網站的分析(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>　　第五章 網站前臺界面的設計與實現(16)</p><p>　　5.1 網站前臺首頁(16)</p><p>　　5.2 站內展示功能的實現(16)</p><p>　　5.3 留言簿功能的實現(18)</p><p>　　5.4 網站前臺界面的設計與實現分析(19)<

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

48、的執(zhí)行速度，減少編碼量，同時也減少在為Microsoft Windows應用程序接口編程時、在開發(fā)應用程序中遇到的問題的技術。謹慎地使用變量和它所占用的存儲空間能有效地減少一個應用程序所消耗的資源，同時也全面提高了它的性能。</p><p>　　第四章 具體網站的分析</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>　　數據庫服務平臺：Access數據庫 ，適合開發(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技術與公司宣傳網頁網上營銷相結合的趨勢已經具有一定規(guī)模，開發(fā)一個高效、可靠、通用的資源管理系統(tǒng)已經迫在眉睫。我考慮到

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

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

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

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

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

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

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

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

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

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

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

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

63、<p><b>　　.lsttable</b></p><p><b>　　{</b></p><p>　　display: block; </p><p>　　width: 700px; //顯示區(qū)域寬度為700</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">產品展示</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、數據庫部分代吧 </p><p><b>　　首頁部分代碼</b></p><p>　　<%@ page contentType="text/html; charset=gb2312" </p><p>　　language="java" import

71、="java.sql.*" errorPage="" %> //引用數據庫</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驅動</

77、p><p>　　//finish the sql and execute it 完成數據庫連接并退出</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參數</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驅動</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>　　在本次網頁設計中，我不僅學到了很多關于網頁設計方面的知識，也從中學會了關于使用網頁制作軟件方面的知識。在這個過程中，我通過上網搜集資料自學了Dreamweaver網頁軟件的應用，學會了簡單地使用Dreamweaver。在設計過程中也出現了很多的問題，但上網查找、小組討論等方式，不斷地學習、提高，設計出的網頁也在不斷的進步?？梢哉f在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。 </p>

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

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

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

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

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

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

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

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

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

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