2017畢業(yè)論文-學(xué)習(xí)網(wǎng)站系統(tǒng)的設(shè)計(jì)方法和實(shí)現(xiàn)

1、<p>　　編號(hào) </p><p>　　焦作師范高等?？茖W(xué)校</p><p>　　畢 業(yè) 論文（設(shè) 計(jì)） </p><p>　　論文題目 </p><p><b>　　系 （部） </b></p><p>　　專 業(yè) </p

2、><p><b>　　班 級(jí) </b></p><p>　　學(xué) 號(hào) </p><p>　　學(xué)生姓名 </p><p>　　指導(dǎo)教師 </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 網(wǎng)站設(shè)計(jì)的內(nèi)容和任務(wù)………………………………………………（3）</p><p>　　1.3 論文組織結(jié)構(gòu)…………………………………………………………（3）</p><p>　　第二章 網(wǎng)站的研究概述……………………………………………………（5）</p><p>　　2.1 P

5、hotoshop學(xué)習(xí)網(wǎng)站概況……………………………………………（5）</p><p>　　2.2 Photoshop學(xué)習(xí)網(wǎng)站研究概況………………………………………（5）</p><p>　　2.3 Photoshop學(xué)習(xí)網(wǎng)站構(gòu)想與設(shè)計(jì)……………………………………（6）</p><p>　　第三章 Photoshop學(xué)習(xí)網(wǎng)站設(shè)計(jì)分析……………………………………（

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

7、學(xué)習(xí)網(wǎng)站的總體設(shè)計(jì)…………………………………（8）</p><p>　　4.1 Photoshop學(xué)習(xí)網(wǎng)站的總體設(shè)計(jì)及說明……………………………（8）</p><p>　　4.2 網(wǎng)頁界面構(gòu)成要素……………………………………………………（8）</p><p>　　4.3 網(wǎng)頁的色彩搭配………………………………………………………（11）</p>&

8、lt;p>　　第五章 Photoshop學(xué)習(xí)網(wǎng)站功能的實(shí)現(xiàn)…………………………………（12）</p><p>　　5.1 網(wǎng)站主頁的具體設(shè)計(jì)…………………………………………………（12）</p><p>　　5.2 模塊的具體設(shè)計(jì)………………………………………………………（12）</p><p>　　5.2.1 軟件下載……………………………………………

9、……………（13）</p><p>　　5.2.2 資源庫……………………………………………………………（13）</p><p>　　第六章 Photoshop學(xué)習(xí)網(wǎng)站的測(cè)試………………………………………（14）</p><p>　　6.1 測(cè)試的目的及任務(wù)……………………………………………………（14）</p><p>　　6.2 測(cè)

10、試的方法及過程……………………………………………………（14）</p><p>　　第七章 Photoshop學(xué)習(xí)網(wǎng)站的不足和改進(jìn)設(shè)想…………………………（15）</p><p>　　7.1 網(wǎng)站設(shè)計(jì)不足…………………………………………………………（15）</p><p>　　7.2 改進(jìn)措施………………………………………………………………（15）</p

11、><p>　　第八章 總結(jié)……………………………………………………………………（17）</p><p>　　致謝…………………………………………………………………………… （18）</p><p>　　參考文獻(xiàn) ……………………………………………………………………（19）</p><p><b>　　摘 要</b><

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

13、ver技術(shù)設(shè)計(jì)開發(fā)的一個(gè)系統(tǒng)。特點(diǎn)是，系統(tǒng)界面友好，為同學(xué)間的信息學(xué)習(xí)交流和知識(shí)的傳播提供了很大的方便。</p><p>　　文中主要描述了學(xué)習(xí)網(wǎng)站系統(tǒng)的設(shè)計(jì)方法和實(shí)現(xiàn)過程，闡述了系統(tǒng)的需求分析、概要設(shè)計(jì)、數(shù)據(jù)庫設(shè)計(jì)以及實(shí)現(xiàn)步驟重點(diǎn)論述了系統(tǒng)的詳細(xì)設(shè)計(jì)和實(shí)現(xiàn)過程方面。 </p><p>　　關(guān)鍵詞 : 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>　　在計(jì)算機(jī)迅速發(fā)展的今天，網(wǎng)絡(luò)也不再新鮮了。人們

20、的生活、學(xué)習(xí)、工作等已經(jīng)越來越離不開計(jì)算機(jī)科學(xué)的運(yùn)用，而Internet的發(fā)展更加速了這種趨勢(shì)，人們?cè)絹碓叫枰诨ヂ?lián)網(wǎng)上交流各種信息和討論各種問題。</p><p>　　在網(wǎng)上書店越來越受人們喜歡。如今在課堂上的所學(xué)到的知識(shí)已經(jīng)不足以滿足廣大讀書愛好者了。所以需要一個(gè)平臺(tái)來學(xué)習(xí)更多的知識(shí)。互聯(lián)網(wǎng)眾多應(yīng)用領(lǐng)域中，信息的傳播與學(xué)習(xí)交流是其中的一個(gè)非常重要的組成部分。為此建立一個(gè)書店的網(wǎng)站系統(tǒng)是必要的。 </p&

21、gt;<p>　　1.2網(wǎng)站設(shè)計(jì)的內(nèi)容及任務(wù)</p><p>　　現(xiàn)在大學(xué)生面對(duì)著來自社會(huì)、學(xué)校、家庭各個(gè)方面很大壓力的同時(shí)。應(yīng)該有一個(gè)放松自己、輕松學(xué)習(xí)的地方。本站主要提供了在學(xué)習(xí)中所需的技術(shù)文章與必不可少的學(xué)習(xí)教程。于這點(diǎn)考慮就需要建立起一個(gè)平臺(tái)使大家可以進(jìn)行交流，而由這個(gè)平臺(tái)所產(chǎn)生的熱點(diǎn)話題又與本站的欄目?jī)?nèi)容結(jié)合在一起，使大家可以親身參與到本站所營(yíng)造出的互動(dòng)氛圍之中，本站促進(jìn)他們能更好更有利的

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

23、了漫步者學(xué)習(xí)網(wǎng)站的概況及設(shè)計(jì)的原理。</p><p>　　第三部分：漫步者學(xué)習(xí)網(wǎng)站的設(shè)計(jì)分析。介紹網(wǎng)站設(shè)計(jì)的需求分析。</p><p>　　第四部分：漫步者學(xué)習(xí)網(wǎng)站的總體設(shè)計(jì)。介紹網(wǎng)站的整體設(shè)計(jì)說明，頁面構(gòu)成要素及頁面顏色配置。</p><p>　　第五部分：漫步者學(xué)習(xí)網(wǎng)站功能的實(shí)現(xiàn)。介紹網(wǎng)站主頁設(shè)計(jì)以及數(shù)據(jù)庫設(shè)計(jì)與連接。</p><p>　

24、　第六部分：漫步者學(xué)習(xí)網(wǎng)站的測(cè)試。介紹了測(cè)試目的及任務(wù)和測(cè)試的方法過程。</p><p>　　第七部分：網(wǎng)站設(shè)計(jì)的不足和改進(jìn)思想。介紹了網(wǎng)站設(shè)計(jì)的不足和改進(jìn)措施。</p><p><b>　　第八部分：總結(jié)。</b></p><p>　　第二章 網(wǎng)站的研究概述</p><p>　　2.1 Photoshop學(xué)習(xí)網(wǎng)站概

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

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

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

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

29、gt;　　具體要求如下：</b></p><p>　　熟練掌握目前流行的開發(fā)平臺(tái)并能進(jìn)行應(yīng)用系統(tǒng)開發(fā)；</p><p>　　運(yùn)用軟件相關(guān)知識(shí)進(jìn)行書店的分析和設(shè)計(jì)；</p><p>　　詳細(xì)分析網(wǎng)上書店系統(tǒng)的業(yè)務(wù)流程并劃分出功能模塊；</p><p>　　按時(shí)完成系統(tǒng)的軟件實(shí)現(xiàn)，系統(tǒng)調(diào)試；</p><p>　

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

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

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

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

34、整個(gè)制作中至關(guān)重要，一個(gè)雜亂無章、給人第一印象極差的網(wǎng)頁，用戶訪問過之后是不會(huì)再訪問的。在制作本網(wǎng)頁時(shí)，主要以學(xué)校主頁界面形式作為參考，因?yàn)樗瓷先ケ容^柔和、簡(jiǎn)潔、和諧，給用戶清新的感覺。</p><p>　　Photoshop學(xué)習(xí)網(wǎng)站的設(shè)計(jì)包括，主頁的設(shè)計(jì)、資源庫、軟件下載。</p><p>　　制作中主要采用Dreamweaver作為主要制作工具，其中插入了圖片元素。軟件下載連接到了一

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

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

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

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

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

40、給用戶留下第一印象的既不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的版面布局，而是網(wǎng)站的色彩。色彩對(duì)人的視覺效果非常明顯，一個(gè)網(wǎng)站設(shè)計(jì)成功與否，在某種程度上取決于設(shè)計(jì)者對(duì)色彩的運(yùn)用和搭配。因?yàn)榫W(wǎng)頁設(shè)計(jì)屬于一種平面效果設(shè)計(jì)，在排除立體圖形、動(dòng)畫效果之外，在平面圖上，色彩的沖擊力是最強(qiáng)的，它很容易給用戶留下深刻的印象。因此，在設(shè)計(jì)網(wǎng)頁時(shí)，必須要高度重視色彩的搭配。</p><p>　　在Photoshop學(xué)習(xí)網(wǎng)站的設(shè)計(jì)當(dāng)中，本

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

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

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

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

45、.2.2 資源庫</b></p><p>　　資源庫是用戶通過Photoshop學(xué)習(xí)網(wǎng)站學(xué)習(xí)的重要途徑。如圖5-4所：</p><p><b>　　圖5-4 資源庫</b></p><p>　　第六章 Photoshop學(xué)習(xí)網(wǎng)站的測(cè)試</p><p>　　6.1測(cè)試的目的及任務(wù)</p><

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

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

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

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

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

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

52、不至于出現(xiàn)這樣那樣的問題，因?yàn)榫W(wǎng)站的整體框架已經(jīng)決定了你所做的功能模塊及功能子模塊之間的關(guān)系。</p><p>　?。?）要對(duì)本網(wǎng)站所采用的開發(fā)工具有足夠的了解、豐富的理論知識(shí)和具備較強(qiáng)的動(dòng)手能力。這樣，既能夠?qū)δ硞€(gè)功能的實(shí)現(xiàn)，不僅僅是實(shí)現(xiàn)此功能，而是比較全面的對(duì)此功能進(jìn)行控制和擴(kuò)充，以達(dá)到更滿意的效果，使操作起來簡(jiǎn)捷、直觀、好用。又能夠把開發(fā)工具與數(shù)據(jù)庫的設(shè)計(jì)緊密結(jié)合起來，來進(jìn)一步提高系統(tǒng)的穩(wěn)定性。</p

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

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

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

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

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

58、機(jī)會(huì)，使我得到了很好的鍛煉，在此，我也向?qū)W校的各位老師表示最誠(chéng)摯的感謝。</p><p><b>　　參考文獻(xiàn)</b></p><p>　　[1]肖金秀,ASP網(wǎng)絡(luò)編程技術(shù)[M]北京：清華大學(xué)出版社，2001</p><p>　　[2]Wordy Willard. ASP編程起步[M]北京：人民郵電出版杜，2001</p><

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

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

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

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

63、設(shè)計(jì)以及實(shí)現(xiàn)步驟重點(diǎn)論述了系統(tǒng)的詳細(xì)設(shè)計(jì)和實(shí)現(xiàn)過程方面。 </p><p>　　關(guān)鍵詞 : 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>　　在計(jì)算機(jī)迅速發(fā)展的今天，網(wǎng)絡(luò)也不再新鮮了。人們的生活、學(xué)習(xí)、工作等已經(jīng)越來越離不開計(jì)算機(jī)科學(xué)的運(yùn)用，而Internet的發(fā)展更加速了這種趨勢(shì)，人們?cè)絹碓叫枰诨ヂ?lián)網(wǎng)上交流各種信息和討論各種問題。&l

70、t;/p><p>　　在Photoshop越來越受人們喜歡。如今在課堂上的所學(xué)到的知識(shí)已經(jīng)不足以滿足廣大 Photoshop愛好者了。所以需要一個(gè)平臺(tái)來學(xué)習(xí)更多的知識(shí)?；ヂ?lián)網(wǎng)眾多應(yīng)用領(lǐng)域中，信息的傳播與學(xué)習(xí)交流是其中的一個(gè)非常重要的組成部分。為此建立一個(gè)Photoshop學(xué)習(xí)網(wǎng)站系統(tǒng)是必要的。 </p><p>　　1.2網(wǎng)站設(shè)計(jì)的內(nèi)容及任務(wù)</p><p>　　現(xiàn)在大

71、學(xué)生面對(duì)著來自社會(huì)、學(xué)校、家庭各個(gè)方面很大壓力的同時(shí)。應(yīng)該有一個(gè)放松自己、輕松學(xué)習(xí)的地方。本站主要提供了在學(xué)習(xí)中所需的技術(shù)文章與必不可少的學(xué)習(xí)教程。同時(shí)對(duì)Photoshop并不十分了解的人群使他們對(duì)本站產(chǎn)生濃厚的興趣。于這點(diǎn)考慮就需要建立起一個(gè)平臺(tái)使大家可以進(jìn)行交流，而由這個(gè)平臺(tái)所產(chǎn)生的熱點(diǎn)話題又與本站的欄目?jī)?nèi)容結(jié)合在一起，使大家可以親身參與到本站所營(yíng)造出的互動(dòng)氛圍之中，本站促進(jìn)他們能更好更有利的成長(zhǎng)。因?yàn)楸揪W(wǎng)站的服務(wù)對(duì)象是廣大 Pho

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

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

74、otoshop學(xué)習(xí)網(wǎng)站的研究概述。介紹了Photoshop學(xué)習(xí)網(wǎng)站的概況及設(shè)計(jì)的原理。</p><p>　　第三部分：Photoshop學(xué)習(xí)網(wǎng)站的設(shè)計(jì)分析。介紹網(wǎng)站設(shè)計(jì)的需求分析。</p><p>　　第四部分：Photoshop學(xué)習(xí)網(wǎng)站的總體設(shè)計(jì)。介紹網(wǎng)站的整體設(shè)計(jì)說明，頁面構(gòu)成要素及頁面顏色配置。</p><p>　　第五部分：Photoshop學(xué)習(xí)網(wǎng)站功能的實(shí)

75、現(xiàn)。介紹網(wǎng)站主頁設(shè)計(jì)以及數(shù)據(jù)庫設(shè)計(jì)與連接。</p><p>　　第六部分：Photoshop學(xué)習(xí)網(wǎng)站的測(cè)試。介紹了測(cè)試目的及任務(wù)和測(cè)試的方法過程。</p><p>　　第七部分：網(wǎng)站設(shè)計(jì)的不足和改進(jìn)思想。介紹了網(wǎng)站設(shè)計(jì)的不足和改進(jìn)措施。</p><p><b>　　第八部分：總結(jié)。</b></p><p>　　第二章

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

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

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

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

80、統(tǒng)向其它平臺(tái)移植時(shí)盡量減少工作量和難度的途徑。</p><p>　　(2)網(wǎng)站程序設(shè)計(jì)要簡(jiǎn)潔，足夠好的面向過程遠(yuǎn)遠(yuǎn)優(yōu)于蹩腳的面向?qū)ο蟆?lt;/p><p>　　(3)理論是為實(shí)踐服務(wù)的，所以不要被理論（尤其是設(shè)計(jì)模式）束縛。</p><p>　　目前有些學(xué)習(xí)網(wǎng)站中存在的問題：</p><p>　　(1)網(wǎng)站的內(nèi)容空洞，華而不實(shí)。</p>

81、;<p>　　(2)網(wǎng)站的整體頁面布局設(shè)計(jì)的不夠新穎。</p><p>　　(3)網(wǎng)站的功能設(shè)計(jì)欠缺，給用戶帶來很多不便。</p><p>　　(4)功能靈活度低，不利于維護(hù)和拓展。</p><p>　　2.3 Photoshop學(xué)習(xí)網(wǎng)站構(gòu)想與設(shè)計(jì)</p><p>　　采用Dreamweaver布局，網(wǎng)絡(luò)操作系統(tǒng)以Microso

82、ft Window XP + Internet Explorer 6為平臺(tái)，以便于網(wǎng)站的改進(jìn)和更新。</p><p>　　第三章 Photoshop學(xué)習(xí)網(wǎng)站設(shè)計(jì)分析</p><p>　　3.1 Photoshop功能</p><p>　　從功能上看，Photoshop軟件可分為圖像編輯、圖像合成、校色調(diào)色及特效制作部分。圖像編輯是圖像處理的基礎(chǔ)，可以對(duì)圖像做各種

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

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

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

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

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

88、;/p><p>　　4.1 Photoshop學(xué)習(xí)網(wǎng)站的總體設(shè)計(jì)及說明</p><p>　　網(wǎng)頁的整體布局在整個(gè)制作中至關(guān)重要，一個(gè)雜亂無章、給人第一印象極差的網(wǎng)頁，用戶訪問過之后是不會(huì)再訪問的。在制作本網(wǎng)頁時(shí)，主要以學(xué)校主頁界面形式作為參考，因?yàn)樗瓷先ケ容^柔和、簡(jiǎn)潔、和諧，給用戶清新的感覺。</p><p>　　Photoshop學(xué)習(xí)網(wǎng)站的設(shè)計(jì)包括，主頁的設(shè)計(jì)、資源

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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