【正文】 取同學的意見和建議，不斷的改進和提高我的網(wǎng)站的內(nèi)容和質(zhì)量，這些都取得了比較好的效果。 對于個人來說，建設好時間的個性化網(wǎng)站可以更加方便的收集信息，開展更加直接的網(wǎng)絡交流，使用自己構筑的友善平臺，我們可以為自己畢業(yè)后找工作做好充分的準備，通過自己建設的網(wǎng)站，用人單位可以更好的去了解你，從而給自己增加了一份很重的砝碼。 27 Personal website design 9 靜態(tài)頁面的制作 9 首頁的制作過程 3 第二章 網(wǎng)站設計的前期準備 既有理論、又有實例，把每一章的實例合在一起，就構成一個大實例。同時，我也祝愿我的同學到可以找的一份好的工作，都有一個好的前程。無論在理論上還是在實踐中， 他 都給與我很大的幫助， 在他的幫助下 使得 整個網(wǎng)站 能及時 的設附 錄 計算機科學與技術專業(yè) 28 計 完成， 并從中學到了很多以前沒有學到的知識，所以，非常 感謝 他 耐心的 指導 。網(wǎng)站數(shù)據(jù)庫的設計 2020年 6月 [8] 高強 劉浩才 編著The sun publishing house of 網(wǎng)頁制作三劍客標準培訓教程 Dreamweaver MX 2020 amp。 2020 年 10月 [3] 李海兵 李杰臣 編著科學出版社我的這個個人網(wǎng)站可以說是我在大學校園里的最后一次作品了，所以在設計的過程中，我傾注了大量的心血，在五一期間，我通常是為了設計好某一頁面，我都是凌晨四五點鐘才休息，同時，我也放棄了五一出去游玩的想法，一心一意的撲在網(wǎng)站的設計上來。當然，在整個網(wǎng)站的設計過程中，困難才是我最頭疼的事。 到些文件傳送完畢，可以關了 cuteftp 了。出來一個小窗口，問是否上傳，當然選“是”。 網(wǎng)站的測試與上傳 計算機科學與技術專業(yè) 24 新建， 輸入站點信息。但這并不影響我的使用，所以， 我點擊下一步，繼續(xù)， 第一次用，出來連接向?qū)?，你可以不?它，取消就行。下面，我們就講講用 CuteFTP 這個工具上傳我自己的個人網(wǎng)站的方法。主要就如下幾個方面進行探討：性能測試，安全性測試，穩(wěn)定性測試 ，瀏覽器兼容性測試 ，可用性 /易用性測試，鏈接測試 ，代碼合法性測試 。網(wǎng)站建設者不能在頁面上發(fā)布類似于“本站默認瀏覽器在 IE 以上，默認顯示器分辨率為 800*600”的標記，反而應該想辦法去適應瀏覽網(wǎng)站的訪問者，而不是讓訪問者通過調(diào)整瀏覽器分辨率和顯示器來適應網(wǎng)站。 經(jīng)常上網(wǎng)的人可能會有這樣的經(jīng)歷，那就是同樣一個網(wǎng)頁在不同的分辨率下會有不同的顯示。 在我的這個個人網(wǎng)站的數(shù)據(jù)庫中，我采用了 Access 數(shù)據(jù)庫加密的方法來保護自己的數(shù)據(jù)庫安全，這樣，即使我的數(shù)據(jù)庫被人下載，他仍然破解不了我的用戶的密碼。39。注：只要數(shù)據(jù)庫文件名任何地方含有 39。 這是最簡單有效的辦法。如將數(shù)據(jù)庫 改成 dslfjds$^amp。 Admin_id 系統(tǒng)管理員圖： 首頁題目表圖： 中間版塊題目表 圖： 中間版塊內(nèi)容表圖： 本站數(shù)據(jù)庫的設計過程 計算機科學與技術專業(yè) 19 網(wǎng)站公告欄表圖： 網(wǎng)站中用到的調(diào)查表圖： 網(wǎng)站所用到的后臺文件 文件名 作用與功能 備注 登陸 后臺 首頁 管理文章 后臺 發(fā)布信息 后臺 投票管理 后臺 刪除功能 后臺 發(fā)布功能 后臺 數(shù)據(jù)庫文件 后臺 公告管理 后臺 網(wǎng)站數(shù)據(jù)安全 怎樣防止 mdb 數(shù)據(jù)庫被下載一直是用 access 的用戶的一大頭疾。 系統(tǒng)管理員（ ADMIN）擁有最大的權限，可添加 /刪除任何信息，包括任何文章，任何用戶。 第四章 本站數(shù)據(jù)庫的設計過程 數(shù)據(jù)庫設計 網(wǎng)站的數(shù)據(jù)庫建設在整個網(wǎng)站的設計過程中占具最重要的位置，它設計的好與壞直接關系到整個網(wǎng)站的成敗。接下來，我們就為右面的內(nèi)容做鏈接。（略） 鏈接頁面的制作 校園資訊的制作 本站制作過程 計算機科學與技術專業(yè) 16 這 個就是我的個人主頁里“校園資訊”的界面，當點擊右面的題目時，在網(wǎng)頁的左邊就會顯示響應的內(nèi)容，下面我就演示我制作這個網(wǎng)頁的過程： 首先，在制作主頁面的時候，我已經(jīng)在把主頁的頂部和底部制作完成后， 保存為模板了，所以，在這里，我們就選擇“文件” — “新建” — “模板”，然后選擇我們保存過的模板。運行Dreamweaver MX 2020，打開“應用程序”面板，然后選擇“數(shù)據(jù)庫”標簽，如圖： 單擊“ +”按鈕，在彈出的快捷菜單中選擇“數(shù)據(jù)源名稱”。使用 DSN 的優(yōu)點是，如果我要移動數(shù)據(jù)庫檔案的位置或是使用其他類型的數(shù)據(jù)庫的時候，我只要重新設定 DSN 即可，不需要去修改原來使用的程序。這樣，整個首頁的靜態(tài)頁面就大體做好了。接下來，我用同樣的方法把這個動畫下的另一個動畫菜單添加上。首先，運行 Dreamwear MX 2020，選擇“文件” — “新建” — “創(chuàng)建基本頁”如圖： 選擇“標準、擴展、布局”里的“布局”，接著選擇旁邊的“布局表格”，然后在空白頁面上按我事先的規(guī)劃畫出如下布局： 本站的制作過程 計算機科學與技術專業(yè) 11 接著，選擇“布局”旁邊的“繪制布局單元格”在剛剛繪制好的“布局表格”上繪制出單元格， 如果只看兩幅圖，似乎沒什么區(qū)別，但實際這是后一幅圖比前一幅多了“繪制布局單元格”，這一點是非常重 要的。為下一節(jié)的實例輸入“ ” 作為網(wǎng)頁首頁，然后單擊左邊的向上和向下箭頭改變默認文檔的次序。如圖 27 所示，讀者也可以根據(jù)實際情況設置為其他路徑。 步驟 2 右鍵單擊“默認 Web 站點”，在彈出的菜單里面選擇“屬性”項，網(wǎng)站設計的前期準備 計算機科學與技術專業(yè) 8 打開一個新的對話框如圖 26 所示。 步 驟 3 在顯示的組建里面，選中“ Inter 信息服務（ IIS）”組建的復選框，單擊“下一步”按鈕，就進入了 IIS 的安裝過程，如圖所示。 Windows 2020 Server在安裝系統(tǒng)時，就以自動安裝 IIS ；但 Windows 2020 Professional 不會自動安裝它。當訪問者在瀏覽器中鍵入對你服務器上的網(wǎng)頁進行訪問的請求，這個請求通過網(wǎng)絡路由到服務器端，然后服務器再將它交給 IIS 處理。由于 Flash MX 采用矢量圖形格式來制作動畫，因此在低寬帶的網(wǎng)絡環(huán)境中仍然可以具有高品質(zhì)的畫面以及存儲空間小的優(yōu)點，從而是瀏覽者能夠快速的下載效果非凡的動畫。Fireworks MX 的最大優(yōu)勢就在于它在任何時候可以從任何階段開始設計工作，這樣既可以節(jié)約時間又可以對產(chǎn)品進行擴展。另 外，還有一點值得說明的是， Dreamweaver MX 可以控制和刪除冗余代碼，減小網(wǎng)頁文件的大小。當然，到今天為止， Macromedia 公司出品的這個“三劍客”都已經(jīng)是 2020 版 ，估計 2020 版也應該很快出來了。這些部分組成了我的整個網(wǎng)站的結構，使得整個站點不會因為內(nèi)容過多而顯得雜亂無章。那么什么是網(wǎng)站的結構和風格呢？網(wǎng)站的結構是連 接網(wǎng)站內(nèi)容之間的支架。 本網(wǎng)站的結構和風格：網(wǎng)站的風格反映了一個網(wǎng)站的特色，它具有很大的代表性。因此在規(guī)劃我的這個網(wǎng)站時，我選擇了和大學生的生活和學習相關聯(lián)的主題。整個網(wǎng)站的結構和內(nèi)容都是在開始設計之前就已經(jīng)經(jīng)過詳細的計劃的。任何網(wǎng)站在建設之前就必須明確方向、用途和服務群體等一系列的問題，寫出詳盡的建站計劃，引 言 計算機科學與技術專業(yè) 4 可以說這是網(wǎng)站建設的根源和核心所在。 其次，做為在校大學生，我知道大學生現(xiàn)在對什么事物，內(nèi)容，活動等等感興趣，所以，我做起來的時候相對來說是比較隨手的，我不用像其他的網(wǎng)站那樣去刻意的收集信息，資料，我只要在校園里稍微留意，我就會捕捉到大學生的興趣點。建立新的企業(yè)形象，直接開拓國際市場，開展 24 小時網(wǎng)上營銷及高效廉價的定向宣傳；與客戶建立最直接的交流機制，縮短推出新產(chǎn)品和打 開新市場的周期，與富有吸引力的客戶群發(fā)展客戶關系網(wǎng)；與自己的銷售人員保持聯(lián)系，進一步面向本地市場。 26 參考文獻 20 網(wǎng)站的上傳 19 第五章 網(wǎng)站的測試與上傳 17 網(wǎng)站數(shù)據(jù)安全 9 動態(tài)頁面的制作 個 人 網(wǎng) 站 設 計 計算機科學與技術專業(yè) 2 . 目 錄 引 言 本論文的每一章都是網(wǎng)站建設的一個步驟，理論和實踐相結合。本論文詳細的介紹了整個網(wǎng)站設計的全過程。 【關鍵詞】 ： 設計 策劃 網(wǎng)站 。 3 第一章 本網(wǎng)站設計規(guī)劃 13 鏈接頁面的制作 15 校園資訊的制作 29 引 言 計算機科學與技術專業(yè) 3 引 言 網(wǎng)絡發(fā)展到今天，建立網(wǎng)站已經(jīng)成為一個很普遍的問題了，對于一個企業(yè)來說，建設好自己的網(wǎng)站可以搶占新世紀發(fā)展的戰(zhàn)略要點。這是我這個網(wǎng)站選擇大 學生主題的原因之一。 第一章 本網(wǎng) 站設計規(guī)劃 1 .1 本網(wǎng)站建設的方向和目的： 網(wǎng)站建設目的： 網(wǎng)站的建設不僅僅是制作主頁的問題，還需要考慮網(wǎng)站的定位、目標用戶、網(wǎng)站內(nèi)容、服務事項、空間方案、安全性、藝術設計、數(shù)據(jù)庫技術等等。從整個頁面上可以看出，我的這個整個網(wǎng)站涉及校園新聞、考研、男生女生等等都是關于我們在校學生的。一個展示個人能力的網(wǎng)站與一個以花卉種植為主題的網(wǎng)站，以及一個大型門戶網(wǎng)站和一個小型企業(yè)網(wǎng)站，其出發(fā)點和建站目的都有所不同，在整個網(wǎng)站的建設規(guī)劃方面的要求也是肯定是大不一樣的。我的這個網(wǎng)站就確定了以大學生為用戶群體。往往整個網(wǎng)站的風格是一個網(wǎng)站吸引瀏覽者的魅力所在，因此應當根據(jù)網(wǎng)站的主題、內(nèi)容和瀏覽者的要求來設計自己獨特的網(wǎng)站風格。 網(wǎng)站設計規(guī)劃 計算機科學與技術專業(yè) 5 如圖所示， 我的這個網(wǎng)站的結構主要由學生考研、英語特區(qū)、個性女生、網(wǎng)絡學院、校園文學、校園資訊、動漫天下等幾大部分組成。 這“三劍客”包括 Dreamweaver MX、 Fireworks MX 和 Flash MX，其中，Dreamweaver MX 是網(wǎng)頁編輯軟件， Fireworks MX 是圖形 /圖像處理軟件， Flash MX是矢量動畫編輯軟件。她成功地將網(wǎng)頁設計功能中的技術實現(xiàn)部分和設計部分分離開來，使用戶只需專注于設計，而其余的工作由 Dreamweaver MX 自動完成。它是基于 WEB 應用的圖形 /圖象處理軟件，提供了一種革命性的新方法來創(chuàng)建 WEB