1、<p>　　編號 </p><p>　　焦作師范高等專科學校</p><p>　　畢 業(yè) 論文（設 計） </p><p>　　論文題目 </p><p><b>　　系 （部） </b></p><p>　　專 業(yè) </p

2、><p><b>　　班 級 </b></p><p>　　學 號 </p><p>　　學生姓名 </p><p>　　指導教師 </p><p>　　職 稱 </p><p>　

3、　2010 年 5 月</p><p><b>　　目 錄</b></p><p>　　摘要……………………………………………………………………………（1）</p><p>　　第一章 緒論……………………………………………………………………（3）</p><p>　　1.1 選題背景………………………………

4、………………………………（3）</p><p>　　1.2 網站設計的內容和任務………………………………………………（3）</p><p>　　1.3 論文組織結構…………………………………………………………（3）</p><p>　　第二章 網站的研究概述……………………………………………………（5）</p><p>　　2.1 P

5、hotoshop學習網站概況……………………………………………（5）</p><p>　　2.2 Photoshop學習網站研究概況………………………………………（5）</p><p>　　2.3 Photoshop學習網站構想與設計……………………………………（6）</p><p>　　第三章 Photoshop學習網站設計分析……………………………………（

6、7）</p><p>　　3.1 Photoshop功能………………………………………………………（7）</p><p>　　3.2 網站功能分析…………………………………………………………（7）</p><p>　　3.3 網站制作的基本思路和過程…………………………………………（7）</p><p>　　第四章 Photoshop

7、學習網站的總體設計…………………………………（8）</p><p>　　4.1 Photoshop學習網站的總體設計及說明……………………………（8）</p><p>　　4.2 網頁界面構成要素……………………………………………………（8）</p><p>　　4.3 網頁的色彩搭配………………………………………………………（11）</p>&

8、lt;p>　　第五章 Photoshop學習網站功能的實現…………………………………（12）</p><p>　　5.1 網站主頁的具體設計…………………………………………………（12）</p><p>　　5.2 模塊的具體設計………………………………………………………（12）</p><p>　　5.2.1 軟件下載……………………………………………

9、……………（13）</p><p>　　5.2.2 資源庫……………………………………………………………（13）</p><p>　　第六章 Photoshop學習網站的測試………………………………………（14）</p><p>　　6.1 測試的目的及任務……………………………………………………（14）</p><p>　　6.2 測

10、試的方法及過程……………………………………………………（14）</p><p>　　第七章 Photoshop學習網站的不足和改進設想…………………………（15）</p><p>　　7.1 網站設計不足…………………………………………………………（15）</p><p>　　7.2 改進措施………………………………………………………………（15）</p

11、><p>　　第八章 總結……………………………………………………………………（17）</p><p>　　致謝…………………………………………………………………………… （18）</p><p>　　參考文獻 ……………………………………………………………………（19）</p><p><b>　　摘 要</b><

12、/p><p>　　近年來計算機技術飛速發(fā)展，尤其網絡的發(fā)展深刻的改變了人們的方方面面，各種在線服務系統更改變了人們的學習方式,可以使遠隔千里還可以隨時學習。為此建立一個學習網站系統是有必要的，它便與人們之間的日常的學習和信息的交流，為同學間的知識的傳播和信息的交流提供了一個良好的平臺，同時也可以增強自身的學習！</p><p>　　本系統是以學習和信息交流為目的利用Adobe Dreamwea

13、ver技術設計開發(fā)的一個系統。特點是，系統界面友好，為同學間的信息學習交流和知識的傳播提供了很大的方便。</p><p>　　文中主要描述了學習網站系統的設計方法和實現過程，闡述了系統的需求分析、概要設計、數據庫設計以及實現步驟重點論述了系統的詳細設計和實現過程方面。 </p><p>　　關鍵詞 : Adobe DreamweaverAbstract</p><p&g

14、t;　　In recent years the rapid development of computer technology, in particular the development of a profound change in all aspects of people, all kinds of online services system has changed people's learning, can al

15、so be separated by thousands of miles to study at any time. The establishment of a study site for this system is necessary, it is with people's day-to-day between the learning and the exchange of information for stud

16、ents of knowledge dissemination and exchange of information provides a g</p><p>　　This system is according to information and study exchanges of foundation top make use of Adobe Dreamweaver technique design

17、development of a system.System interface amity, use the convenience as the information of the classmate study exchanges and knowledge of dissemination provided very big of convenience.</p><p>　　Main in the t

18、ext description study website system of design method and realization process, elaborated the need of the system analysis, essentials design, database design and realization step point discuss system of detailed design a

19、nd realization process.</p><p>　　Keywords: Adobe Dreamweaver</p><p><b>　　第一章 緒論</b></p><p><b>　　1.1選題背景</b></p><p>　　在計算機迅速發(fā)展的今天，網絡也不再新鮮了。人們

20、的生活、學習、工作等已經越來越離不開計算機科學的運用，而Internet的發(fā)展更加速了這種趨勢，人們越來越需要在互聯網上交流各種信息和討論各種問題。</p><p>　　在網上書店越來越受人們喜歡。如今在課堂上的所學到的知識已經不足以滿足廣大讀書愛好者了。所以需要一個平臺來學習更多的知識?；ヂ摼W眾多應用領域中，信息的傳播與學習交流是其中的一個非常重要的組成部分。為此建立一個書店的網站系統是必要的。 </p&

21、gt;<p>　　1.2網站設計的內容及任務</p><p>　　現在大學生面對著來自社會、學校、家庭各個方面很大壓力的同時。應該有一個放松自己、輕松學習的地方。本站主要提供了在學習中所需的技術文章與必不可少的學習教程。于這點考慮就需要建立起一個平臺使大家可以進行交流，而由這個平臺所產生的熱點話題又與本站的欄目內容結合在一起，使大家可以親身參與到本站所營造出的互動氛圍之中，本站促進他們能更好更有利的

22、成長。大家又可以在本站留言以及發(fā)表自己的意見。經過討論使自己的技術更加熟練。學習的積極性油然而生。在這樣可以提高自己技術水平的同時還可以認識識趣相同的好友。</p><p><b>　　1.3論文組織結構</b></p><p>　　第一部分：緒論。介紹了選題背景，網站設計的內容及任務。</p><p>　　第二部分：漫步者網站的研究概述。介紹

23、了漫步者學習網站的概況及設計的原理。</p><p>　　第三部分：漫步者學習網站的設計分析。介紹網站設計的需求分析。</p><p>　　第四部分：漫步者學習網站的總體設計。介紹網站的整體設計說明，頁面構成要素及頁面顏色配置。</p><p>　　第五部分：漫步者學習網站功能的實現。介紹網站主頁設計以及數據庫設計與連接。</p><p>　

24、　第六部分：漫步者學習網站的測試。介紹了測試目的及任務和測試的方法過程。</p><p>　　第七部分：網站設計的不足和改進思想。介紹了網站設計的不足和改進措施。</p><p><b>　　第八部分：總結。</b></p><p>　　第二章 網站的研究概述</p><p>　　2.1 Photoshop學習網站概

25、況</p><p>　　僅僅20幾年前,還是大型機的時代,那時只有少數人有機會使用計算機,而且只能通過臨近的信息產業(yè)機構去使用.然而,個人電腦和圖形化用戶界面的出現卻改變了這一切,將計算機普及到了千家萬戶,并使它真正成為一種大工業(yè)生產的商品.企業(yè)界意識到,由個人電腦聯結起來組成的網絡和基于個人電腦的服務器可能改變他們的商務模式.而個人電腦對消費者來說也迅速成為新興的娛樂媒介.隨后,因特網接踵而至并在全球范圍內以一

26、種不可阻擋的勢頭迅猛發(fā)展著.</p><p>　　今天,全球有將近3億人口正在使用因特網,據預測,全球上網人數將在3年內增至8.5億.在這樣一個網絡時代中,人類在生存方式也迅速改變著.它革命性地改變了我們的交流方式,創(chuàng)造了豐富而新穎的信息和娛樂資源. “信息的DNA”正在取代原子而成為人類生活中交換物。數字科技為我們的生活、工作、教育和娛樂帶來了各種意想不到的沖擊。Internet正逐漸滲透我們的工作、生活中的各

27、個角落。它在地球上已經形成了一個新的大陸，即“第七洲”一虛擬洲，任何企業(yè)和個人都在這個洲上。面對Internet本身所具有的開放性、全球性低成本、高效率等特點，傳統商業(yè)暴露的問題也越來越明顯，原有的商業(yè)格局、商務動作模式在Interrnet面前也顯得無能為力，客觀形勢給傳統商務工作帶來了壓力和動力、機遇和挑戰(zhàn)、條件和可能，挑戰(zhàn)是現實的，機遇是潛在的，所以迫使我們必須重組原有的商業(yè)格局，變革原有的商業(yè)模式契合Internet的發(fā)展以取得最

28、大成就。</p><p>　　2.3 漫步者書店網站構想與設計</p><p>　　本設計是利用Dreamweaver建立一個網上書店. Dreamweaver 是用HTML語言為腳本語言，網站中采用圖片鏈接、文字鏈接和lbi庫文件．設計具有用戶使用簡單界面直觀等優(yōu)點。本設計具有最新圖書、文學圖書、勵志圖書、少兒圖書、綜合性圖書等模塊。</p><p><b&

29、gt;　　具體要求如下：</b></p><p>　　熟練掌握目前流行的開發(fā)平臺并能進行應用系統開發(fā)；</p><p>　　運用軟件相關知識進行書店的分析和設計；</p><p>　　詳細分析網上書店系統的業(yè)務流程并劃分出功能模塊；</p><p>　　按時完成系統的軟件實現，系統調試；</p><p>　

30、　論文語言簡潔，條理分明，論述清晰；</p><p>　　第三章 網上書店設計分析</p><p>　　3.1 網上書店的功能</p><p>　　本系統主要分為兩個部分：一個是前臺銷售模塊即用戶在客戶端瀏覽、搜索商品，能夠看到書店的最新公告，如同在現實書店中一樣每個用戶擁有一個叫購物車的工具來模擬在書店的購物，用戶可以把自己需要的圖書放到購物車內，并可以對自己

31、放入購物車的圖書進行修改，例如更改購買圖書的數量、從購物車中去掉商品等操作。另一部分是后臺信息管理程序，商家在這里管理網站的相關發(fā)布信，以及對訂單的查詢，并管理在系統上注冊的用戶等。</p><p>　　3.2網站功能分析</p><p>　　隨著計算機的發(fā)展和推廣，人們學習，搜集資料的手段也發(fā)生了很大變化。從以前通過書籍學習查詢，到現在的上網學習。學習網站已普遍應用人們的學習生活中。&

32、lt;/p><p>　　該網站由本人設計實現的功能是：</p><p>　　(1)用戶登陸、查詢。</p><p>　　(2)查詢圖書。給用戶查詢更多的圖書資料。</p><p><b>　　(3)提交購物車。</b></p><p>　　3.3網站制作的基本思路和過程</p><

33、p>　　網上書店的設計經過了定題，熟悉開發(fā)工具，調查研究，搜尋資料等階段，然后一步步達到各部分功能的實現。如圖所示:</p><p>　　圖 3—1 網站設計</p><p>　　第四章 Photoshop學習網站的總體設計</p><p>　　4.1 Photoshop學習網站的總體設計及說明</p><p>　　網頁的整體布局在

34、整個制作中至關重要，一個雜亂無章、給人第一印象極差的網頁，用戶訪問過之后是不會再訪問的。在制作本網頁時，主要以學校主頁界面形式作為參考，因為它看上去比較柔和、簡潔、和諧，給用戶清新的感覺。</p><p>　　Photoshop學習網站的設計包括，主頁的設計、資源庫、軟件下載。</p><p>　　制作中主要采用Dreamweaver作為主要制作工具，其中插入了圖片元素。軟件下載連接到了一

35、個Photoshop的教程，方便用戶在主頁上進行其它的操作。整體設計如圖4-1所示:</p><p>　　圖4-1 網站總體設計圖</p><p>　　4.2網頁界面構成要素</p><p>　　與傳統媒體不同，網頁除了文字和圖像以外，還包含聲音新興多媒體元素，更借助由代碼語言編程所實現的各種交互式效果，增加了網頁界面的生動性和復雜性，也使得網頁設計者需要考慮更多

36、頁面元素的排布、優(yōu)化。一般來說，網頁的界面主要由下面幾個因素構成：</p><p>　　(1)文字：文字元素是信息傳達的主體部分。網頁中的文字主要包括標題、信息、文字鏈接、幾種主要形式。標題和傳統媒體中信息傳達的基本作用相同，是內容的簡概說明一般比較醒目、優(yōu)先編排。文字作為占據頁面重要比率的元素，同時又是信息重要載體，它的字體、大小、顏色和排布對頁面整體設計影響極大。</p><p>　　

37、(2)圖形：圖形在網頁界面中具有重要作用。合理的運用圖形?？梢陨鷦又庇^、形象地表現設計主題。網頁中常用的圖形格式包括jpg和gif，這兩種格式壓縮比高，得到了規(guī)范瀏覽器的支持，下載速度快，具有跨平臺的特性，不需要瀏覽器安裝插件即可直接閱覽。圖形元素包括標題、背景、主圖、鏈接圖標四種。</p><p>　　(3)頁面版式：版式是網頁界面設計的重要組成部分，它將文字、圖形等視覺元素進行組合配置，使頁面整體視覺效果美觀

38、和諧，便于閱讀，實現信息傳達的最佳效果。 </p><p>　　(4)色彩：彩色網頁比單色網頁更具吸引力；色彩本身具有象征作用。 </p><p>　　(6)技術：網頁的技術要素并非任何情況下在網頁中都能直觀體現，但是卻代表了設計的整體水平，也是衡量設計成功的重要標準。網頁界面設計最基本的技術要求包括：瀏覽器、傳輸速度、屏幕分辨率、顏色顯示。</p><p>　　本

39、網站的所有文字采用的是華文楷體淺黃色。有種舒服但又不失正式。文字的大小根據頁面的大小比例合適搭配。主頁的整體顏色采用比較淡的粉紅和黑色。網站中的圖片jpg。頁面版式用Dreamweaver布局。主頁面如圖4-2所示：</p><p><b>　　圖4-2主頁面</b></p><p>　　4.3網頁的色彩搭配</p><p>　　打開一個網站，

40、給用戶留下第一印象的既不是網站豐富的內容，也不是網站合理的版面布局，而是網站的色彩。色彩對人的視覺效果非常明顯，一個網站設計成功與否，在某種程度上取決于設計者對色彩的運用和搭配。因為網頁設計屬于一種平面效果設計，在排除立體圖形、動畫效果之外，在平面圖上，色彩的沖擊力是最強的，它很容易給用戶留下深刻的印象。因此，在設計網頁時，必須要高度重視色彩的搭配。</p><p>　　在Photoshop學習網站的設計當中，本

41、人用色保持自己獨特的風格，這樣網站才能顯得個性鮮明，給瀏覽者留下深刻的印象。在搭配上遵從藝術規(guī)律的同時，還考慮人的生理特點，色彩搭配較合理，粉紅色給人一種和諧、愉快的感覺，避免采用純度很高的單一色彩，這樣容易造成視覺疲勞。網站設計同時也是一種藝術活動，結合著創(chuàng)新意識，設計出了符合網站要求，也具有一定特色的粉色網頁。</p><p>　　第五章 Photoshop學習網站功能的實現</p><

42、p>　　5.1網站主頁的具體設計</p><p>　　Photoshop學習網站主頁的整體的設計布局和主頁中部分模塊功能的設計。如圖5-1所示：</p><p><b>　　圖5-1 主頁圖片</b></p><p>　　該圖片是Photoshop制作的一個圖。是通過層建立與路徑設計來制作的，制作的不是太完美，但能突出一個主題。</

43、p><p>　　主頁中還有幾個超鏈接，分別是首頁、課程簡介（幫助學習者更容易學習），資源庫（方便查找資料），軟件下載（更容易下載所需要的軟件），作品展覽、自我測試（可以了解自己所學到和還不了解的知識），點擊超鏈接可以進入到相關的內容。如圖5-2所示：</p><p>　　圖5-2 主頁部分超鏈接文字圖</p><p>　　5.2模塊的具體設計</p>&l

44、t;p>　　Photoshop學習網站部分功能模塊包括：軟件下載、資源庫。</p><p>　　5.2.1 軟件下載</p><p>　　軟件下載是用戶通過Photoshop學習網站下載軟件的重要途徑。如圖5-3所示：</p><p><b>　　圖5-3 軟件下載</b></p><p><b>　　5

45、.2.2 資源庫</b></p><p>　　資源庫是用戶通過Photoshop學習網站學習的重要途徑。如圖5-4所：</p><p><b>　　圖5-4 資源庫</b></p><p>　　第六章 Photoshop學習網站的測試</p><p>　　6.1測試的目的及任務</p><

46、;p>　　測試就是為了發(fā)現在制作中出現的錯誤，由于種種因素在網站制作中可能會出現若干錯誤，而不易被發(fā)現。只有在完成時，以用戶的身份和眼光去檢驗完成的創(chuàng)作，才能發(fā)現它的不足和出現的錯誤。</p><p>　　測試不但是為了發(fā)現錯誤，還是為了進一步完善該網站。爭取令用戶滿意，并能給用戶帶來方便和幫助。測試的過程也是自己提高的過程，通過測試不但能發(fā)現系統的不足，還能發(fā)現自己對哪一方面的知識不夠熟練，為以后的學習和

47、工作積累一些經驗。</p><p>　　6.2測試的方法及過程</p><p>　　軟件的測試方法有：黑盒測試和白盒測試是軟件測試的兩類不同方法。測試任何產品都可用這兩種方法：如果已經知道了產品應該具有的功能可以通過測試來檢驗是否每個功能都能正常使用；如果知道產品內部工作過程，可以通過測試來檢驗產品內部動作是否按照規(guī)格說明說的規(guī)定正常進行。</p><p>　　系統

48、的測試一般來說，有兩種調試方法可以采用：回溯法和原因排除法。無論采用什么方法，調試的根本目標都是尋找軟件錯誤的原因并改正之。在測試的過程中主要是測試其健壯性和完整性。</p><p>　　第七章 Photoshop學習網站的不足和改進設想</p><p><b>　　7.1網站設計不足</b></p><p>　　由于設計者的水平有限，時間有

49、限，再加上初次嘗試設計工作，所以做出來的作品有好多不足的地方，總結起來，主要有以下幾點：</p><p>　?。?）界面設計的不足</p><p>　　具體涉及到界面顏色的搭配和布局的設計，在本作品中稍微顯得有點單調，但是又不知道該怎樣來調整布局。所以以后還要慢慢學習，爭取做到既個性又不招搖。</p><p>　　（2）創(chuàng)新意識的欠缺</p><

50、p>　　在主頁的設計制作上，由于本人的水平有限、經驗的不足、創(chuàng)新意識的局限，致使頁面的設計過于簡單。但又不知該如何進一步的完善。所以今后會培養(yǎng)自己的創(chuàng)新意識。</p><p><b>　?。?）安全性能較差</b></p><p>　　由于Access數據庫本身并不是一個數據庫服務器，它不能用服務器來運行查詢，對于數據庫龐大的情況，它并不是好的選擇，Access

51、比起SQL Server而言，總體的安全性要差，所以以后應該改</p><p><b>　　7.2改進措施</b></p><p>　　針對網站中存在的不足，應做的以下幾個方面：</p><p>　?。?）對所制作的網站要做到充分的調查、研究及詳細分析，從網站的整體出發(fā)，然后再從網站的功能模塊著手。只有網站的整體框架設計完成后，在做功能模塊時才

52、不至于出現這樣那樣的問題，因為網站的整體框架已經決定了你所做的功能模塊及功能子模塊之間的關系。</p><p>　?。?）要對本網站所采用的開發(fā)工具有足夠的了解、豐富的理論知識和具備較強的動手能力。這樣，既能夠對某個功能的實現，不僅僅是實現此功能，而是比較全面的對此功能進行控制和擴充，以達到更滿意的效果，使操作起來簡捷、直觀、好用。又能夠把開發(fā)工具與數據庫的設計緊密結合起來，來進一步提高系統的穩(wěn)定性。</p

53、><p>　　（3）詳細的數據庫設計方案，只有詳細的數據庫設計方案才能把數據庫設計的更符合系統要求，更具有擴展性。這樣在進行系統開發(fā)時，才能很好把握采用多表進行功能設計時，不出現某個數據項有或沒有及數據類型是否一致、數據長度是否相等。從某種意義上，也提高了開發(fā)效率和降低了開發(fā)難度。</p><p>　　總之，由于本人經驗還不夠豐富，考慮問題還不夠全面，各方面都需要加強，在總結中進步。通過這次畢

54、業(yè)設計，自己確實提高了不少，同樣，也發(fā)現了自己身上存在的許多問題，為以后的學習也奠定了基礎。</p><p><b>　　第八章 總結</b></p><p>　　在這三個月中，通過自己的學習和努力，通過康麗鋒老師的指導和教育，使我不僅僅在知識水平和解決實際問題的能力上有了很大的提高，還從思想的深處體會到，要把自己的所學變成現實時所將面對的種種難題。</p&g

55、t;<p>　　通過這次畢業(yè)設計，讓自己認識到還有很多好學的東西。在這次的設計里有一些功能由于水平有限和時間原因最終無法完成，尤其是論壇的功能還需要進一步加強。在這次設計的過程中，自己走了不少的彎路，但是在后來不斷的摸索中學會了如何更有效的展開工作。軟件工程思想指導我一步一步從系統分析，到系統設計，再到系統實現，讓我對整個系統的開發(fā)過程有了明顯的全局觀念，也合理地安排了整個設計的時間。使后期的工作少走了很多的彎路。<

56、/p><p>　　由于受本人的水平局限性，本站設計還有很多不足的地方，有待以后改進。包括：由于時間，水平的原因，網頁設計的不精美。比如排版設計有些不合理，動畫，圖片做的不是很有吸引力。這些將是本人努力的方向。使得沒有完成一個很好的后臺管理，這將是我以后更加努力學習的動力。</p><p>　　以上是我在本次畢業(yè)設計中的體會，也許認識到的問題還很膚淺，但 就現在來說，它們正是我所需要的。<

57、/p><p><b>　　致謝</b></p><p>　　首先感謝本人的導師康麗鋒，她仔細審閱了本文的全部內容并對我的畢業(yè)設計內容提出了許多建設性建議?？蝶愪h老師淵博的知識，誠懇的為人，敬業(yè)的精神使我受益匪淺，在畢業(yè)設計的過程中，特別是遇到困難時，她給了我鼓勵和幫助，在這里我向她表示真誠的感謝！</p><p>　　同時，學校給了我這次畢業(yè)設計的

58、機會，使我得到了很好的鍛煉，在此，我也向學校的各位老師表示最誠摯的感謝。</p><p><b>　　參考文獻</b></p><p>　　[1]肖金秀,ASP網絡編程技術[M]北京：清華大學出版社，2001</p><p>　　[2]Wordy Willard. ASP編程起步[M]北京：人民郵電出版杜，2001</p><

59、;p>　　[3]劉冰,教育網站設計[J]中國電化教育2001,168(1):3-17</p><p>　　[4]王迪,建設與維護你自己的網站[M]北京：中國鐵道出版社，2003</p><p>　　[5]光軍,動態(tài)網站設計編程技法[M]北京：北京航空航天大學出版社，2001</p><p>　　[6]石志國,ASP動態(tài)網站編程[M]北京：清華大學出版社，200

60、1</p><p>　　[7]趙祖荀,網頁制作教程[M]北京：清華大學出版社，2000</p><p>　　[8]林少景,網頁特效編程百例[M]北京：清華大學出版社，2001</p><p>　　[9]陳俊榮，鄧文淵ASP與網絡數據庫技術[M]北京：中國鐵道出版社, 2003</p><p>　　[10] http://www.wzsky.n

61、et</p><p>　　[11] http://www.enet.com.cn</p><p><b>　　摘 要</b></p><p>　　近年來計算機技術飛速發(fā)展，尤其網絡的發(fā)展深刻的改變了人們的方方面面，各種在線服務系統更改變了人們的學習方式,可以使遠隔千里還可以隨時學習。為此建立一個學習網站系統是有必要的，它便與人們之間的日常的學

62、習和信息的交流，為同學間的知識的傳播和信息的交流提供了一個良好的平臺，同時也可以增強自身的學習！</p><p>　　本系統是以學習和信息交流為目的利用Adobe Dreamweaver技術設計開發(fā)的一個系統。特點是，系統界面友好，為同學間的信息學習交流和知識的傳播提供了很大的方便。</p><p>　　文中主要描述了學習網站系統的設計方法和實現過程，闡述了系統的需求分析、概要設計、數據庫

63、設計以及實現步驟重點論述了系統的詳細設計和實現過程方面。 </p><p>　　關鍵詞 : Adobe Dreamweaver</p><p><b>　　Abstract</b></p><p>　　In recent years the rapid development of computer technology, in particu

64、lar the development of a profound change in all aspects of people, all kinds of online services system has changed people's learning, can also be separated by thousands of miles to study at any time. The establishmen

65、t of a study site for this system is necessary, it is with people's day-to-day between the learning and the exchange of information for students of knowledge dissemination and exchange of information provides a g<

66、/p><p>　　This system is according to information and study exchanges of foundation top make use of Adobe Dreamweaver technique design development of a system.System interface amity, use the convenience as the i

67、nformation of the classmate study exchanges and knowledge of dissemination provided very big of convenience.</p><p>　　Main in the text description study website system of design method and realization proces

68、s, elaborated the need of the system analysis, essentials design, database design and realization step point discuss system of detailed design and realization process.</p><p>　　Keywords: Adobe Dreamweaver&l

69、t;/p><p><b>　　第一章 緒論</b></p><p><b>　　1.1選題背景</b></p><p>　　在計算機迅速發(fā)展的今天，網絡也不再新鮮了。人們的生活、學習、工作等已經越來越離不開計算機科學的運用，而Internet的發(fā)展更加速了這種趨勢，人們越來越需要在互聯網上交流各種信息和討論各種問題。&l

70、t;/p><p>　　在Photoshop越來越受人們喜歡。如今在課堂上的所學到的知識已經不足以滿足廣大 Photoshop愛好者了。所以需要一個平臺來學習更多的知識?；ヂ摼W眾多應用領域中，信息的傳播與學習交流是其中的一個非常重要的組成部分。為此建立一個Photoshop學習網站系統是必要的。 </p><p>　　1.2網站設計的內容及任務</p><p>　　現在大

71、學生面對著來自社會、學校、家庭各個方面很大壓力的同時。應該有一個放松自己、輕松學習的地方。本站主要提供了在學習中所需的技術文章與必不可少的學習教程。同時對Photoshop并不十分了解的人群使他們對本站產生濃厚的興趣。于這點考慮就需要建立起一個平臺使大家可以進行交流，而由這個平臺所產生的熱點話題又與本站的欄目內容結合在一起，使大家可以親身參與到本站所營造出的互動氛圍之中，本站促進他們能更好更有利的成長。因為本網站的服務對象是廣大 Pho

72、toshop愛好者。大家又可以在本站留言以及發(fā)表自己的意見。經過討論使自己的技術更加熟練。學習的積極性油然而生。在這樣可以提高自己技術水平的同時還可以認識識趣相同的好友。</p><p>　　根據網站的功能和特點，以及為了方便用戶的學習使用，本學習網站整體上分為以下幾個模塊：</p><p>　　(1)網站主頁面模塊。完成對網站主頁框架的的基本設計。</p><p>

73、;　　(2) 資源庫模塊的實現：該模塊包含了眾多Photoshop軟件的教程與技巧。</p><p>　　(3)在線投票模塊。完成對用戶的在線投票的操作。</p><p><b>　　1.3論文組織結構</b></p><p>　　第一部分：緒論。介紹了選題背景，網站設計的內容及任務。</p><p>　　第二部分：Ph

74、otoshop學習網站的研究概述。介紹了Photoshop學習網站的概況及設計的原理。</p><p>　　第三部分：Photoshop學習網站的設計分析。介紹網站設計的需求分析。</p><p>　　第四部分：Photoshop學習網站的總體設計。介紹網站的整體設計說明，頁面構成要素及頁面顏色配置。</p><p>　　第五部分：Photoshop學習網站功能的實

75、現。介紹網站主頁設計以及數據庫設計與連接。</p><p>　　第六部分：Photoshop學習網站的測試。介紹了測試目的及任務和測試的方法過程。</p><p>　　第七部分：網站設計的不足和改進思想。介紹了網站設計的不足和改進措施。</p><p><b>　　第八部分：總結。</b></p><p>　　第二章

76、 網站的研究概述</p><p>　　2.1 Photoshop學習網站概況</p><p>　　Photoshop是世界頂尖級的圖像設計與制作工具軟件。圖像處理是對已有的位圖圖像進行編輯加工處理以及運用一些特殊效果，其重點在于對圖像的處理加工。在表現圖像中的陰影和色彩的細微變化方面或者進行一些特殊效果處理時，使用位圖形式是最佳的選擇，它在這方面的優(yōu)點是矢量圖無法比擬的。</p>

77、;<p>　　從功能上看，Photoshop可分為圖像編輯、圖像合成、校色調色及特效制作部分。圖像編輯是圖像處理的基礎，可以對圖像做各種變換如放大、縮小、旋轉、傾斜、鏡像、透視等。也可進行復制、去除斑點、修補、修飾圖像的殘損等。這在婚紗攝影、人像處理制作中有非常大的用場，去除人像上不滿意的部分，進行美化加工，得到讓人非常滿意的效果。 </p><p>　　圖像合成則是將幾幅圖像通過圖層操作、工具應用

78、合成完整的、傳達明確意義的圖像，這是美術設計的必經之路。Photoshop提供的繪圖工具讓外來圖像與創(chuàng)意很好地融合，成為可能使圖像的合成天衣無縫。校色調色是Photoshop中深具威力的功能之一，可方便快捷地對圖像的顏色進行明暗、色編的調整和校正，也可在不同顏色進行切換以滿足圖像在不同領域如網頁設計、印刷、多媒體等方面應用。 特效制作在Photoshop中主要由濾鏡、通道及工具綜合應用完成。包括圖像的特效創(chuàng)意和特效字的制作，如油畫、浮雕

79、、石膏畫、素描等常用的傳統美術技巧都可藉由Photoshop特效完成。而各種特效字的制作更是很多美術設計師熱衷于Photoshop的研究的原因。</p><p>　　2.2 Photoshop學習網站研究概況</p><p>　　Photoshop學習網站的設計研究概況：</p><p>　　(1)沒有不變的需求，要為網站設計程序留下足夠多的拓展空間，同時要考慮在系

80、統向其它平臺移植時盡量減少工作量和難度的途徑。</p><p>　　(2)網站程序設計要簡潔，足夠好的面向過程遠遠優(yōu)于蹩腳的面向對象。</p><p>　　(3)理論是為實踐服務的，所以不要被理論（尤其是設計模式）束縛。</p><p>　　目前有些學習網站中存在的問題：</p><p>　　(1)網站的內容空洞，華而不實。</p>

81、;<p>　　(2)網站的整體頁面布局設計的不夠新穎。</p><p>　　(3)網站的功能設計欠缺，給用戶帶來很多不便。</p><p>　　(4)功能靈活度低，不利于維護和拓展。</p><p>　　2.3 Photoshop學習網站構想與設計</p><p>　　采用Dreamweaver布局，網絡操作系統以Microso

82、ft Window XP + Internet Explorer 6為平臺，以便于網站的改進和更新。</p><p>　　第三章 Photoshop學習網站設計分析</p><p>　　3.1 Photoshop功能</p><p>　　從功能上看，Photoshop軟件可分為圖像編輯、圖像合成、校色調色及特效制作部分。圖像編輯是圖像處理的基礎，可以對圖像做各種

83、變換如放大、縮小、旋轉、傾斜、鏡象、透視等。也可進行復制、去除斑點、修補、修飾圖像的殘損等。這在婚紗攝影、人像處理制作中有非常大的用場，去除人像上不滿意的部分，進行美化加工，得到讓人非常滿意的效果。圖像合成則是將幾幅圖像通過圖層操作、工具應用合成完整的、傳達明確意義的圖像，這是美術設計的必經之路。Photoshop提供的繪圖工具讓外來圖像與創(chuàng)意很好地融合，成為可能使圖像的合成無衣無縫。 </p><p>　　校色

84、調色是Photoshop中深具威力的功能之一，可方便快捷地對圖像的顏色進行明暗、色編的調整和校正，也可在不同顏色進行切換以滿足圖像在不同領域如網頁設計、印刷、多媒體等方面應用。</p><p>　　特效制作在Photoshop中主要由濾鏡、通道及工具綜合應用完成。包括圖像的特效創(chuàng)意和特效字的制作，如油畫、浮雕、石膏畫、素描等常用的傳統美術技巧都可藉由Photoshop特效完成。而各種特效字的制作更是很多美術設計師

85、熱衷于Photoshop的研究的原因。許多行業(yè)用，像攝影照片的后期處理，廣告、包裝、VI企劃、網站設計，海報等</p><p><b>　　3.2網站功能分析</b></p><p>　　隨著計算機的發(fā)展和推廣，人們學習，搜集資料的手段也發(fā)生了很大變化。從以前通過書籍學習查詢，到現在的上網學習。學習網站已普遍應用人們的學習生活中。</p><p&g

86、t;　　該網站由本人設計實現的功能是：</p><p>　　(1)介紹Photoshop的發(fā)展。</p><p>　　(2)資源庫。給用戶提供更多的學習資料。</p><p>　　(3)軟件下載。提供下載資料。</p><p>　　(4)作品展覽。一些作好的作品供展賞。</p><p>　　(5)自我測試。自我有一個了

87、解，學到了那么東西。</p><p>　　3.3網站制作的基本思路和過程</p><p>　　Photoshop學習網站的設計經過了定題，熟悉開發(fā)工具，調查研究，搜尋資料等階段，然后一步步達到各部分功能的實現。如圖3-1所示:</p><p>　　圖 3—1 網站設計</p><p>　　第四章 Photoshop學習網站的總體設計<

88、;/p><p>　　4.1 Photoshop學習網站的總體設計及說明</p><p>　　網頁的整體布局在整個制作中至關重要，一個雜亂無章、給人第一印象極差的網頁，用戶訪問過之后是不會再訪問的。在制作本網頁時，主要以學校主頁界面形式作為參考，因為它看上去比較柔和、簡潔、和諧，給用戶清新的感覺。</p><p>　　Photoshop學習網站的設計包括，主頁的設計、資源

89、庫、軟件下載。</p><p>　　制作中主要采用Dreamweaver作為主要制作工具，其中插入了圖片元素。軟件下載連接到了一個Photoshop的教程，方便用戶在主頁上進行其它的操作。整體設計如圖4-1所示:</p><p>　　圖4-1 網站總體設計圖</p><p>　　4.2網頁界面構成要素</p><p>　　與傳統媒體不同，網

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

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

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

93、成中最吸引人的元素 。</p><p>　　(6)技術：網頁的技術要素并非任何情況下在網頁中都能直觀體現，但是卻代表了設計的整體水平，也是衡量設計成功的重要標準。網頁界面設計最基本的技術要求包括：瀏覽器、傳輸速度、屏幕分辨率、顏色顯示。</p><p>　　本網站的所有文字采用的是宋體，顏色為藍色。給人一種正舒服但又不失正式。文字的大小根據頁面的大小比例合適搭配。主頁的整體顏色采用比較淡的

94、粉紅和黑色。網站中的圖片jia格式的。頁面的版式用CSS樣式和Dreamweaver布局。主頁面如圖4-2所示：</p><p><b>　　圖4-2主頁面</b></p><p>　　4.3網頁的色彩搭配</p><p>　　打開一個網站，給用戶留下第一印象的既不是網站豐富的內容，也不是網站合理的版面布局，而是網站的色彩。色彩對人的視覺效果非

95、常明顯，一個網站設計成功與否，在某種程度上取決于設計者對色彩的運用和搭配。因為網頁設計屬于一種平面效果設計，在排除立體圖形、動畫效果之外，在平面圖上，色彩的沖擊力是最強的，它很容易給用戶留下深刻的印象。因此，在設計網頁時，必須要高度重視色彩的搭配。</p><p>　　在Photoshop學習網站的設計當中，本人用色保持自己獨特的風格，這樣網站才能顯得個性鮮明，給瀏覽者留下深刻的印象。在搭配上遵從藝術規(guī)律的同時，

96、還考慮人的生理特點，色彩搭配較合理，粉紅色給人一種和諧、愉快的感覺，避免采用純度很高的單一色彩，這樣容易造成視覺疲勞。網站設計同時也是一種藝術活動，結合著創(chuàng)新意識，設計出了符合網站要求，也具有一定特色的粉色網頁。</p><p>　　第五章 Photoshop學習網站功能的實現</p><p>　　5.1網站主頁的具體設計</p><p>　　Photoshop學

97、習網站主頁的整體的設計布局和主頁中部分模塊功能的設計。如圖5-1所示：</p><p><b>　　圖5-1 主頁圖片</b></p><p>　　該圖片是Photoshop制作的一個圖。是通過層建立與路徑設計來制作的，制作的不是太完美，但能突出一個主題。</p><p>　　主頁中還有幾個超鏈接，分別是首頁、課程簡介（幫助學習者更容易學習），

98、資源庫（方便查找資料），軟件下載（更容易下載所需要的軟件），作品展覽、自我測試（可以了解自己所學到和還不了解的知識），點擊超鏈接可以進入到相關的內容。如圖5-2所示：</p><p>　　圖5-2 主頁部分超鏈接文字圖</p><p>　　5.2模塊的具體設計</p><p>　　Photoshop學習網站部分功能模塊包括：軟件下載、資源庫。</p>

99、<p>　　5.2.1 軟件下載</p><p>　　軟件下載是用戶通過Photoshop學習網站下載軟件的重要途徑。如圖5-3所示：</p><p><b>　　圖5-3 軟件下載</b></p><p><b>　　5.2.2 資源庫</b></p><p>　　資源庫是用戶通過Pho

100、toshop學習網站學習的重要途徑。如圖5-4所：</p><p><b>　　圖5-4 資源庫</b></p><p>　　第六章 Photoshop學習網站的測試</p><p>　　6.1測試的目的及任務</p><p>　　測試就是為了發(fā)現在制作中出現的錯誤，由于種種因素在網站制作中可能會出現若干錯誤，而不易被

101、發(fā)現。只有在完成時，以用戶的身份和眼光去檢驗完成的創(chuàng)作，才能發(fā)現它的不足和出現的錯誤。</p><p>　　測試不但是為了發(fā)現錯誤，還是為了進一步完善該網站。爭取令用戶滿意，并能給用戶帶來方便和幫助。測試的過程也是自己提高的過程，通過測試不但能發(fā)現系統的不足，還能發(fā)現自己對哪一方面的知識不夠熟練，為以后的學習和工作積累一些經驗。</p><p>　　6.2測試的方法及過程</p>

102、;<p>　　軟件的測試方法有：黑盒測試和白盒測試是軟件測試的兩類不同方法。測試任何產品都可用這兩種方法：如果已經知道了產品應該具有的功能可以通過測試來檢驗是否每個功能都能正常使用；如果知道產品內部工作過程，可以通過測試來檢驗產品內部動作是否按照規(guī)格說明說的規(guī)定正常進行。</p><p>　　系統的測試一般來說，有兩種調試方法可以采用：回溯法和原因排除法。無論采用什么方法，調試的根本目標都是尋找軟件

103、錯誤的原因并改正之。在測試的過程中主要是測試其健壯性和完整性。</p><p>　　第七章 Photoshop學習網站的不足和改進設想</p><p><b>　　7.1網站設計不足</b></p><p>　　由于設計者的水平有限，時間有限，再加上初次嘗試設計工作，所以做出來的作品有好多不足的地方，總結起來，主要有以下幾點：</p&g

104、t;<p>　?。?）界面設計的不足</p><p>　　具體涉及到界面顏色的搭配和布局的設計，在本作品中稍微顯得有點單調，但是又不知道該怎樣來調整布局。所以以后還要慢慢學習，爭取做到既個性又不招搖。</p><p>　　（2）創(chuàng)新意識的欠缺</p><p>　　在主頁的設計制作上，由于本人的水平有限、經驗的不足、創(chuàng)新意識的局限，致使頁面的設計過于簡單

105、。但又不知該如何進一步的完善。所以今后會培養(yǎng)自己的創(chuàng)新意識。</p><p><b>　?。?）安全性能較差</b></p><p>　　由于Access數據庫本身并不是一個數據庫服務器，它不能用服務器來運行查詢，對于數據庫龐大的情況，它并不是好的選擇，Access比起SQL Server而言，總體的安全性要差，所以以后應該改</p><p>

106、<b>　　7.2改進措施</b></p><p>　　針對網站中存在的不足，應做的以下幾個方面：</p><p>　?。?）對所制作的網站要做到充分的調查、研究及詳細分析，從網站的整體出發(fā)，然后再從網站的功能模塊著手。只有網站的整體框架設計完成后，在做功能模塊時才不至于出現這樣那樣的問題，因為網站的整體框架已經決定了你所做的功能模塊及功能子模塊之間的關系。</

107、p><p>　　（2）要對本網站所采用的開發(fā)工具有足夠的了解、豐富的理論知識和具備較強的動手能力。這樣，既能夠對某個功能的實現，不僅僅是實現此功能，而是比較全面的對此功能進行控制和擴充，以達到更滿意的效果，使操作起來簡捷、直觀、好用。又能夠把開發(fā)工具與數據庫的設計緊密結合起來，來進一步提高系統的穩(wěn)定性。</p><p>　?。?）詳細的數據庫設計方案，只有詳細的數據庫設計方案才能把數據庫設計的

108、更符合系統要求，更具有擴展性。這樣在進行系統開發(fā)時，才能很好把握采用多表進行功能設計時，不出現某個數據項有或沒有及數據類型是否一致、數據長度是否相等。從某種意義上，也提高了開發(fā)效率和降低了開發(fā)難度。</p><p>　　總之，由于本人經驗還不夠豐富，考慮問題還不夠全面，各方面都需要加強，在總結中進步。通過這次畢業(yè)設計，自己確實提高了不少，同樣，也發(fā)現了自己身上存在的許多問題，為以后的學習也奠定了基礎。</p

109、><p><b>　　第八章 總結</b></p><p>　　在這三個月中，通過自己的學習和努力，通過康麗鋒老師的指導和教育，使我不僅僅在知識水平和解決實際問題的能力上有了很大的提高，還從思想的深處體會到，要把自己的所學變成現實時所將面對的種種難題。</p><p>　　通過這次畢業(yè)設計，讓自己認識到還有很多好學的東西。在這次的設計里有一些功能

110、由于水平有限和時間原因最終無法完成，尤其是論壇的功能還需要進一步加強。在這次設計的過程中，自己走了不少的彎路，但是在后來不斷的摸索中學會了如何更有效的展開工作。軟件工程思想指導我一步一步從系統分析，到系統設計，再到系統實現，讓我對整個系統的開發(fā)過程有了明顯的全局觀念，也合理地安排了整個設計的時間。使后期的工作少走了很多的彎路。</p><p>　　由于受本人的水平局限性，本站設計還有很多不足的地方，有待以后改進。

111、包括：由于時間，水平的原因，網頁設計的不精美。比如排版設計有些不合理，動畫，圖片做的不是很有吸引力。這些將是本人努力的方向。使得沒有完成一個很好的后臺管理，這將是我以后更加努力學習的動力。</p><p>　　以上是我在本次畢業(yè)設計中的體會，也許認識到的問題還很膚淺，但 就現在來說，它們正是我所需要的。</p><p><b>　　致謝</b></p>