【正文】 前期準(zhǔn)備 3 第一章 本網(wǎng)站設(shè)計規(guī)劃 【關(guān)鍵詞】 ： 設(shè)計 策劃 網(wǎng)站 。既有理論、又有實例，把每一章的實例合在一起，就構(gòu)成一個大實例。本論文詳細(xì)的介紹了整個網(wǎng)站設(shè)計的全過程。同時，我也祝愿我的同學(xué)到可以找的一份好的工作，都有一個好的前程。 最后要感謝在這四年的學(xué)習(xí)和生活中給予我關(guān)懷和照顧的每一位可敬的系領(lǐng)導(dǎo)和老師，感謝你們的無私奉獻(xiàn)！感謝你們的悉心教導(dǎo)！感謝你們的點點滴滴！感謝母校對我們的培養(yǎng)！是你們，教會了我為人民服務(wù)的本領(lǐng) ，是你們，讓我懂得了做人的道理，無論以后我走到那里，我都會記得你們給予我的關(guān)懷和幫助。無論在理論上還是在實踐中， 他 都給與我很大的幫助， 在他的幫助下 使得 整個網(wǎng)站 能及時 的設(shè)附 錄 計算機(jī)科學(xué)與技術(shù)專業(yè) 28 計 完成， 并從中學(xué)到了很多以前沒有學(xué)到的知識，所以，非常 感謝 他 耐心的 指導(dǎo) 。 2020年 9月 致 謝 在本次畢業(yè)設(shè)計 過程 中，指導(dǎo)老師 王啟東 老師 給予了極大的幫助 。網(wǎng)站數(shù)據(jù)庫的設(shè)計新疆出版社 2020年 6月 [8] 高強(qiáng) 劉浩才 編著設(shè)計你的個人主頁教程The sun publishing house of 2020年 1月 [6] KEVIN Write網(wǎng)頁制作三劍客標(biāo)準(zhǔn)培訓(xùn)教程人民郵電出版社 Dreamweaver MX 2020 amp。中國青年出版社 2020 年 10月 [3] 李海兵 李杰臣 編著輕松打造個性化網(wǎng)站科學(xué)出版社 參考文獻(xiàn) [1] 汪洋 郝永強(qiáng) 編著我的這個個人網(wǎng)站可以說是我在大學(xué)校園里的最后一次作品了，所以在設(shè)計的過程中，我傾注了大量的心血，在五一期間，我通常是為了設(shè)計好某一頁面，我都是凌晨四五點鐘才休息，同時，我也放棄了五一出去游玩的想法，一心一意的撲在網(wǎng)站的設(shè)計上來。不過還好，在我遇到困難的時候，我就向同學(xué)請教，去圖書館查資料，也拿過來別人的作品做為自 己的參考，當(dāng)然，最重要的是有老師的指導(dǎo)，在許多數(shù)據(jù)庫的問題上，如果不是王老師的指導(dǎo)，我想我是不會那么輕易做附 錄 計算機(jī)科學(xué)與技術(shù)專業(yè) 27 好我的這個個人網(wǎng)站的后臺管理的，所以，我是真的非常感謝王老師的。當(dāng)然，在整個網(wǎng)站的設(shè)計過程中，困難才是我最頭疼的事。 附 錄 經(jīng)過一個 月的努力，我的這個個人小型網(wǎng)站終于做好了！在整個網(wǎng)站的設(shè)計開發(fā)過程中，我虛心的向同學(xué)請教，聽取他們的意見和建議，然后把他們的這些好的合理的建議和意見都在我的個人網(wǎng)站中體現(xiàn)出來。 到些文件傳送完畢，可以關(guān)了 cuteftp 了。 附 錄 計算機(jī)科學(xué)與技術(shù)專業(yè) 26 傳送完成后，右邊就會顯示文件了。出來一個小窗口，問是否上傳，當(dāng)然選“是”。 附 錄 計算機(jī)科學(xué)與技術(shù)專業(yè) 25 上面顯示連接情況，右邊顯示網(wǎng)絡(luò)空間上的文件。 網(wǎng)站的測試與上傳 計算機(jī)科學(xué)與技術(shù)專業(yè) 24 新建， 輸入站點信息。 網(wǎng)站的測試與上傳 計算機(jī)科學(xué)與技術(shù)專業(yè) 23 主界面：左右兩部分分別表示本地硬盤和網(wǎng)絡(luò)空間上的文件 用站點管理器建立與 網(wǎng)絡(luò)空間的連接。但這并不影響我的使用，所以， 我點擊下一步，繼續(xù)， 第一次用，出來連接向?qū)?，你可以不?它，取消就行。 網(wǎng)站的測試與上傳 計算機(jī)科學(xué)與技術(shù)專業(yè) 22 我在網(wǎng)絡(luò)上下載的這個軟件只是個試用版。下面，我們就講講用 CuteFTP 這個工具上傳我自己的個人網(wǎng)站的方法。 在我的整個網(wǎng)站的測試中，數(shù)據(jù)庫的測試是最重要的，它的設(shè)計的好與壞，直接關(guān)系的整個我的個人網(wǎng)站的成敗，所以，我在測試過程中，對數(shù)據(jù)庫 的測試是花費時間最長的。主要就如下幾個方面進(jìn)行探討：性能測試，安全性測試，穩(wěn)定性測試 ，瀏覽器兼容性測試 ，可用性 /易用性測試，鏈接測試 ，代碼合法性測試 。 。網(wǎng)站建設(shè)者不能在頁面上發(fā)布類似于“本站默認(rèn)瀏覽器在 IE 以上，默認(rèn)顯示器分辨率為 800*600”的標(biāo)記，反而應(yīng)該想辦法去適應(yīng)瀏覽網(wǎng)站的訪問者，而不是讓訪問者通過調(diào)整瀏覽器分辨率和顯示器來適應(yīng)網(wǎng)站。 顯示器不同產(chǎn)生不同的瀏覽結(jié)果，瀏覽器版本不同也可能會使得網(wǎng)站的瀏覽效果產(chǎn)生差異。 經(jīng)常上網(wǎng)的人可能會有這樣的經(jīng)歷，那就是同樣一個網(wǎng)頁在不同的分辨率下會有不同的顯示。同樣由于在程序開發(fā)和頁面制作的過程中難免會出現(xiàn)誤差，所以在正式發(fā)布前通過測試找出網(wǎng)站的 Bug（網(wǎng)頁中的漏洞）是非常重要的一個環(huán)節(jié)，通常稱此過程為捉蟲。 在我的這個個人網(wǎng)站的數(shù)據(jù)庫中，我采用了 Access 數(shù)據(jù)庫加密的方法來保護(hù)自己的數(shù)據(jù)庫安全，這樣，即使我的數(shù)據(jù)庫被人下載，他仍然破解不了我的用戶的密碼。 4. 將數(shù)據(jù)庫連接文件放到其他虛擬目錄下。39。別人都無法正常下載。注：只要數(shù)據(jù)庫文件名任何地方含有 39。注意 ：不要設(shè)置目錄可訪問。 這是最簡單有效的辦法。一般改成 、 、 本站數(shù)據(jù)庫的設(shè)計過程 計算機(jī)科學(xué)與技術(shù)專業(yè) 20 、 、 等等，注意要在 IIS 中設(shè)置這些后綴的文件不能被解析。如將數(shù)據(jù)庫 改成 dslfjds$^amp。這是常用方法，將數(shù)據(jù)庫名該成怪異名字或長名字，以防別人猜測。 Admin_id 系統(tǒng)管理員圖： 首頁題目表圖： 中間版塊題目表 圖： 中間版塊內(nèi)容表圖： 本站數(shù)據(jù)庫的設(shè)計過程 計算機(jī)科學(xué)與技術(shù)專業(yè) 19 網(wǎng)站公告欄表圖： 網(wǎng)站中用到的調(diào)查表圖： 網(wǎng)站所用到的后臺文件 文件名 作用與功能 備注 登陸 后臺 首頁 管理文章 后臺 發(fā)布信息 后臺 投票管理 后臺 刪除功能 后臺 發(fā)布功能 后臺 數(shù)據(jù)庫文件 后臺 公告管理 后臺 網(wǎng)站數(shù)據(jù)安全 怎樣防止 mdb 數(shù)據(jù)庫被下載一直是用 access 的用戶的一大頭疾。所以數(shù)據(jù)庫必須能最大限度的滿足各種信息的輸入輸出。 系統(tǒng)管理員（ ADMIN）擁有最大的權(quán)限，可添加 /刪除任何信息，包括任何文章，任何用戶。 2． 信息發(fā)布者： 網(wǎng)站信息的發(fā)布者，他們的任務(wù)是更新網(wǎng)站上的信息，所本站制作過程 計算機(jī)科學(xué)與技術(shù)專業(yè) 18 以他們的權(quán)限只局限于對文章的增、刪、改上。 第四章 本站數(shù)據(jù)庫的設(shè)計過程 數(shù)據(jù)庫設(shè)計 網(wǎng)站的數(shù)據(jù)庫建設(shè)在整個網(wǎng)站的設(shè)計過程中占具最重要的位置，它設(shè)計的好與壞直接關(guān)系到整個網(wǎng)站的成敗。這樣，將每個頁面分 別和左面的頁面鏈接，當(dāng)你點擊右邊的題目的時候，那么和內(nèi)容相對應(yīng)的題目就會在左邊的頁面中顯示出來。接下來，我們就為右面的內(nèi)容做鏈接。 我們把這兩個空白區(qū)域去分別保存成為兩個頁面，這樣方便我們在后面的鏈接。（略） 鏈接頁面的制作 校園資訊的制作 本站制作過程 計算機(jī)科學(xué)與技術(shù)專業(yè) 16 這 個就是我的個人主頁里“校園資訊”的界面，當(dāng)點擊右面的題目時，在網(wǎng)頁的左邊就會顯示響應(yīng)的內(nèi)容，下面我就演示我制作這個網(wǎng)頁的過程： 首先，在制作主頁面的時候，我已經(jīng)在把主頁的頂部和底部制作完成后， 保存為模板了，所以，在這里，我們就選擇“文件” — “新建” — “模板”，然后選擇我們保存過的模板。單擊“確定”，這樣，我就完成了數(shù)據(jù)庫的連接設(shè)置過程。運行Dreamweaver MX 2020，打開“應(yīng)用程序”面板，然后選擇“數(shù)據(jù)庫”標(biāo)簽，如圖： 單擊“ +”按鈕，在彈出的快捷菜單中選擇“數(shù)據(jù)源名稱”。單擊“完成”按鈕，這樣，我就完成了數(shù)據(jù)源的創(chuàng)建過程。使用 DSN 的優(yōu)點是，如果我要移動數(shù)據(jù)庫檔案的位置或是使用其他類型的數(shù)據(jù)庫的時候，我只要重新設(shè)定 DSN 即可，不需要去修改原來使用的程序。首先，我根據(jù)我的個人主頁所要實現(xiàn)的功能我制作好了我的數(shù)據(jù)庫（在第四章），接下來，我就把我設(shè)定系統(tǒng)的DSN（數(shù)據(jù)源名稱）的方法來講講。這樣，整個首頁的靜態(tài)頁面就大體做好了。接下來，我們就來講講首頁底部的頁面的制作過程。接下來，我用同樣的方法把這個動畫下的另一個動畫菜單添加上。選擇“插入” —“媒體” — “ Flash”，在彈出的文件中選取我自己事先做好的 Flash 動畫的，調(diào)整 Flash 動畫的大小，既可以手動調(diào)整，也可以在下面的屬性里添上我自己事先設(shè)置好的大小，我通常是手動輸入的。首先，運行 Dreamwear MX 2020，選擇“文件” — “新建” — “創(chuàng)建基本頁”如圖： 選擇“標(biāo)準(zhǔn)、擴(kuò)展、布局”里的“布局”，接著選擇旁邊的“布局表格”，然后在空白頁面上按我事先的規(guī)劃畫出如下布局： 本站的制作過程 計算機(jī)科學(xué)與技術(shù)專業(yè) 11 接著，選擇“布局”旁邊的“繪制布局單元格”在剛剛繪制好的“布局表格”上繪制出單元格， 如果只看兩幅圖，似乎沒什么區(qū)別，但實際這是后一幅圖比前一幅多了“繪制布局單元格”，這一點是非常重 要的。 第三章 本站的制作過程 首頁的制作過程 靜態(tài)頁面的制作 本站的制作過程 計算機(jī)科學(xué)與技術(shù)專業(yè) 10 這是 我的這個個人網(wǎng)站 的首 頁 的一部分，在這個主頁的上部，是有兩個 Flash圖片做成的，如上圖所示。為下一節(jié)的實例輸入“ ” 作為網(wǎng)頁首頁，然后單擊左邊的向上和向下箭頭改變默認(rèn)文檔的次序。 網(wǎng)站設(shè)計的前期準(zhǔn)備 計算機(jī)科學(xué)與技術(shù)專業(yè) 9 步驟 5 可以添加一個默認(rèn)文檔作為主頁。如圖 27 所示，讀者也可以根據(jù)實際情況設(shè)置為其他路徑。選擇“主目錄”標(biāo)簽，顯示如圖 27 所示界面。 步驟 2 右鍵單擊“默認(rèn) Web 站點”，在彈出的菜單里面選擇“屬性”項，網(wǎng)站設(shè)計的前期準(zhǔn)備 計算機(jī)科學(xué)與技術(shù)專業(yè)