【正文】 登錄頁面進(jìn)行登錄進(jìn)入留言頁面。如果注冊信息不成功則返回首頁，可以進(jìn)行再次注冊信息。 如 果 成功 則插入一條新記錄到數(shù)據(jù)庫，完成注冊。用戶注冊頁面如圖 12 所示。 圖 13 注冊頁面 在注冊信息中，你可以有用戶名、密碼、 等信息進(jìn)行注冊。請看好后面每一項(xiàng)的注釋。按照要求進(jìn)行申請，如果不按照要求填寫，有可能讓你的的信息注冊不成功。下面有兩個按鈕也可以進(jìn)行重新填寫，按重置按鈕就可以了。如果你沒有按著注冊要求天禧成功了則會顯示注冊失敗頁面。 更多論文 28 留言頁面設(shè)計(jì) 這個功能很人性化，如果你注冊成功，你就直接返回到首頁的注冊和登錄表格里，進(jìn)行登陸之后就可以留言了。下面就是留言的頁面：留言頁面 是很重要的，對于靜態(tài)的瀏覽的頁面，是提供了瀏覽和發(fā)布信息的功能。而留言就提供了交流和動態(tài)的感覺這樣就成了交互的功能。達(dá)到了溝通和交流的目的。所以，本網(wǎng)站最大的特點(diǎn)就在于這個留言的設(shè)置。提供了交流的平臺。 這是網(wǎng)站的重要功能，實(shí)現(xiàn)了網(wǎng)站和廣大人們之間的交互功能，是學(xué)校和有求學(xué)需求的人的接口，并且提供了接口供用戶對網(wǎng)站設(shè)計(jì)提出寶貴意見，因?yàn)樵诓粩嗟母倪M(jìn)中進(jìn)步，留言頁面的 技術(shù)實(shí)現(xiàn)非常簡單，就是提供發(fā)表 留言 內(nèi)容的 表單 ，讓會員 輸入 留言 內(nèi)容，當(dāng)讀者單擊 提交 按鈕的時候，把內(nèi)容保存到數(shù)據(jù)庫 了 。 重置按鈕可以重新輸入留言內(nèi)容， 不留言可以點(diǎn)擊返回按鈕。 效果如圖 13 所示。 圖 14 留言板 頁面 新聞瀏覽頁面設(shè)計(jì) 在首頁的校園動態(tài)中， 在這張頁面設(shè)計(jì)中，設(shè)置了超級鏈接，這樣 可以點(diǎn)擊校更多論文 29 園新聞中的文字鏈接都可以連接到新聞的具體內(nèi)容，這樣您可以更好的 查看 校園的動態(tài)，以及校園的發(fā)張方向和前景。 下 面的是同學(xué)們和老師們一起去看望老人的新聞。下面是學(xué)生近期的具體的活動請您觀看。 圖 15 首頁 校園新聞動態(tài)展示 專業(yè)設(shè)置頁面設(shè)計(jì) 下面 是 就是 關(guān)于職業(yè)技術(shù)學(xué)校的專業(yè)設(shè)置信息 頁面 ，通常這是廣大學(xué)生和家長們最關(guān)心的問題，這里有這樣的四個 專業(yè)，服裝模特表演、 汽車制造與維修、計(jì)算機(jī)及應(yīng)用、旅游管理專業(yè)。在這里主要介紹了各個專業(yè)的實(shí)質(zhì)內(nèi)容，如： 所修課程，可以達(dá)到的能力要求、就業(yè)前景、發(fā)展方向等。 你可以全面的了解該專業(yè)到底是做什么的，需要學(xué)習(xí)什么。在這個網(wǎng)頁里，應(yīng)用了 dreamweaver 的錨鏈接。使得瀏覽者可以很快的找到所要瀏覽的內(nèi)容。 更多論文 30 圖 16 專業(yè)設(shè)置 點(diǎn)擊專業(yè)一：服裝模特表演，在這里設(shè)置了錨點(diǎn)連接設(shè)置，則可以直接轉(zhuǎn)到服裝模特表演的地方。如圖所示 更多論文 31 圖 17 專業(yè)設(shè)置 1 校園風(fēng)景頁面設(shè)計(jì) 下一個菜單欄是 校園風(fēng)景 ，這里的作 品是 職業(yè)技術(shù) 網(wǎng)站 校園風(fēng)景的 展出，這些景色隨著學(xué)校的發(fā)展和擴(kuò)建會有所改變。 每隔一段時間，就會有不同的 校園景色上傳 展示出來 。 這里提倡所有的一切的 真實(shí) 和 真誠 。 最重要的是讓您了解學(xué)校最真實(shí)的 一 面，為了您的學(xué)習(xí)創(chuàng)造出最美麗的校園風(fēng)景。 在校園風(fēng)景頁面設(shè)計(jì)中，采用圖片鏈接，當(dāng)你點(diǎn)擊小圖時，可以連接到另外一張網(wǎng)頁，進(jìn)入大圖展示中。如圖所示 圖 18 校園風(fēng)景 頁面 下面是點(diǎn)擊校園小路小圖進(jìn)入另外一張校園風(fēng)景網(wǎng)頁，如圖 19 所示。 更多論文 32 圖 19 校園風(fēng)景 頁面 學(xué)校概況頁面設(shè)計(jì) 在學(xué)校首頁里，你只能從宏觀上了解學(xué)校的大 概情況，但是點(diǎn)擊學(xué)校概況則可以進(jìn)一步的了解學(xué)校的信息，在這個網(wǎng)頁上有學(xué)校的代表性的幾處風(fēng)景，你可以從這里了解到學(xué)校的大環(huán)境是什么樣子的，文字說明介紹學(xué)校的歷史面積教師資源學(xué)校曾獲得榮譽(yù)及發(fā)展前景。 更多論文 33 圖 20 學(xué)校概況 頁面 聯(lián)系 我們 頁面設(shè)計(jì) 下面的網(wǎng)頁就是 聯(lián)系我們 的網(wǎng)頁 。 包括 學(xué)校的校、學(xué)校的校訓(xùn)、學(xué)校的聯(lián)系方式、 學(xué)校的地址、 學(xué)校的郵編 、學(xué)校的郵箱鏈接等。所有您可以和學(xué)校取得聯(lián)系的方式，和條件。 在這里你可以知道學(xué)校的具體地址和校長的專有郵箱，你可以與校長直接聯(lián)系。 圖 21 聯(lián)系我們 頁面 歡迎留言頁面設(shè)計(jì) 接下來就是 歡迎 大家留言的 頁面，在這里的可以好多個人一起發(fā)表自己的言論?？梢蕴崛魏文阆胫赖膯栴}，關(guān)于學(xué)校、關(guān)于專業(yè)、關(guān)于就業(yè)、關(guān)于招生等等問題。在這個頁面中有個歡迎頁面，另外還有校長寫廣大學(xué)子的一封真摯誠懇的信。希望大家做出正確的抉擇，未來之路走好。但是，這只是個歡迎留言頁面，如果你真的更多論文 34 想留言，你必須在首頁里注冊成為本校的會員，之后進(jìn)行留言。 圖 22 歡迎 留言頁面 招生就業(yè) 頁面設(shè)計(jì) 無論是怎樣的學(xué)校，招生就業(yè)都是很重要的一個方面， 在這個網(wǎng) 頁 里 有學(xué)校今年的招 生計(jì)劃，對于各個專業(yè)所招學(xué)生的人數(shù)及要求，還有就是可以知道上學(xué)費(fèi)用明細(xì)，對于學(xué)生知識基礎(chǔ)的要求，對于初中和高中的要求是不同，初中的值可以參加中職的學(xué)習(xí)，而高中畢業(yè)的則會有更大的選擇。還有就是這個網(wǎng)頁里有個鏈接，點(diǎn)擊可以進(jìn)入對于本校學(xué)生就業(yè)和學(xué)校的一些招聘消息，可以準(zhǔn)確的了解我校學(xué)生的就業(yè)去向，也可以看出本校的就業(yè)率就業(yè)水平怎么樣。 更多論文 35 圖 23 招生就業(yè) 點(diǎn)擊 文字鏈接 之后進(jìn)入的頁面顯示的是學(xué)校的就業(yè)及招聘信息： 圖 24 招聘就業(yè)信息 頁面 更多論文 36 到此為止，整個網(wǎng)站的七個菜單欄的功能和設(shè)計(jì)方法介紹完畢，本學(xué)校網(wǎng)站 用到的動態(tài)模塊就是注冊登陸模塊和留言模塊，因?yàn)?access 數(shù)據(jù)庫適用于小型的數(shù)據(jù)庫，選擇它更加的方便，所以我設(shè)計(jì)了兩個簡單的數(shù)據(jù)庫表，是留言和用戶的數(shù)據(jù)庫表，用本地網(wǎng)絡(luò)的 iis 進(jìn)行數(shù)據(jù)庫的連接。成功的設(shè)計(jì)這個動態(tài)模塊，另外在本網(wǎng)站只有你注冊成為學(xué)校的會員，你才可以登陸上來，并且登陸成功之后可以留言，可以與學(xué)校進(jìn)行更加完全的交流和溝通。對于你注冊成功或者是沒有成功都有網(wǎng)頁的顯示。好了，到此所有的網(wǎng)站功能和頁面介紹完畢，希望您喜歡并且可以提出寶貴的意見。這是我的職業(yè)技術(shù)學(xué)校網(wǎng)站的總體的功能和模塊。 更多論文 37 6 系統(tǒng)測試 測試目的 程序測試就是在程序投入運(yùn)行前，對程序的需求分析、設(shè)計(jì)規(guī)格說明和編碼的最終復(fù)審，是保證程序質(zhì)量的關(guān)鍵步驟。如果要給程序測試下定義，可以這樣講，程序測試是為了發(fā)現(xiàn)錯誤而執(zhí)行程序的過程。測試的目的就是在軟件投入生產(chǎn)性運(yùn)行之前，盡可能多地發(fā)現(xiàn)軟件中的錯誤。在開發(fā)大型軟件系統(tǒng)的過程中，需要面對錯綜復(fù)雜的問題，因此，在軟件生存周期的每個階段都不可避免地會產(chǎn) 生錯誤。編程人員力求在每個階段結(jié)束之前通過嚴(yán)格的技術(shù)審查，盡 早的發(fā)現(xiàn)并糾正錯誤 [14]。 測試方法 程序測試的主要方法分為兩 大類，白盒測試和黑盒測試。白盒測試：也稱結(jié)構(gòu)測試，將軟件看成一個透明的白盒子，按照程序的內(nèi)部結(jié)構(gòu)和處理邏輯來選定測試用例，對軟件的邏輯路徑及過程進(jìn)行測試，檢查它與設(shè)計(jì)是否相符。黑盒測試：也稱功能測試，將軟件看作黑盒子，在完全不考慮程序的內(nèi)部結(jié)構(gòu)和特性的情況下，測試軟件的外部特性。根據(jù)軟件的需求規(guī)格說明書設(shè)計(jì)測試用例，從程序的輸入和輸出特性上測試是否滿足設(shè)定的功能。在本次測試工作中使用了兩種方法。但主要使用的是黑盒測試方法 [11]。 更多論文 38 測試實(shí)例 前臺七大功能內(nèi)容測試 測試內(nèi)容：點(diǎn)擊一個菜 單項(xiàng)的標(biāo)題，是否會顯示出網(wǎng)頁全部內(nèi)容。 操作：隨意點(diǎn)擊任一一個連接。 結(jié)果：正確的顯示出文章的全部內(nèi)容。 結(jié)論：測試成功。 用戶登錄測試 測試內(nèi)容：注冊及已經(jīng)注冊的用戶，系統(tǒng)是否會提示注冊失敗。 操作：進(jìn)入首頁頁面點(diǎn)擊注冊按鈕進(jìn)行用戶名“ sxl”的注冊，完成相關(guān)信息后點(diǎn)完成，提示注冊成功。重復(fù)以上操作再次登錄用戶名為“ sxl”的用戶。 結(jié)果：系統(tǒng)提示如圖 13 所示，測試成功 圖 25 成功 注冊 界面 但是如果在注冊中用了重復(fù)的用戶名和密碼，出現(xiàn)了下面的界面 。 更多論文 39 圖 26 注冊失敗界面 用戶留言 測試 測試內(nèi)容：已注冊的用戶， 是否可以留言 。 ( 1 ) 首先進(jìn)入登錄成功之后可以 進(jìn)入 留言 頁面，只發(fā)表 留言。 結(jié)果：系統(tǒng)提示如圖 14 所示。 圖 27 留言成功 界面 (2) 結(jié)果：成功。 更多論文 40 7 總結(jié) 整個網(wǎng)站的設(shè)計(jì)和建設(shè)！主要是以網(wǎng)站的功能為基礎(chǔ)的，在建設(shè)過程中遇到了很多的困難，知識是最堅(jiān)硬的力量！在系統(tǒng)測試的過程中 ， 網(wǎng)站的功能不是很 順暢的成功 ！這個系統(tǒng)是以平凡的生活深深的感觸為出發(fā)點(diǎn)的！不僅為廣大學(xué)生提供了一個求學(xué) 的空間，還 給學(xué)習(xí)提供發(fā)展的方向和動力 ！所有的在這個網(wǎng)站的 會 員都是幸福的 朋友 ，是個緊緊的抱在一起的一個積極向上的團(tuán)體， 可以交流 有的知識和智慧。在整個過程中， 讓我深刻的感覺到團(tuán)隊(duì)精神的重要性 ！ 無論未來的路在哪里，我將會選擇怎樣的工作，這中積極向上的團(tuán)隊(duì)精神，都是最最重要，不可缺少的。很幸運(yùn)我能夠有這樣的一群同學(xué)，一群朋友。我們在一起討論，一起實(shí)踐，一起想辦法解決遇到的難題。這種一起創(chuàng)作的感覺真的很棒！另外就是 很快樂來過網(wǎng)站的人提出來的意見缺點(diǎn)，我們會積極的采納好的有益的建議！并以一定的方式表示感謝！ 沒有實(shí)際的行動 ， 在生活中真的是很不成功的一件事情 ， 在做這個網(wǎng)站的過程中讓我體會到 了好多 ， 也許是自己的真實(shí)的努力總會是很珍惜 。 很簡單的一個道理，可是在生活中我們卻從來都沒有在意過，從來也沒有深刻的體會這個簡單的大家都知道的道理。真的，有時候，很簡單的事情做起來真的很難。我深刻的感覺到了這一點(diǎn)。在剛剛做的時候，我總是覺得還有時間，而且以前都做過網(wǎng)站，覺得沒有什么難的，所以就一點(diǎn)也沒有著急，可是后來才感覺到真的很吃力。三劍客的使用突然覺得一點(diǎn)都不靈活。總是做不出來自己想要的效果。這是最讓人火惱的事情。后來慢慢的覺得自己找到了點(diǎn)感覺。慢慢的進(jìn)入了狀態(tài)。 對于三劍客的使用很糟糕 可以忍受一點(diǎn)了 ， 慢慢 的熟悉了環(huán)境和軟件覺得做這件事情真的很幸福 ， 特別是在每次做出來點(diǎn)東西的時候 ， 雖然在電腦前一做就是很久 ， 因?yàn)樵趧偵洗髮W(xué)的時候，我不知道是為什么每當(dāng)我在電腦前面坐的時間久一點(diǎn)，我就會覺得身體及其不舒服，有種頭暈想嘔吐的感覺，所以在那時候抱怨不該報這個專業(yè)，可是現(xiàn)在突然覺得好多了，雖然也是一做就是很久， 卻真的不覺得累 ， 因?yàn)檫@里總有自己的那一 份小小的收獲和心得 。 經(jīng)過了畢業(yè)設(shè)計(jì)，我自己真的收獲了好多，真的是說起來簡單，做起來難。更多論文 41 參考文獻(xiàn) [1] 網(wǎng)冠科技 . DreamweaverMX2020 時尚創(chuàng)作百例 (第 3 版 )[M]. 機(jī)械工業(yè)出版社 ， 2020 [2] 陳明 .實(shí)用軟件工程基礎(chǔ) [M] .清華大學(xué)出版社 ， 2020 [3] 宇 帆 ， 王 方 ， 何翠平 . 網(wǎng)頁制作與網(wǎng)站建設(shè)從入門到精通 [M].人民郵電出版社 ， 2020 [4] 呂斌主編 .網(wǎng)頁制作與網(wǎng)站建設(shè) [M] .清華大學(xué)出版社 ， 2020 [5] 周湛等 . Dreamweaver 網(wǎng)頁設(shè)計(jì)藝術(shù)與網(wǎng)站建設(shè)范例及同 步練習(xí) [M].機(jī)械工業(yè)出版社 ， 2020 [6] 李才應(yīng) . 網(wǎng)頁設(shè)計(jì)三合一 實(shí)例教程 [M].科學(xué)出版社 ， 2020 [7] 彭澎主編 . Dreamweaver 網(wǎng)頁設(shè)計(jì)藝術(shù)與網(wǎng)站建設(shè) [M].機(jī)械工業(yè)出版社 ， 2020 [8] 朱磊，陳裕明等 . Flash 中文版動 畫制作教程 [M]. 清華大學(xué)出版社 ， 2020 [9] 張富輝 . 網(wǎng)頁設(shè)計(jì)與制作應(yīng)用基礎(chǔ)教程 [M].西北 工大 出版社 ， 2020 [10] 劉運(yùn)臣 . 網(wǎng) 站 設(shè)計(jì)與 建設(shè) [M]. 清華大學(xué)出版社 ， 2020 [11] 雷運(yùn)發(fā) . 網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程 [M]. 水利水電 出版社 ， 2020 [12] 王建 . 網(wǎng) 精通 web 標(biāo)準(zhǔn)建站 標(biāo)記語言 頁設(shè)計(jì)與制作實(shí)用教程 [M]. 人民郵 電 出版社 ，2020 [13] 馬月 . 網(wǎng) 站界面 設(shè)計(jì) [M]. 北京理工大學(xué) 出版社 ， 2020 [14] 孫偉， 王學(xué)卿 . 網(wǎng) 站 設(shè)計(jì)與 管理 [M]. 清華大學(xué) 出版社 ， 2020 [15] 飛思科技產(chǎn)品研發(fā)中心 發(fā) . Access2020 教程 [M].電子工業(yè)出版社， 2020 [16] Hung Q. Nguyen/Bob Johnson/Michael Hackett/Robert Johnson. testing Applications on the [M]. Wiley， 2020 [17]： Remote Access ccess2020[M]. Publishing House of Electronics Industry， 2020 [18] Networking [M].Publishing House ofElectronics Industry,July 2020. 更多論文 42 致謝 真的不知道該怎樣去感謝我身邊的朋友和老師們 ， 沒有他們的幫助我真的不可能就這樣的順利的完成了這個網(wǎng)站 的制作 。 每次 見面 老師都會給細(xì)致的講解該怎樣去做 ， 問題出現(xiàn)