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

《2017畢業(yè)論文-學(xué)習(xí)網(wǎng)站系統(tǒng)的設(shè)計(jì)方法和實(shí)現(xiàn).doc》由會(huì)員分享，可在線閱讀，更多相關(guān)《2017畢業(yè)論文-學(xué)習(xí)網(wǎng)站系統(tǒng)的設(shè)計(jì)方法和實(shí)現(xiàn).doc（40頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、焦作師范高等?？茖W(xué)校畢業(yè)論文 編號(hào) 焦作師范高等?？茖W(xué)校畢 業(yè) 論文（設(shè) 計(jì)） 論文題目 系 （部） 專 業(yè) 班 級(jí) 學(xué) 號(hào) 學(xué)生姓名 指導(dǎo)教師 職 稱 2010 年 5 月目 錄摘要（1）第一章 緒論（3）1.1 選題背景（3）1.2 網(wǎng)站設(shè)計(jì)的內(nèi)容和任務(wù)（3）1.3 論文組織結(jié)構(gòu)（3）第二章 網(wǎng)站的研究概述（5）2.1 Photoshop學(xué)習(xí)網(wǎng)站概況（5）2.2 Photoshop學(xué)習(xí)網(wǎng)站研究概況（5）2.3 Photoshop學(xué)習(xí)網(wǎng)站構(gòu)想與設(shè)計(jì)（6）第三章 Photoshop學(xué)習(xí)網(wǎng)站設(shè)計(jì)分析（7）3.1 Photoshop功能（7）3.2 網(wǎng)站功能分析（7）3.3 網(wǎng)站制作的基本思路和過(guò)

2、程（7）第四章 Photoshop學(xué)習(xí)網(wǎng)站的總體設(shè)計(jì)（8）4.1 Photoshop學(xué)習(xí)網(wǎng)站的總體設(shè)計(jì)及說(shuō)明（8）4.2 網(wǎng)頁(yè)界面構(gòu)成要素（8）4.3 網(wǎng)頁(yè)的色彩搭配（11）第五章 Photoshop學(xué)習(xí)網(wǎng)站功能的實(shí)現(xiàn)（12）5.1 網(wǎng)站主頁(yè)的具體設(shè)計(jì)（12）5.2 模塊的具體設(shè)計(jì)（12）5.2.1 軟件下載（13）5.2.2 資源庫(kù)（13）第六章 Photoshop學(xué)習(xí)網(wǎng)站的測(cè)試（14）6.1 測(cè)試的目的及任務(wù)（14）6.2 測(cè)試的方法及過(guò)程（14）第七章 Photoshop學(xué)習(xí)網(wǎng)站的不足和改進(jìn)設(shè)想（15）7.1 網(wǎng)站設(shè)計(jì)不足（15）7.2 改進(jìn)措施（15）第八章 總結(jié)（17）致謝 （18）

3、參考文獻(xiàn) （19）摘 要近年來(lái)計(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í)！本系統(tǒng)是以學(xué)習(xí)和信息交流為目的利用Adobe Dreamweaver技術(shù)設(shè)計(jì)開(kāi)發(fā)的一個(gè)系統(tǒng)。特點(diǎn)是，系統(tǒng)界面友好，為同學(xué)間的信息學(xué)習(xí)交流和知識(shí)的傳播提供了很大的方便。文中主要描述了學(xué)習(xí)網(wǎng)站系統(tǒng)的設(shè)計(jì)方法和實(shí)現(xiàn)過(guò)程，闡述了系統(tǒng)的需求分析、概要設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)以及實(shí)現(xiàn)步驟重點(diǎn)論述了系統(tǒng)

4、的詳細(xì)設(shè)計(jì)和實(shí)現(xiàn)過(guò)程方面。 關(guān)鍵詞 : Adobe DreamweaverAbstractIn 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 peoples learning, can also be separated by thousands of miles to stu

5、dy at any time. The establishment of a study site for this system is necessary, it is with peoples day-to-day between the learning and the exchange of information for students of knowledge dissemination and exchange of information provides a good platform, but also can enhance their own learning!Thi

6、s 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 information of the classmate study exchanges and knowledge of dissemination provided very big of conven

7、ience.Main in the text 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 and realization process.Keywords: Adobe Dreamweaver焦作師范高等?？茖W(xué)校畢

8、業(yè)論文第一章 緒論1.1選題背景在計(jì)算機(jī)迅速發(fā)展的今天，網(wǎng)絡(luò)也不再新鮮了。人們的生活、學(xué)習(xí)、工作等已經(jīng)越來(lái)越離不開(kāi)計(jì)算機(jī)科學(xué)的運(yùn)用，而Internet的發(fā)展更加速了這種趨勢(shì)，人們?cè)絹?lái)越需要在互聯(lián)網(wǎng)上交流各種信息和討論各種問(wèn)題。在網(wǎng)上書(shū)店越來(lái)越受人們喜歡。如今在課堂上的所學(xué)到的知識(shí)已經(jīng)不足以滿足廣大讀書(shū)愛(ài)好者了。所以需要一個(gè)平臺(tái)來(lái)學(xué)習(xí)更多的知識(shí)?；ヂ?lián)網(wǎng)眾多應(yīng)用領(lǐng)域中，信息的傳播與學(xué)習(xí)交流是其中的一個(gè)非常重要的組成部分。為此建立一個(gè)書(shū)店的網(wǎng)站系統(tǒng)是必要的。 1.2網(wǎng)站設(shè)計(jì)的內(nèi)容及任務(wù)現(xiàn)在大學(xué)生面對(duì)著來(lái)自社會(huì)、學(xué)校、家庭各個(gè)方面很大壓力的同時(shí)。應(yīng)該有一個(gè)放松自己、輕松學(xué)習(xí)的地方。本站主要提供了在學(xué)習(xí)

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

10、網(wǎng)站的總體設(shè)計(jì)。介紹網(wǎng)站的整體設(shè)計(jì)說(shuō)明，頁(yè)面構(gòu)成要素及頁(yè)面顏色配置。第五部分：漫步者學(xué)習(xí)網(wǎng)站功能的實(shí)現(xiàn)。介紹網(wǎng)站主頁(yè)設(shè)計(jì)以及數(shù)據(jù)庫(kù)設(shè)計(jì)與連接。第六部分：漫步者學(xué)習(xí)網(wǎng)站的測(cè)試。介紹了測(cè)試目的及任務(wù)和測(cè)試的方法過(guò)程。第七部分：網(wǎng)站設(shè)計(jì)的不足和改進(jìn)思想。介紹了網(wǎng)站設(shè)計(jì)的不足和改進(jìn)措施。第八部分：總結(jié)。第二章 網(wǎng)站的研究概述2.1 Photoshop學(xué)習(xí)網(wǎng)站概況僅僅20幾年前,還是大型機(jī)的時(shí)代,那時(shí)只有少數(shù)人有機(jī)會(huì)使用計(jì)算機(jī),而且只能通過(guò)臨近的信息產(chǎn)業(yè)機(jī)構(gòu)去使用.然而,個(gè)人電腦和圖形化用戶界面的出現(xiàn)卻改變了這一切,將計(jì)算機(jī)普及到了千家萬(wàn)戶,并使它真正成為一種大工業(yè)生產(chǎn)的商品.企業(yè)界意識(shí)到,由個(gè)人電腦聯(lián)

11、結(jié)起來(lái)組成的網(wǎng)絡(luò)和基于個(gè)人電腦的服務(wù)器可能改變他們的商務(wù)模式.而個(gè)人電腦對(duì)消費(fèi)者來(lái)說(shuō)也迅速成為新興的娛樂(lè)媒介.隨后,因特網(wǎng)接踵而至并在全球范圍內(nèi)以一種不可阻擋的勢(shì)頭迅猛發(fā)展著.今天,全球有將近3億人口正在使用因特網(wǎng),據(jù)預(yù)測(cè),全球上網(wǎng)人數(shù)將在3年內(nèi)增至8.5億.在這樣一個(gè)網(wǎng)絡(luò)時(shí)代中,人類在生存方式也迅速改變著.它革命性地改變了我們的交流方式,創(chuàng)造了豐富而新穎的信息和娛樂(lè)資源. “信息的DNA”正在取代原子而成為人類生活中交換物。數(shù)字科技為我們的生活、工作、教育和娛樂(lè)帶來(lái)了各種意想不到的沖擊。Internet正逐漸滲透我們的工作、生活中的各個(gè)角落。它在地球上已經(jīng)形成了一個(gè)新的大陸，即“第七洲”一虛

12、擬洲，任何企業(yè)和個(gè)人都在這個(gè)洲上。面對(duì)Internet本身所具有的開(kāi)放性、全球性低成本、高效率等特點(diǎn)，傳統(tǒng)商業(yè)暴露的問(wèn)題也越來(lái)越明顯，原有的商業(yè)格局、商務(wù)動(dòng)作模式在Interrnet面前也顯得無(wú)能為力，客觀形勢(shì)給傳統(tǒng)商務(wù)工作帶來(lái)了壓力和動(dòng)力、機(jī)遇和挑戰(zhàn)、條件和可能，挑戰(zhàn)是現(xiàn)實(shí)的，機(jī)遇是潛在的，所以迫使我們必須重組原有的商業(yè)格局，變革原有的商業(yè)模式契合Internet的發(fā)展以取得最大成就。2.3 漫步者書(shū)店網(wǎng)站構(gòu)想與設(shè)計(jì)本設(shè)計(jì)是利用Dreamweaver建立一個(gè)網(wǎng)上書(shū)店. Dreamweaver 是用HTML語(yǔ)言為腳本語(yǔ)言，網(wǎng)站中采用圖片鏈接、文字鏈接和lbi庫(kù)文件設(shè)計(jì)具有用戶使用簡(jiǎn)單界面直觀等

13、優(yōu)點(diǎn)。本設(shè)計(jì)具有最新圖書(shū)、文學(xué)圖書(shū)、勵(lì)志圖書(shū)、少兒圖書(shū)、綜合性圖書(shū)等模塊。具體要求如下：（1） 熟練掌握目前流行的開(kāi)發(fā)平臺(tái)并能進(jìn)行應(yīng)用系統(tǒng)開(kāi)發(fā)；（2） 運(yùn)用軟件相關(guān)知識(shí)進(jìn)行書(shū)店的分析和設(shè)計(jì)；（3） 詳細(xì)分析網(wǎng)上書(shū)店系統(tǒng)的業(yè)務(wù)流程并劃分出功能模塊；（4） 按時(shí)完成系統(tǒng)的軟件實(shí)現(xiàn)，系統(tǒng)調(diào)試；（5） 論文語(yǔ)言簡(jiǎn)潔，條理分明，論述清晰；第三章 網(wǎng)上書(shū)店設(shè)計(jì)分析3.1 網(wǎng)上書(shū)店的功能本系統(tǒng)主要分為兩個(gè)部分：一個(gè)是前臺(tái)銷售模塊即用戶在客戶端瀏覽、搜索商品，能夠看到書(shū)店的最新公告，如同在現(xiàn)實(shí)書(shū)店中一樣每個(gè)用戶擁有一個(gè)叫購(gòu)物車的工具來(lái)模擬在書(shū)店的購(gòu)物，用戶可以把自己需要的圖書(shū)放到購(gòu)物車內(nèi)，并可以對(duì)自己放入購(gòu)物

14、車的圖書(shū)進(jìn)行修改，例如更改購(gòu)買(mǎi)圖書(shū)的數(shù)量、從購(gòu)物車中去掉商品等操作。另一部分是后臺(tái)信息管理程序，商家在這里管理網(wǎng)站的相關(guān)發(fā)布信，以及對(duì)訂單的查詢，并管理在系統(tǒng)上注冊(cè)的用戶等。3.2網(wǎng)站功能分析隨著計(jì)算機(jī)的發(fā)展和推廣，人們學(xué)習(xí)，搜集資料的手段也發(fā)生了很大變化。從以前通過(guò)書(shū)籍學(xué)習(xí)查詢，到現(xiàn)在的上網(wǎng)學(xué)習(xí)。學(xué)習(xí)網(wǎng)站已普遍應(yīng)用人們的學(xué)習(xí)生活中。該網(wǎng)站由本人設(shè)計(jì)實(shí)現(xiàn)的功能是：(1)用戶登陸、查詢。(2)查詢圖書(shū)。給用戶查詢更多的圖書(shū)資料。(3)提交購(gòu)物車。3.3網(wǎng)站制作的基本思路和過(guò)程網(wǎng)上書(shū)店的設(shè)計(jì)經(jīng)過(guò)了定題，熟悉開(kāi)發(fā)工具，調(diào)查研究，搜尋資料等階段，然后一步步達(dá)到各部分功能的實(shí)現(xiàn)。如圖所示:定題熟悉開(kāi)發(fā)工

15、具網(wǎng)站整體測(cè)試網(wǎng)站各部分的連接網(wǎng)站的整體設(shè)計(jì)網(wǎng)站各部分的設(shè)計(jì)搜集資料研究技術(shù)圖 31 網(wǎng)站設(shè)計(jì)第四章 Photoshop學(xué)習(xí)網(wǎng)站的總體設(shè)計(jì)4.1 Photoshop學(xué)習(xí)網(wǎng)站的總體設(shè)計(jì)及說(shuō)明網(wǎng)頁(yè)的整體布局在整個(gè)制作中至關(guān)重要，一個(gè)雜亂無(wú)章、給人第一印象極差的網(wǎng)頁(yè)，用戶訪問(wèn)過(guò)之后是不會(huì)再訪問(wèn)的。在制作本網(wǎng)頁(yè)時(shí)，主要以學(xué)校主頁(yè)界面形式作為參考，因?yàn)樗瓷先ケ容^柔和、簡(jiǎn)潔、和諧，給用戶清新的感覺(jué)。Photoshop學(xué)習(xí)網(wǎng)站的設(shè)計(jì)包括，主頁(yè)的設(shè)計(jì)、資源庫(kù)、軟件下載。制作中主要采用Dreamweaver作為主要制作工具，其中插入了圖片元素。軟件下載連接到了一個(gè)Photoshop的教程，方便用戶在主頁(yè)上進(jìn)行

16、其它的操作。整體設(shè)計(jì)如圖4-1所示:網(wǎng) 站 主 頁(yè)勵(lì)志圖書(shū)少兒圖書(shū)文學(xué)圖書(shū)最新圖書(shū)綜合性圖書(shū)圖4-1 網(wǎng)站總體設(shè)計(jì)圖4.2網(wǎng)頁(yè)界面構(gòu)成要素與傳統(tǒng)媒體不同，網(wǎng)頁(yè)除了文字和圖像以外，還包含聲音新興多媒體元素，更借助由代碼語(yǔ)言編程所實(shí)現(xiàn)的各種交互式效果，增加了網(wǎng)頁(yè)界面的生動(dòng)性和復(fù)雜性，也使得網(wǎng)頁(yè)設(shè)計(jì)者需要考慮更多頁(yè)面元素的排布、優(yōu)化。一般來(lái)說(shuō)，網(wǎng)頁(yè)的界面主要由下面幾個(gè)因素構(gòu)成：(1)文字：文字元素是信息傳達(dá)的主體部分。網(wǎng)頁(yè)中的文字主要包括標(biāo)題、信息、文字鏈接、幾種主要形式。標(biāo)題和傳統(tǒng)媒體中信息傳達(dá)的基本作用相同，是內(nèi)容的簡(jiǎn)概說(shuō)明一般比較醒目、優(yōu)先編排。文字作為占據(jù)頁(yè)面重要比率的元素，同時(shí)又是信息重要

17、載體，它的字體、大小、顏色和排布對(duì)頁(yè)面整體設(shè)計(jì)影響極大。(2)圖形：圖形在網(wǎng)頁(yè)界面中具有重要作用。合理的運(yùn)用圖形?？梢陨鷦?dòng)直觀、形象地表現(xiàn)設(shè)計(jì)主題。網(wǎng)頁(yè)中常用的圖形格式包括jpg和gif，這兩種格式壓縮比高，得到了規(guī)范瀏覽器的支持，下載速度快，具有跨平臺(tái)的特性，不需要瀏覽器安裝插件即可直接閱覽。圖形元素包括標(biāo)題、背景、主圖、鏈接圖標(biāo)四種。(3)頁(yè)面版式：版式是網(wǎng)頁(yè)界面設(shè)計(jì)的重要組成部分，它將文字、圖形等視覺(jué)元素進(jìn)行組合配置，使頁(yè)面整體視覺(jué)效果美觀和諧，便于閱讀，實(shí)現(xiàn)信息傳達(dá)的最佳效果。 (4)色彩：彩色網(wǎng)頁(yè)比單色網(wǎng)頁(yè)更具吸引力；色彩本身具有象征作用。 (6)技術(shù)：網(wǎng)頁(yè)的技術(shù)要素并非任何情況下在

18、網(wǎng)頁(yè)中都能直觀體現(xiàn)，但是卻代表了設(shè)計(jì)的整體水平，也是衡量設(shè)計(jì)成功的重要標(biāo)準(zhǔn)。網(wǎng)頁(yè)界面設(shè)計(jì)最基本的技術(shù)要求包括：瀏覽器、傳輸速度、屏幕分辨率、顏色顯示。本網(wǎng)站的所有文字采用的是華文楷體淺黃色。有種舒服但又不失正式。文字的大小根據(jù)頁(yè)面的大小比例合適搭配。主頁(yè)的整體顏色采用比較淡的粉紅和黑色。網(wǎng)站中的圖片jpg。頁(yè)面版式用Dreamweaver布局。主頁(yè)面如圖4-2所示：圖4-2主頁(yè)面4.3網(wǎng)頁(yè)的色彩搭配打開(kāi)一個(gè)網(wǎng)站，給用戶留下第一印象的既不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的版面布局，而是網(wǎng)站的色彩。色彩對(duì)人的視覺(jué)效果非常明顯，一個(gè)網(wǎng)站設(shè)計(jì)成功與否，在某種程度上取決于設(shè)計(jì)者對(duì)色彩的運(yùn)用和搭配。因?yàn)榫W(wǎng)

19、頁(yè)設(shè)計(jì)屬于一種平面效果設(shè)計(jì)，在排除立體圖形、動(dòng)畫(huà)效果之外，在平面圖上，色彩的沖擊力是最強(qiáng)的，它很容易給用戶留下深刻的印象。因此，在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，必須要高度重視色彩的搭配。在Photoshop學(xué)習(xí)網(wǎng)站的設(shè)計(jì)當(dāng)中，本人用色保持自己獨(dú)特的風(fēng)格，這樣網(wǎng)站才能顯得個(gè)性鮮明，給瀏覽者留下深刻的印象。在搭配上遵從藝術(shù)規(guī)律的同時(shí)，還考慮人的生理特點(diǎn)，色彩搭配較合理，粉紅色給人一種和諧、愉快的感覺(jué)，避免采用純度很高的單一色彩，這樣容易造成視覺(jué)疲勞。網(wǎng)站設(shè)計(jì)同時(shí)也是一種藝術(shù)活動(dòng)，結(jié)合著創(chuàng)新意識(shí)，設(shè)計(jì)出了符合網(wǎng)站要求，也具有一定特色的粉色網(wǎng)頁(yè)。第五章 Photoshop學(xué)習(xí)網(wǎng)站功能的實(shí)現(xiàn)5.1網(wǎng)站主頁(yè)的具體設(shè)計(jì)Pho

20、toshop學(xué)習(xí)網(wǎng)站主頁(yè)的整體的設(shè)計(jì)布局和主頁(yè)中部分模塊功能的設(shè)計(jì)。如圖5-1所示：圖5-1 主頁(yè)圖片該圖片是Photoshop制作的一個(gè)圖。是通過(guò)層建立與路徑設(shè)計(jì)來(lái)制作的，制作的不是太完美，但能突出一個(gè)主題。主頁(yè)中還有幾個(gè)超鏈接，分別是首頁(yè)、課程簡(jiǎn)介（幫助學(xué)習(xí)者更容易學(xué)習(xí)），資源庫(kù)（方便查找資料），軟件下載（更容易下載所需要的軟件），作品展覽、自我測(cè)試（可以了解自己所學(xué)到和還不了解的知識(shí)），點(diǎn)擊超鏈接可以進(jìn)入到相關(guān)的內(nèi)容。如圖5-2所示：圖5-2 主頁(yè)部分超鏈接文字圖5.2模塊的具體設(shè)計(jì)Photoshop學(xué)習(xí)網(wǎng)站部分功能模塊包括：軟件下載、資源庫(kù)。5.2.1 軟件下載軟件下載是用戶通過(guò)Pho

21、toshop學(xué)習(xí)網(wǎng)站下載軟件的重要途徑。如圖5-3所示：圖5-3 軟件下載5.2.2 資源庫(kù)資源庫(kù)是用戶通過(guò)Photoshop學(xué)習(xí)網(wǎng)站學(xué)習(xí)的重要途徑。如圖5-4所：圖5-4 資源庫(kù)第六章 Photoshop學(xué)習(xí)網(wǎng)站的測(cè)試6.1測(cè)試的目的及任務(wù)測(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ò)誤。測(cè)試不但是為了發(fā)現(xiàn)錯(cuò)誤，還是為了進(jìn)一步完善該網(wǎng)站。爭(zhēng)取令用戶滿意，并能給用戶帶來(lái)方便和幫助。測(cè)試的過(guò)程也是自己提高的過(guò)程，通過(guò)測(cè)試不但能發(fā)現(xiàn)系統(tǒng)的不足，還能發(fā)現(xiàn)自己對(duì)哪一方面的知識(shí)不夠

22、熟練，為以后的學(xué)習(xí)和工作積累一些經(jīng)驗(yàn)。6.2測(cè)試的方法及過(guò)程軟件的測(cè)試方法有：黑盒測(cè)試和白盒測(cè)試是軟件測(cè)試的兩類不同方法。測(cè)試任何產(chǎn)品都可用這兩種方法：如果已經(jīng)知道了產(chǎn)品應(yīng)該具有的功能可以通過(guò)測(cè)試來(lái)檢驗(yàn)是否每個(gè)功能都能正常使用；如果知道產(chǎn)品內(nèi)部工作過(guò)程，可以通過(guò)測(cè)試來(lái)檢驗(yàn)產(chǎn)品內(nèi)部動(dòng)作是否按照規(guī)格說(shuō)明說(shuō)的規(guī)定正常進(jìn)行。系統(tǒng)的測(cè)試一般來(lái)說(shuō)，有兩種調(diào)試方法可以采用：回溯法和原因排除法。無(wú)論采用什么方法，調(diào)試的根本目標(biāo)都是尋找軟件錯(cuò)誤的原因并改正之。在測(cè)試的過(guò)程中主要是測(cè)試其健壯性和完整性。第七章 Photoshop學(xué)習(xí)網(wǎng)站的不足和改進(jìn)設(shè)想7.1網(wǎng)站設(shè)計(jì)不足由于設(shè)計(jì)者的水平有限，時(shí)間有限，再加上初次嘗

23、試設(shè)計(jì)工作，所以做出來(lái)的作品有好多不足的地方，總結(jié)起來(lái)，主要有以下幾點(diǎn)：（1）界面設(shè)計(jì)的不足具體涉及到界面顏色的搭配和布局的設(shè)計(jì)，在本作品中稍微顯得有點(diǎn)單調(diào)，但是又不知道該怎樣來(lái)調(diào)整布局。所以以后還要慢慢學(xué)習(xí)，爭(zhēng)取做到既個(gè)性又不招搖。（2）創(chuàng)新意識(shí)的欠缺在主頁(yè)的設(shè)計(jì)制作上，由于本人的水平有限、經(jīng)驗(yàn)的不足、創(chuàng)新意識(shí)的局限，致使頁(yè)面的設(shè)計(jì)過(guò)于簡(jiǎn)單。但又不知該如何進(jìn)一步的完善。所以今后會(huì)培養(yǎng)自己的創(chuàng)新意識(shí)。（3）安全性能較差由于Access數(shù)據(jù)庫(kù)本身并不是一個(gè)數(shù)據(jù)庫(kù)服務(wù)器，它不能用服務(wù)器來(lái)運(yùn)行查詢，對(duì)于數(shù)據(jù)庫(kù)龐大的情況，它并不是好的選擇，Access比起SQL Server而言，總體的安全性要差，所

24、以以后應(yīng)該改7.2改進(jìn)措施針對(duì)網(wǎng)站中存在的不足，應(yīng)做的以下幾個(gè)方面：（1）對(duì)所制作的網(wǎng)站要做到充分的調(diào)查、研究及詳細(xì)分析，從網(wǎng)站的整體出發(fā)，然后再?gòu)木W(wǎng)站的功能模塊著手。只有網(wǎng)站的整體框架設(shè)計(jì)完成后，在做功能模塊時(shí)才不至于出現(xiàn)這樣那樣的問(wèn)題，因?yàn)榫W(wǎng)站的整體框架已經(jīng)決定了你所做的功能模塊及功能子模塊之間的關(guān)系。（2）要對(duì)本網(wǎng)站所采用的開(kāi)發(fā)工具有足夠的了解、豐富的理論知識(shí)和具備較強(qiáng)的動(dòng)手能力。這樣，既能夠?qū)δ硞€(gè)功能的實(shí)現(xiàn)，不僅僅是實(shí)現(xiàn)此功能，而是比較全面的對(duì)此功能進(jìn)行控制和擴(kuò)充，以達(dá)到更滿意的效果，使操作起來(lái)簡(jiǎn)捷、直觀、好用。又能夠把開(kāi)發(fā)工具與數(shù)據(jù)庫(kù)的設(shè)計(jì)緊密結(jié)合起來(lái)，來(lái)進(jìn)一步提高系統(tǒng)的穩(wěn)定性。（3

25、）詳細(xì)的數(shù)據(jù)庫(kù)設(shè)計(jì)方案，只有詳細(xì)的數(shù)據(jù)庫(kù)設(shè)計(jì)方案才能把數(shù)據(jù)庫(kù)設(shè)計(jì)的更符合系統(tǒng)要求，更具有擴(kuò)展性。這樣在進(jìn)行系統(tǒng)開(kāi)發(fā)時(shí)，才能很好把握采用多表進(jìn)行功能設(shè)計(jì)時(shí)，不出現(xiàn)某個(gè)數(shù)據(jù)項(xiàng)有或沒(méi)有及數(shù)據(jù)類型是否一致、數(shù)據(jù)長(zhǎng)度是否相等。從某種意義上，也提高了開(kāi)發(fā)效率和降低了開(kāi)發(fā)難度?？傊捎诒救私?jīng)驗(yàn)還不夠豐富，考慮問(wèn)題還不夠全面，各方面都需要加強(qiáng)，在總結(jié)中進(jìn)步。通過(guò)這次畢業(yè)設(shè)計(jì)，自己確實(shí)提高了不少，同樣，也發(fā)現(xiàn)了自己身上存在的許多問(wèn)題，為以后的學(xué)習(xí)也奠定了基礎(chǔ)。第八章 總結(jié)在這三個(gè)月中，通過(guò)自己的學(xué)習(xí)和努力，通過(guò)康麗鋒老師的指導(dǎo)和教育，使我不僅僅在知識(shí)水平和解決實(shí)際問(wèn)題的能力上有了很大的提高，還從思想的深處體會(huì)

26、到，要把自己的所學(xué)變成現(xiàn)實(shí)時(shí)所將面對(duì)的種種難題。通過(guò)這次畢業(yè)設(shè)計(jì)，讓自己認(rèn)識(shí)到還有很多好學(xué)的東西。在這次的設(shè)計(jì)里有一些功能由于水平有限和時(shí)間原因最終無(wú)法完成，尤其是論壇的功能還需要進(jìn)一步加強(qiáng)。在這次設(shè)計(jì)的過(guò)程中，自己走了不少的彎路，但是在后來(lái)不斷的摸索中學(xué)會(huì)了如何更有效的展開(kāi)工作。軟件工程思想指導(dǎo)我一步一步從系統(tǒng)分析，到系統(tǒng)設(shè)計(jì)，再到系統(tǒng)實(shí)現(xiàn)，讓我對(duì)整個(gè)系統(tǒng)的開(kāi)發(fā)過(guò)程有了明顯的全局觀念，也合理地安排了整個(gè)設(shè)計(jì)的時(shí)間。使后期的工作少走了很多的彎路。由于受本人的水平局限性，本站設(shè)計(jì)還有很多不足的地方，有待以后改進(jìn)。包括：由于時(shí)間，水平的原因，網(wǎng)頁(yè)設(shè)計(jì)的不精美。比如排版設(shè)計(jì)有些不合理，動(dòng)畫(huà)，圖片做的

27、不是很有吸引力。這些將是本人努力的方向。使得沒(méi)有完成一個(gè)很好的后臺(tái)管理，這將是我以后更加努力學(xué)習(xí)的動(dòng)力。以上是我在本次畢業(yè)設(shè)計(jì)中的體會(huì)，也許認(rèn)識(shí)到的問(wèn)題還很膚淺，但 就現(xiàn)在來(lái)說(shuō)，它們正是我所需要的。致謝首先感謝本人的導(dǎo)師康麗鋒，她仔細(xì)審閱了本文的全部?jī)?nèi)容并對(duì)我的畢業(yè)設(shè)計(jì)內(nèi)容提出了許多建設(shè)性建議?？蝶愪h老師淵博的知識(shí)，誠(chéng)懇的為人，敬業(yè)的精神使我受益匪淺，在畢業(yè)設(shè)計(jì)的過(guò)程中，特別是遇到困難時(shí)，她給了我鼓勵(lì)和幫助，在這里我向她表示真誠(chéng)的感謝！同時(shí)，學(xué)校給了我這次畢業(yè)設(shè)計(jì)的機(jī)會(huì)，使我得到了很好的鍛煉，在此，我也向?qū)W校的各位老師表示最誠(chéng)摯的感謝。參考文獻(xiàn)1肖金秀,ASP網(wǎng)絡(luò)編程技術(shù)M北京：清華大學(xué)出版社

28、，20012Wordy Willard. ASP編程起步M北京：人民郵電出版杜，20013劉冰,教育網(wǎng)站設(shè)計(jì)J中國(guó)電化教育2001,168(1):3-174王迪,建設(shè)與維護(hù)你自己的網(wǎng)站M北京：中國(guó)鐵道出版社，20035光軍,動(dòng)態(tài)網(wǎng)站設(shè)計(jì)編程技法M北京：北京航空航天大學(xué)出版社，20016石志國(guó),ASP動(dòng)態(tài)網(wǎng)站編程M北京：清華大學(xué)出版社，20017趙祖荀,網(wǎng)頁(yè)制作教程M北京：清華大學(xué)出版社，20008林少景,網(wǎng)頁(yè)特效編程百例M北京：清華大學(xué)出版社，20019陳俊榮，鄧文淵ASP與網(wǎng)絡(luò)數(shù)據(jù)庫(kù)技術(shù)M北京：中國(guó)鐵道出版社, 200310 http:/11 http:/摘 要近年來(lái)計(jì)算機(jī)技術(shù)飛速發(fā)展，尤其

29、網(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í)！本系統(tǒng)是以學(xué)習(xí)和信息交流為目的利用Adobe Dreamweaver技術(shù)設(shè)計(jì)開(kāi)發(fā)的一個(gè)系統(tǒng)。特點(diǎn)是，系統(tǒng)界面友好，為同學(xué)間的信息學(xué)習(xí)交流和知識(shí)的傳播提供了很大的方便。文中主要描述了學(xué)習(xí)網(wǎng)站系統(tǒng)的設(shè)計(jì)方法和實(shí)現(xiàn)過(guò)程，闡述了系統(tǒng)的需求分析、概要設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)以及實(shí)現(xiàn)步驟重點(diǎn)論述了系統(tǒng)的詳細(xì)設(shè)計(jì)和實(shí)現(xiàn)過(guò)程方面。 關(guān)鍵詞 : Adobe D

30、reamweaverAbstractIn 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 peoples learning, can also be separated by thousands of miles to study at any time. The establi

31、shment of a study site for this system is necessary, it is with peoples day-to-day between the learning and the exchange of information for students of knowledge dissemination and exchange of information provides a good platform, but also can enhance their own learning!This system is according to in

32、formation 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 information of the classmate study exchanges and knowledge of dissemination provided very big of convenience.Main in the text desc

33、ription 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 and realization process.Keywords: Adobe Dreamweaver第一章 緒論1.1選題背景在計(jì)算機(jī)迅速發(fā)展的今天，網(wǎng)絡(luò)也不再新鮮了。人們的生

34、活、學(xué)習(xí)、工作等已經(jīng)越來(lái)越離不開(kāi)計(jì)算機(jī)科學(xué)的運(yùn)用，而Internet的發(fā)展更加速了這種趨勢(shì)，人們?cè)絹?lái)越需要在互聯(lián)網(wǎng)上交流各種信息和討論各種問(wèn)題。在Photoshop越來(lái)越受人們喜歡。如今在課堂上的所學(xué)到的知識(shí)已經(jīng)不足以滿足廣大 Photoshop愛(ài)好者了。所以需要一個(gè)平臺(tái)來(lái)學(xué)習(xí)更多的知識(shí)?；ヂ?lián)網(wǎng)眾多應(yīng)用領(lǐng)域中，信息的傳播與學(xué)習(xí)交流是其中的一個(gè)非常重要的組成部分。為此建立一個(gè)Photoshop學(xué)習(xí)網(wǎng)站系統(tǒng)是必要的。 1.2網(wǎng)站設(shè)計(jì)的內(nèi)容及任務(wù)現(xiàn)在大學(xué)生面對(duì)著來(lái)自社會(huì)、學(xué)校、家庭各個(gè)方面很大壓力的同時(shí)。應(yīng)該有一個(gè)放松自己、輕松學(xué)習(xí)的地方。本站主要提供了在學(xué)習(xí)中所需的技術(shù)文章與必不可少的學(xué)習(xí)教程。同

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

36、2) 資源庫(kù)模塊的實(shí)現(xiàn)：該模塊包含了眾多Photoshop軟件的教程與技巧。(3)在線投票模塊。完成對(duì)用戶的在線投票的操作。1.3論文組織結(jié)構(gòu)第一部分：緒論。介紹了選題背景，網(wǎng)站設(shè)計(jì)的內(nèi)容及任務(wù)。第二部分：Photoshop學(xué)習(xí)網(wǎng)站的研究概述。介紹了Photoshop學(xué)習(xí)網(wǎng)站的概況及設(shè)計(jì)的原理。第三部分：Photoshop學(xué)習(xí)網(wǎng)站的設(shè)計(jì)分析。介紹網(wǎng)站設(shè)計(jì)的需求分析。第四部分：Photoshop學(xué)習(xí)網(wǎng)站的總體設(shè)計(jì)。介紹網(wǎng)站的整體設(shè)計(jì)說(shuō)明，頁(yè)面構(gòu)成要素及頁(yè)面顏色配置。第五部分：Photoshop學(xué)習(xí)網(wǎng)站功能的實(shí)現(xiàn)。介紹網(wǎng)站主頁(yè)設(shè)計(jì)以及數(shù)據(jù)庫(kù)設(shè)計(jì)與連接。第六部分：Photoshop學(xué)習(xí)網(wǎng)站的測(cè)試。介

37、紹了測(cè)試目的及任務(wù)和測(cè)試的方法過(guò)程。第七部分：網(wǎng)站設(shè)計(jì)的不足和改進(jìn)思想。介紹了網(wǎng)站設(shè)計(jì)的不足和改進(jìn)措施。第八部分：總結(jié)。第二章 網(wǎng)站的研究概述2.1 Photoshop學(xué)習(xí)網(wǎng)站概況Photoshop是世界頂尖級(jí)的圖像設(shè)計(jì)與制作工具軟件。圖像處理是對(duì)已有的位圖圖像進(jìn)行編輯加工處理以及運(yùn)用一些特殊效果，其重點(diǎn)在于對(duì)圖像的處理加工。在表現(xiàn)圖像中的陰影和色彩的細(xì)微變化方面或者進(jìn)行一些特殊效果處理時(shí)，使用位圖形式是最佳的選擇，它在這方面的優(yōu)點(diǎn)是矢量圖無(wú)法比擬的。從功能上看，Photoshop可分為圖像編輯、圖像合成、校色調(diào)色及特效制作部分。圖像編輯是圖像處理的基礎(chǔ)，可以對(duì)圖像做各種變換如放大、縮小、旋轉(zhuǎn)

38、、傾斜、鏡像、透視等。也可進(jìn)行復(fù)制、去除斑點(diǎn)、修補(bǔ)、修飾圖像的殘損等。這在婚紗攝影、人像處理制作中有非常大的用場(chǎng)，去除人像上不滿意的部分，進(jìn)行美化加工，得到讓人非常滿意的效果。 圖像合成則是將幾幅圖像通過(guò)圖層操作、工具應(yīng)用合成完整的、傳達(dá)明確意義的圖像，這是美術(shù)設(shè)計(jì)的必經(jīng)之路。Photoshop提供的繪圖工具讓外來(lái)圖像與創(chuàng)意很好地融合，成為可能使圖像的合成天衣無(wú)縫。校色調(diào)色是Photoshop中深具威力的功能之一，可方便快捷地對(duì)圖像的顏色進(jìn)行明暗、色編的調(diào)整和校正，也可在不同顏色進(jìn)行切換以滿足圖像在不同領(lǐng)域如網(wǎng)頁(yè)設(shè)計(jì)、印刷、多媒體等方面應(yīng)用。 特效制作在Photoshop中主要由濾鏡、通道及工

39、具綜合應(yīng)用完成。包括圖像的特效創(chuàng)意和特效字的制作，如油畫(huà)、浮雕、石膏畫(huà)、素描等常用的傳統(tǒng)美術(shù)技巧都可藉由Photoshop特效完成。而各種特效字的制作更是很多美術(shù)設(shè)計(jì)師熱衷于Photoshop的研究的原因。2.2 Photoshop學(xué)習(xí)網(wǎng)站研究概況Photoshop學(xué)習(xí)網(wǎng)站的設(shè)計(jì)研究概況：(1)沒(méi)有不變的需求，要為網(wǎng)站設(shè)計(jì)程序留下足夠多的拓展空間，同時(shí)要考慮在系統(tǒng)向其它平臺(tái)移植時(shí)盡量減少工作量和難度的途徑。(2)網(wǎng)站程序設(shè)計(jì)要簡(jiǎn)潔，足夠好的面向過(guò)程遠(yuǎn)遠(yuǎn)優(yōu)于蹩腳的面向?qū)ο蟆?3)理論是為實(shí)踐服務(wù)的，所以不要被理論（尤其是設(shè)計(jì)模式）束縛。目前有些學(xué)習(xí)網(wǎng)站中存在的問(wèn)題：(1)網(wǎng)站的內(nèi)容空洞，華而不實(shí)

40、。(2)網(wǎng)站的整體頁(yè)面布局設(shè)計(jì)的不夠新穎。(3)網(wǎng)站的功能設(shè)計(jì)欠缺，給用戶帶來(lái)很多不便。(4)功能靈活度低，不利于維護(hù)和拓展。2.3 Photoshop學(xué)習(xí)網(wǎng)站構(gòu)想與設(shè)計(jì)采用Dreamweaver布局，網(wǎng)絡(luò)操作系統(tǒng)以Microsoft Window XP + Internet Explorer 6為平臺(tái)，以便于網(wǎng)站的改進(jìn)和更新。第三章 Photoshop學(xué)習(xí)網(wǎng)站設(shè)計(jì)分析3.1 Photoshop功能從功能上看，Photoshop軟件可分為圖像編輯、圖像合成、校色調(diào)色及特效制作部分。圖像編輯是圖像處理的基礎(chǔ)，可以對(duì)圖像做各種變換如放大、縮小、旋轉(zhuǎn)、傾斜、鏡象、透視等。也可進(jìn)行復(fù)制、去除斑點(diǎn)、修補(bǔ)

41、、修飾圖像的殘損等。這在婚紗攝影、人像處理制作中有非常大的用場(chǎng)，去除人像上不滿意的部分，進(jìn)行美化加工，得到讓人非常滿意的效果。圖像合成則是將幾幅圖像通過(guò)圖層操作、工具應(yīng)用合成完整的、傳達(dá)明確意義的圖像，這是美術(shù)設(shè)計(jì)的必經(jīng)之路。Photoshop提供的繪圖工具讓外來(lái)圖像與創(chuàng)意很好地融合，成為可能使圖像的合成無(wú)衣無(wú)縫。 校色調(diào)色是Photoshop中深具威力的功能之一，可方便快捷地對(duì)圖像的顏色進(jìn)行明暗、色編的調(diào)整和校正，也可在不同顏色進(jìn)行切換以滿足圖像在不同領(lǐng)域如網(wǎng)頁(yè)設(shè)計(jì)、印刷、多媒體等方面應(yīng)用。特效制作在Photoshop中主要由濾鏡、通道及工具綜合應(yīng)用完成。包括圖像的特效創(chuàng)意和特效字的制作，如

42、油畫(huà)、浮雕、石膏畫(huà)、素描等常用的傳統(tǒng)美術(shù)技巧都可藉由Photoshop特效完成。而各種特效字的制作更是很多美術(shù)設(shè)計(jì)師熱衷于Photoshop的研究的原因。許多行業(yè)用，像攝影照片的后期處理，廣告、包裝、VI企劃、網(wǎng)站設(shè)計(jì)，海報(bào)等3.2網(wǎng)站功能分析隨著計(jì)算機(jī)的發(fā)展和推廣，人們學(xué)習(xí)，搜集資料的手段也發(fā)生了很大變化。從以前通過(guò)書(shū)籍學(xué)習(xí)查詢，到現(xiàn)在的上網(wǎng)學(xué)習(xí)。學(xué)習(xí)網(wǎng)站已普遍應(yīng)用人們的學(xué)習(xí)生活中。該網(wǎng)站由本人設(shè)計(jì)實(shí)現(xiàn)的功能是：(1)介紹Photoshop的發(fā)展。(2)資源庫(kù)。給用戶提供更多的學(xué)習(xí)資料。(3)軟件下載。提供下載資料。(4)作品展覽。一些作好的作品供展賞。(5)自我測(cè)試。自我有一個(gè)了解，學(xué)到了

43、那么東西。3.3網(wǎng)站制作的基本思路和過(guò)程Photoshop學(xué)習(xí)網(wǎng)站的設(shè)計(jì)經(jīng)過(guò)了定題，熟悉開(kāi)發(fā)工具，調(diào)查研究，搜尋資料等階段，然后一步步達(dá)到各部分功能的實(shí)現(xiàn)。如圖3-1所示:定題熟悉開(kāi)發(fā)工具網(wǎng)站整體測(cè)試網(wǎng)站各部分的連接網(wǎng)站的整體設(shè)計(jì)網(wǎng)站各部分的設(shè)計(jì)搜集資料研究技術(shù)圖 31 網(wǎng)站設(shè)計(jì)第四章 Photoshop學(xué)習(xí)網(wǎng)站的總體設(shè)計(jì)4.1 Photoshop學(xué)習(xí)網(wǎng)站的總體設(shè)計(jì)及說(shuō)明網(wǎng)頁(yè)的整體布局在整個(gè)制作中至關(guān)重要，一個(gè)雜亂無(wú)章、給人第一印象極差的網(wǎng)頁(yè)，用戶訪問(wèn)過(guò)之后是不會(huì)再訪問(wèn)的。在制作本網(wǎng)頁(yè)時(shí)，主要以學(xué)校主頁(yè)界面形式作為參考，因?yàn)樗瓷先ケ容^柔和、簡(jiǎn)潔、和諧，給用戶清新的感覺(jué)。Photoshop學(xué)習(xí)

44、網(wǎng)站的設(shè)計(jì)包括，主頁(yè)的設(shè)計(jì)、資源庫(kù)、軟件下載。制作中主要采用Dreamweaver作為主要制作工具，其中插入了圖片元素。軟件下載連接到了一個(gè)Photoshop的教程，方便用戶在主頁(yè)上進(jìn)行其它的操作。整體設(shè)計(jì)如圖4-1所示:網(wǎng) 站 主 頁(yè)其它模塊軟件下載資源庫(kù)課程簡(jiǎn)介圖4-1 網(wǎng)站總體設(shè)計(jì)圖4.2網(wǎng)頁(yè)界面構(gòu)成要素與傳統(tǒng)媒體不同，網(wǎng)頁(yè)除了文字和圖像以外，還包含聲音、視頻和動(dòng)畫(huà)等新興多媒體元素，更借助由代碼語(yǔ)言編程所實(shí)現(xiàn)的各種交互式效果，增加了網(wǎng)頁(yè)界面的生動(dòng)性和復(fù)雜性，也使得網(wǎng)頁(yè)設(shè)計(jì)者需要考慮更多頁(yè)面元素的排布、優(yōu)化。一般來(lái)說(shuō)，網(wǎng)頁(yè)的界面主要由下面幾個(gè)因素構(gòu)成：(1)文字：文字元素是信息傳達(dá)的主體部

45、分。網(wǎng)頁(yè)中的文字主要包括標(biāo)題、信息、文字鏈接、幾種主要形式。標(biāo)題和傳統(tǒng)媒體中信息傳達(dá)的基本作用相同，是內(nèi)容的簡(jiǎn)概說(shuō)明一般比較醒目、優(yōu)先編排。文字作為占據(jù)頁(yè)面重要比率的元素，同時(shí)又是信息重要載體，它的字體、大小、顏色和排布對(duì)頁(yè)面整體設(shè)計(jì)影響極大。(2)圖形：圖形在網(wǎng)頁(yè)界面中具有重要作用。合理的運(yùn)用圖形?？梢陨鷦?dòng)直觀、形象地表現(xiàn)設(shè)計(jì)主題。網(wǎng)頁(yè)中常用的圖形格式包括jpg和gif，這兩種格式壓縮比高，得到了規(guī)范瀏覽器的支持，下載速度快，具有跨平臺(tái)的特性，不需要瀏覽器安裝插件即可直接閱覽。圖形元素包括標(biāo)題、背景、主圖、鏈接圖標(biāo)四種。(3)頁(yè)面版式：版式是網(wǎng)頁(yè)界面設(shè)計(jì)的重要組成部分，它將文字、圖形等視覺(jué)元

46、素進(jìn)行組合配置，使頁(yè)面整體視覺(jué)效果美觀和諧，便于閱讀，實(shí)現(xiàn)信息傳達(dá)的最佳效果。 (4)色彩：彩色網(wǎng)頁(yè)比單色網(wǎng)頁(yè)更具吸引力；色彩本身具有象征作用。 (5)多媒體：網(wǎng)頁(yè)構(gòu)成中的多媒體元素主要包括音頻、視頻和動(dòng)畫(huà)。這些是界面構(gòu)成中最吸引人的元素 。(6)技術(shù)：網(wǎng)頁(yè)的技術(shù)要素并非任何情況下在網(wǎng)頁(yè)中都能直觀體現(xiàn)，但是卻代表了設(shè)計(jì)的整體水平，也是衡量設(shè)計(jì)成功的重要標(biāo)準(zhǔn)。網(wǎng)頁(yè)界面設(shè)計(jì)最基本的技術(shù)要求包括：瀏覽器、傳輸速度、屏幕分辨率、顏色顯示。本網(wǎng)站的所有文字采用的是宋體，顏色為藍(lán)色。給人一種正舒服但又不失正式。文字的大小根據(jù)頁(yè)面的大小比例合適搭配。主頁(yè)的整體顏色采用比較淡的粉紅和黑色。網(wǎng)站中的圖片jia格

47、式的。頁(yè)面的版式用CSS樣式和Dreamweaver布局。主頁(yè)面如圖4-2所示：圖4-2主頁(yè)面4.3網(wǎng)頁(yè)的色彩搭配打開(kāi)一個(gè)網(wǎng)站，給用戶留下第一印象的既不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的版面布局，而是網(wǎng)站的色彩。色彩對(duì)人的視覺(jué)效果非常明顯，一個(gè)網(wǎng)站設(shè)計(jì)成功與否，在某種程度上取決于設(shè)計(jì)者對(duì)色彩的運(yùn)用和搭配。因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)屬于一種平面效果設(shè)計(jì)，在排除立體圖形、動(dòng)畫(huà)效果之外，在平面圖上，色彩的沖擊力是最強(qiáng)的，它很容易給用戶留下深刻的印象。因此，在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，必須要高度重視色彩的搭配。在Photoshop學(xué)習(xí)網(wǎng)站的設(shè)計(jì)當(dāng)中，本人用色保持自己獨(dú)特的風(fēng)格，這樣網(wǎng)站才能顯得個(gè)性鮮明，給瀏覽者留下深刻的印象。在

48、搭配上遵從藝術(shù)規(guī)律的同時(shí)，還考慮人的生理特點(diǎn)，色彩搭配較合理，粉紅色給人一種和諧、愉快的感覺(jué)，避免采用純度很高的單一色彩，這樣容易造成視覺(jué)疲勞。網(wǎng)站設(shè)計(jì)同時(shí)也是一種藝術(shù)活動(dòng)，結(jié)合著創(chuàng)新意識(shí)，設(shè)計(jì)出了符合網(wǎng)站要求，也具有一定特色的粉色網(wǎng)頁(yè)。第五章 Photoshop學(xué)習(xí)網(wǎng)站功能的實(shí)現(xiàn)5.1網(wǎng)站主頁(yè)的具體設(shè)計(jì)Photoshop學(xué)習(xí)網(wǎng)站主頁(yè)的整體的設(shè)計(jì)布局和主頁(yè)中部分模塊功能的設(shè)計(jì)。如圖5-1所示：圖5-1 主頁(yè)圖片該圖片是Photoshop制作的一個(gè)圖。是通過(guò)層建立與路徑設(shè)計(jì)來(lái)制作的，制作的不是太完美，但能突出一個(gè)主題。主頁(yè)中還有幾個(gè)超鏈接，分別是首頁(yè)、課程簡(jiǎn)介（幫助學(xué)習(xí)者更容易學(xué)習(xí)），資源庫(kù)（方

49、便查找資料），軟件下載（更容易下載所需要的軟件），作品展覽、自我測(cè)試（可以了解自己所學(xué)到和還不了解的知識(shí)），點(diǎn)擊超鏈接可以進(jìn)入到相關(guān)的內(nèi)容。如圖5-2所示：圖5-2 主頁(yè)部分超鏈接文字圖5.2模塊的具體設(shè)計(jì)Photoshop學(xué)習(xí)網(wǎng)站部分功能模塊包括：軟件下載、資源庫(kù)。5.2.1 軟件下載軟件下載是用戶通過(guò)Photoshop學(xué)習(xí)網(wǎng)站下載軟件的重要途徑。如圖5-3所示：圖5-3 軟件下載5.2.2 資源庫(kù)資源庫(kù)是用戶通過(guò)Photoshop學(xué)習(xí)網(wǎng)站學(xué)習(xí)的重要途徑。如圖5-4所：圖5-4 資源庫(kù)第六章 Photoshop學(xué)習(xí)網(wǎng)站的測(cè)試6.1測(cè)試的目的及任務(wù)測(cè)試就是為了發(fā)現(xiàn)在制作中出現(xiàn)的錯(cuò)誤，由于種種因

50、素在網(wǎng)站制作中可能會(huì)出現(xiàn)若干錯(cuò)誤，而不易被發(fā)現(xiàn)。只有在完成時(shí)，以用戶的身份和眼光去檢驗(yàn)完成的創(chuàng)作，才能發(fā)現(xiàn)它的不足和出現(xiàn)的錯(cuò)誤。測(cè)試不但是為了發(fā)現(xiàn)錯(cuò)誤，還是為了進(jìn)一步完善該網(wǎng)站。爭(zhēng)取令用戶滿意，并能給用戶帶來(lái)方便和幫助。測(cè)試的過(guò)程也是自己提高的過(guò)程，通過(guò)測(cè)試不但能發(fā)現(xiàn)系統(tǒng)的不足，還能發(fā)現(xiàn)自己對(duì)哪一方面的知識(shí)不夠熟練，為以后的學(xué)習(xí)和工作積累一些經(jīng)驗(yàn)。6.2測(cè)試的方法及過(guò)程軟件的測(cè)試方法有：黑盒測(cè)試和白盒測(cè)試是軟件測(cè)試的兩類不同方法。測(cè)試任何產(chǎn)品都可用這兩種方法：如果已經(jīng)知道了產(chǎn)品應(yīng)該具有的功能可以通過(guò)測(cè)試來(lái)檢驗(yàn)是否每個(gè)功能都能正常使用；如果知道產(chǎn)品內(nèi)部工作過(guò)程，可以通過(guò)測(cè)試來(lái)檢驗(yàn)產(chǎn)品內(nèi)部動(dòng)作是否

51、按照規(guī)格說(shuō)明說(shuō)的規(guī)定正常進(jìn)行。系統(tǒng)的測(cè)試一般來(lái)說(shuō)，有兩種調(diào)試方法可以采用：回溯法和原因排除法。無(wú)論采用什么方法，調(diào)試的根本目標(biāo)都是尋找軟件錯(cuò)誤的原因并改正之。在測(cè)試的過(guò)程中主要是測(cè)試其健壯性和完整性。第七章 Photoshop學(xué)習(xí)網(wǎng)站的不足和改進(jìn)設(shè)想7.1網(wǎng)站設(shè)計(jì)不足由于設(shè)計(jì)者的水平有限，時(shí)間有限，再加上初次嘗試設(shè)計(jì)工作，所以做出來(lái)的作品有好多不足的地方，總結(jié)起來(lái)，主要有以下幾點(diǎn)：（1）界面設(shè)計(jì)的不足具體涉及到界面顏色的搭配和布局的設(shè)計(jì)，在本作品中稍微顯得有點(diǎn)單調(diào)，但是又不知道該怎樣來(lái)調(diào)整布局。所以以后還要慢慢學(xué)習(xí)，爭(zhēng)取做到既個(gè)性又不招搖。（2）創(chuàng)新意識(shí)的欠缺在主頁(yè)的設(shè)計(jì)制作上，由于本人的水平

52、有限、經(jīng)驗(yàn)的不足、創(chuàng)新意識(shí)的局限，致使頁(yè)面的設(shè)計(jì)過(guò)于簡(jiǎn)單。但又不知該如何進(jìn)一步的完善。所以今后會(huì)培養(yǎng)自己的創(chuàng)新意識(shí)。（3）安全性能較差由于Access數(shù)據(jù)庫(kù)本身并不是一個(gè)數(shù)據(jù)庫(kù)服務(wù)器，它不能用服務(wù)器來(lái)運(yùn)行查詢，對(duì)于數(shù)據(jù)庫(kù)龐大的情況，它并不是好的選擇，Access比起SQL Server而言，總體的安全性要差，所以以后應(yīng)該改7.2改進(jìn)措施針對(duì)網(wǎng)站中存在的不足，應(yīng)做的以下幾個(gè)方面：（1）對(duì)所制作的網(wǎng)站要做到充分的調(diào)查、研究及詳細(xì)分析，從網(wǎng)站的整體出發(fā)，然后再?gòu)木W(wǎng)站的功能模塊著手。只有網(wǎng)站的整體框架設(shè)計(jì)完成后，在做功能模塊時(shí)才不至于出現(xiàn)這樣那樣的問(wèn)題，因?yàn)榫W(wǎng)站的整體框架已經(jīng)決定了你所做的功能模塊及功

53、能子模塊之間的關(guān)系。（2）要對(duì)本網(wǎng)站所采用的開(kāi)發(fā)工具有足夠的了解、豐富的理論知識(shí)和具備較強(qiáng)的動(dòng)手能力。這樣，既能夠?qū)δ硞€(gè)功能的實(shí)現(xiàn)，不僅僅是實(shí)現(xiàn)此功能，而是比較全面的對(duì)此功能進(jìn)行控制和擴(kuò)充，以達(dá)到更滿意的效果，使操作起來(lái)簡(jiǎn)捷、直觀、好用。又能夠把開(kāi)發(fā)工具與數(shù)據(jù)庫(kù)的設(shè)計(jì)緊密結(jié)合起來(lái)，來(lái)進(jìn)一步提高系統(tǒng)的穩(wěn)定性。（3）詳細(xì)的數(shù)據(jù)庫(kù)設(shè)計(jì)方案，只有詳細(xì)的數(shù)據(jù)庫(kù)設(shè)計(jì)方案才能把數(shù)據(jù)庫(kù)設(shè)計(jì)的更符合系統(tǒng)要求，更具有擴(kuò)展性。這樣在進(jìn)行系統(tǒng)開(kāi)發(fā)時(shí)，才能很好把握采用多表進(jìn)行功能設(shè)計(jì)時(shí)，不出現(xiàn)某個(gè)數(shù)據(jù)項(xiàng)有或沒(méi)有及數(shù)據(jù)類型是否一致、數(shù)據(jù)長(zhǎng)度是否相等。從某種意義上，也提高了開(kāi)發(fā)效率和降低了開(kāi)發(fā)難度?？傊?，由于本人經(jīng)驗(yàn)還不夠

54、豐富，考慮問(wèn)題還不夠全面，各方面都需要加強(qiáng)，在總結(jié)中進(jìn)步。通過(guò)這次畢業(yè)設(shè)計(jì)，自己確實(shí)提高了不少，同樣，也發(fā)現(xiàn)了自己身上存在的許多問(wèn)題，為以后的學(xué)習(xí)也奠定了基礎(chǔ)。第八章 總結(jié)在這三個(gè)月中，通過(guò)自己的學(xué)習(xí)和努力，通過(guò)康麗鋒老師的指導(dǎo)和教育，使我不僅僅在知識(shí)水平和解決實(shí)際問(wèn)題的能力上有了很大的提高，還從思想的深處體會(huì)到，要把自己的所學(xué)變成現(xiàn)實(shí)時(shí)所將面對(duì)的種種難題。通過(guò)這次畢業(yè)設(shè)計(jì)，讓自己認(rèn)識(shí)到還有很多好學(xué)的東西。在這次的設(shè)計(jì)里有一些功能由于水平有限和時(shí)間原因最終無(wú)法完成，尤其是論壇的功能還需要進(jìn)一步加強(qiáng)。在這次設(shè)計(jì)的過(guò)程中，自己走了不少的彎路，但是在后來(lái)不斷的摸索中學(xué)會(huì)了如何更有效的展開(kāi)工作。軟件工

55、程思想指導(dǎo)我一步一步從系統(tǒng)分析，到系統(tǒng)設(shè)計(jì)，再到系統(tǒng)實(shí)現(xiàn)，讓我對(duì)整個(gè)系統(tǒng)的開(kāi)發(fā)過(guò)程有了明顯的全局觀念，也合理地安排了整個(gè)設(shè)計(jì)的時(shí)間。使后期的工作少走了很多的彎路。由于受本人的水平局限性，本站設(shè)計(jì)還有很多不足的地方，有待以后改進(jìn)。包括：由于時(shí)間，水平的原因，網(wǎng)頁(yè)設(shè)計(jì)的不精美。比如排版設(shè)計(jì)有些不合理，動(dòng)畫(huà)，圖片做的不是很有吸引力。這些將是本人努力的方向。使得沒(méi)有完成一個(gè)很好的后臺(tái)管理，這將是我以后更加努力學(xué)習(xí)的動(dòng)力。以上是我在本次畢業(yè)設(shè)計(jì)中的體會(huì)，也許認(rèn)識(shí)到的問(wèn)題還很膚淺，但 就現(xiàn)在來(lái)說(shuō)，它們正是我所需要的。致謝首先感謝本人的導(dǎo)師康麗鋒，她仔細(xì)審閱了本文的全部?jī)?nèi)容并對(duì)我的畢業(yè)設(shè)計(jì)內(nèi)容提出了許多建設(shè)

56、性建議?？蝶愪h老師淵博的知識(shí)，誠(chéng)懇的為人，敬業(yè)的精神使我受益匪淺，在畢業(yè)設(shè)計(jì)的過(guò)程中，特別是遇到困難時(shí)，她給了我鼓勵(lì)和幫助，在這里我向她表示真誠(chéng)的感謝！同時(shí)，學(xué)校給了我這次畢業(yè)設(shè)計(jì)的機(jī)會(huì)，使我得到了很好的鍛煉，在此，我也向?qū)W校的各位老師表示最誠(chéng)摯的感謝。參考文獻(xiàn)1肖金秀,ASP網(wǎng)絡(luò)編程技術(shù)M北京：清華大學(xué)出版社，20012Wordy Willard. ASP編程起步M北京：人民郵電出版杜，20013劉冰,教育網(wǎng)站設(shè)計(jì)J中國(guó)電化教育2001,168(1):3-174王迪,建設(shè)與維護(hù)你自己的網(wǎng)站M北京：中國(guó)鐵道出版社，20035光軍,動(dòng)態(tài)網(wǎng)站設(shè)計(jì)編程技法M北京：北京航空航天大學(xué)出版社，20016石志國(guó),ASP動(dòng)態(tài)網(wǎng)站編程M北京：清華大學(xué)出版社，20017趙祖荀,網(wǎng)頁(yè)制作教程M北京：清華大學(xué)出版社，20008林少景,網(wǎng)頁(yè)特效編程百例M北京：清華大學(xué)出版社，20019陳俊榮，鄧文淵ASP與網(wǎng)絡(luò)數(shù)據(jù)庫(kù)技術(shù)M北京：中國(guó)鐵道出版社, 200310 http:/11 http:/40