【正文】 個(gè) 人 網(wǎng) 站 設(shè) 計(jì) 計(jì)算機(jī)科學(xué)與技術(shù)專業(yè) 1 個(gè) 人 網(wǎng) 站 設(shè) 計(jì) 【摘要】 這篇論文是關(guān)于我的一個(gè)個(gè)人網(wǎng)站的設(shè)計(jì)，首先我先從網(wǎng)站設(shè)計(jì)的方向和目的、網(wǎng)站設(shè)計(jì)的整個(gè)流程出發(fā)，然后通過(guò)自己設(shè)計(jì)的這個(gè)個(gè)人網(wǎng)站作品來(lái)說(shuō)明并演示一個(gè)完整的網(wǎng)站制作過(guò)程。本論文詳細(xì)的介紹了整個(gè)網(wǎng)站設(shè)計(jì)的全過(guò)程。本論文的每一章都是網(wǎng)站建設(shè)的一個(gè)步驟，理論和實(shí)踐相結(jié)合。既有理論、又有實(shí)例，把每一章的實(shí)例合在一起，就構(gòu)成一個(gè)大實(shí)例。當(dāng)然，一個(gè)好網(wǎng)站的整個(gè)設(shè)計(jì)過(guò)程是不能用短短的幾十頁(yè)紙就可以說(shuō)清楚，所以，在我的這篇論文中，我詳細(xì)的介紹了整個(gè)網(wǎng)站中最重要的部分，其中包括主頁(yè)的設(shè)計(jì)和一部 分鏈接頁(yè)面的設(shè)計(jì)。 【關(guān)鍵詞】 ： 設(shè)計(jì) 策劃 網(wǎng)站 。 個(gè) 人 網(wǎng) 站 設(shè) 計(jì) 計(jì)算機(jī)科學(xué)與技術(shù)專業(yè) 2 . 目 錄 引 言 3 第一章 本網(wǎng)站設(shè)計(jì)規(guī)劃 3 1 .1 本網(wǎng)站建設(shè)的方向和目的： 3 第二章 網(wǎng)站設(shè)計(jì)的前期準(zhǔn)備 5 軟件準(zhǔn)備和 ISS 的安裝與設(shè)置 5 第三章 本站的制作過(guò)程 9 首頁(yè)的制作過(guò)程 9 靜態(tài)頁(yè)面的制作 9 動(dòng)態(tài)頁(yè)面的制作 13 鏈接頁(yè)面的制作 15 校園資訊的制作 15 第四章 本站數(shù)據(jù)庫(kù)的設(shè)計(jì)過(guò)程 17 數(shù)據(jù)庫(kù)設(shè)計(jì) 17 網(wǎng)站數(shù)據(jù)安全 19 第五章 網(wǎng)站的測(cè)試與上傳 20 網(wǎng)站的測(cè)試 20 網(wǎng)站的上傳 21 附 錄 26 參考文獻(xiàn) 27 Personal website design 29 引 言 計(jì)算機(jī)科學(xué)與技術(shù)專業(yè) 3 引 言 網(wǎng)絡(luò)發(fā)展到今天，建立網(wǎng)站已經(jīng)成為一個(gè)很普遍的問(wèn)題了，對(duì)于一個(gè)企業(yè)來(lái)說(shuō)，建設(shè)好自己的網(wǎng)站可以搶占新世紀(jì)發(fā)展的戰(zhàn)略要點(diǎn)。建立新的企業(yè)形象，直接開(kāi)拓國(guó)際市場(chǎng)，開(kāi)展 24 小時(shí)網(wǎng)上營(yíng)銷(xiāo)及高效廉價(jià)的定向宣傳；與客戶建立最直接的交流機(jī)制，縮短推出新產(chǎn)品和打 開(kāi)新市場(chǎng)的周期，與富有吸引力的客戶群發(fā)展客戶關(guān)系網(wǎng)；與自己的銷(xiāo)售人員保持聯(lián)系，進(jìn)一步面向本地市場(chǎng)。 對(duì)于個(gè)人來(lái)說(shuō)，建設(shè)好時(shí)間的個(gè)性化網(wǎng)站可以更加方便的收集信息，開(kāi)展更加直接的網(wǎng)絡(luò)交流，使用自己構(gòu)筑的友善平臺(tái)，我們可以為自己畢業(yè)后找工作做好充分的準(zhǔn)備，通過(guò)自己建設(shè)的網(wǎng)站，用人單位可以更好的去了解你，從而給自己增加了一份很重的砝碼。在我的這個(gè)個(gè)人網(wǎng)站的制作過(guò)程中，我選擇了我比較熟悉的大學(xué)生活中的許多內(nèi)容做為我的網(wǎng)站的重要組成部分，這樣相對(duì)相對(duì)于其他包括種類齊全的網(wǎng)站，我就有了一定的材料基礎(chǔ)。這是我這個(gè)網(wǎng)站選擇大 學(xué)生主題的原因之一。 其次，做為在校大學(xué)生，我知道大學(xué)生現(xiàn)在對(duì)什么事物，內(nèi)容，活動(dòng)等等感興趣，所以，我做起來(lái)的時(shí)候相對(duì)來(lái)說(shuō)是比較隨手的，我不用像其他的網(wǎng)站那樣去刻意的收集信息，資料，我只要在校園里稍微留意，我就會(huì)捕捉到大學(xué)生的興趣點(diǎn)。所以，在整個(gè)網(wǎng)站的設(shè)計(jì)過(guò)程中，我廣泛的聽(tīng)取同學(xué)的意見(jiàn)和建議，不斷的改進(jìn)和提高我的網(wǎng)站的內(nèi)容和質(zhì)量，這些都取得了比較好的效果。 在整個(gè)網(wǎng)站的設(shè)計(jì)過(guò)程中，我根據(jù)自己以往的設(shè)計(jì)經(jīng)驗(yàn)和自己找來(lái)的資料，又經(jīng)過(guò)老師的指點(diǎn)，經(jīng)過(guò)了近一個(gè)月的努力，幾經(jīng)易稿，最終做成了我的這個(gè)個(gè)人主頁(yè)。 第一章 本網(wǎng) 站設(shè)計(jì)規(guī)劃 1 .1 本網(wǎng)站建設(shè)的方向和目的： 網(wǎng)站建設(shè)目的： 網(wǎng)站的建設(shè)不僅僅是制作主頁(yè)的問(wèn)題，還需要考慮網(wǎng)站的定位、目標(biāo)用戶、網(wǎng)站內(nèi)容、服務(wù)事項(xiàng)、空間方案、安全性、藝術(shù)設(shè)計(jì)、數(shù)據(jù)庫(kù)技術(shù)等等。任何網(wǎng)站在建設(shè)之前就必須明確方向、用途和服務(wù)群體等一系列的問(wèn)題，寫(xiě)出詳盡的建站計(jì)劃，引 言 計(jì)算機(jī)科學(xué)與技術(shù)專業(yè) 4 可以說(shuō)這是網(wǎng)站建設(shè)的根源和核心所在。這里就以我做的這個(gè)學(xué)生網(wǎng)站為實(shí)例給大家簡(jiǎn)述這個(gè)問(wèn)題，如我設(shè)計(jì)的個(gè)人主頁(yè)： 。作為一個(gè)學(xué)生網(wǎng)站，我的服務(wù)群體及訪問(wèn)者都定位在在校學(xué)生，為學(xué)生服務(wù)就是我的這個(gè)網(wǎng)站的目的和方向。從整個(gè)頁(yè)面上可以看出，我的這個(gè)整個(gè)網(wǎng)站涉及校園新聞、考研、男生女生等等都是關(guān)于我們?cè)谛W(xué)生的。整個(gè)網(wǎng)站的結(jié)構(gòu)和內(nèi)容都是在開(kāi)始設(shè)計(jì)之前就已經(jīng)經(jīng)過(guò)詳細(xì)的計(jì)劃的。其實(shí)任何網(wǎng)站都一樣：企業(yè)網(wǎng)站的宗旨就是對(duì)外宣傳企業(yè)形象，發(fā)布企業(yè)最新的企業(yè)產(chǎn)品，其服務(wù)群體就是為對(duì)其產(chǎn)品感興趣的客戶或者正在使用企業(yè)產(chǎn)品的用戶服務(wù)，這就是企業(yè)網(wǎng)站的建設(shè)方向；個(gè)人網(wǎng)站的宗旨就是宣傳自己，提供一個(gè)自身和外界交流的場(chǎng)所；由此可見(jiàn)，網(wǎng)站的設(shè) 計(jì)方向是依據(jù)網(wǎng)站的客戶、服務(wù)群體等多方面來(lái)確定的。 本站明確的目的： 不同的網(wǎng)站目的要求通過(guò)不同的方式來(lái)實(shí)現(xiàn)。一個(gè)展示個(gè)人能力的網(wǎng)站與一個(gè)以花卉種植為主題的網(wǎng)站，以及一個(gè)大型門(mén)戶網(wǎng)站和一個(gè)小型企業(yè)網(wǎng)站，其出發(fā)點(diǎn)和建站目的都有所不同，在整個(gè)網(wǎng)站的建設(shè)規(guī)劃方面的要求也是肯定是大不一樣的。因此在規(guī)劃我的這個(gè)網(wǎng)站時(shí)，我選擇了和大學(xué)生的生活和學(xué)習(xí)相關(guān)聯(lián)的主題。 本網(wǎng)站預(yù)計(jì)的用戶群體：對(duì)于網(wǎng)站的設(shè)計(jì)者和建設(shè)者來(lái)說(shuō)，在設(shè)計(jì)規(guī)劃網(wǎng)站時(shí)必須要明確自己網(wǎng)站的瀏覽者，也就是確定自己的用戶群體。在已經(jīng)確定了建設(shè)目的的 前提下，應(yīng)根據(jù)建站方向所會(huì)導(dǎo)致出現(xiàn)的不同用戶群體的需求來(lái)規(guī)劃設(shè)計(jì)整個(gè)網(wǎng)站。我的這個(gè)網(wǎng)站就確定了以大學(xué)生為用戶群體。 本網(wǎng)站的結(jié)構(gòu)和風(fēng)格：網(wǎng)站的風(fēng)格反映了一個(gè)網(wǎng)站的特色，它具有很大的代表性。出色的網(wǎng)站吸引人的地方不僅僅在于其內(nèi)容，鮮明的結(jié)構(gòu)和獨(dú)特的風(fēng)格往往能起到畫(huà)龍點(diǎn)睛的作用。一個(gè)網(wǎng)站即使內(nèi)容再豐富，如果網(wǎng)站的結(jié)構(gòu)和風(fēng)格不能吸引人，那也是毫無(wú)價(jià)值的。往往整個(gè)網(wǎng)站的風(fēng)格是一個(gè)網(wǎng)站吸引瀏覽者的魅力所在，因此應(yīng)當(dāng)根據(jù)網(wǎng)站的主題、內(nèi)容和瀏覽者的要求來(lái)設(shè)計(jì)自己獨(dú)特的網(wǎng)站風(fēng)格。那么什么是網(wǎng)站的結(jié)構(gòu)和風(fēng)格呢？網(wǎng)站的結(jié)構(gòu)是連 接網(wǎng)站內(nèi)容之間的支架。網(wǎng)站的結(jié)構(gòu)是網(wǎng)站的核心和骨架，如果沒(méi)有網(wǎng)站結(jié)構(gòu)，網(wǎng)站將會(huì)變得一團(tuán)糟。現(xiàn)在，只有高度發(fā)展、高度結(jié)構(gòu)化、易用且能獨(dú)立行走的網(wǎng)站才受瀏覽者的歡迎。 網(wǎng)站設(shè)計(jì)規(guī)劃 計(jì)算機(jī)科學(xué)與技術(shù)專業(yè) 5 如圖所示， 我的這個(gè)網(wǎng)站的結(jié)構(gòu)主要由學(xué)生考研、英語(yǔ)特區(qū)、個(gè)性女生、網(wǎng)絡(luò)學(xué)院、校園文學(xué)、校園資訊、動(dòng)漫天下等幾大部分組成。這些部分組成了我的整個(gè)網(wǎng)站的結(jié)構(gòu)，使得整個(gè)站點(diǎn)不會(huì)因?yàn)閮?nèi)容過(guò)多而顯得雜亂無(wú)章。 第二章 網(wǎng)站設(shè)計(jì)的前期準(zhǔn)備 軟件準(zhǔn)備和 ISS 的安裝與設(shè)置 軟件準(zhǔn)備 在網(wǎng)頁(yè)的設(shè)計(jì)過(guò)程中，因人而宜，每個(gè)人使用的軟件也 許不同，如比較有名的網(wǎng)站設(shè)計(jì)軟件有 Macromedia 公司出品的網(wǎng)頁(yè)設(shè)計(jì)“三劍客”、有微軟的Frontpage 、還有國(guó)產(chǎn)的“東方網(wǎng)頁(yè)王”等等。在這里，我們主要說(shuō)的是 Macromedia公司出品的“三劍客”。 這“三劍客”包括 Dreamweaver MX、 Fireworks MX 和 Flash MX，其中，Dreamweaver MX 是網(wǎng)頁(yè)編輯軟件， Fireworks MX 是圖形 /圖像處理軟件， Flash MX是矢量動(dòng)畫(huà)編輯軟件。當(dāng)然，到今天為止， Macromedia 公司出品的這個(gè)“三劍客”都已經(jīng)是 2020 版 ，估計(jì) 2020 版也應(yīng)該很快出來(lái)了。 Macromedia 公司一向以其優(yōu)良的設(shè)計(jì)、友好的用戶界面和強(qiáng)大的功能而著稱，這三個(gè)軟件也不例外，它們是 Macromedia 公司專門(mén)為網(wǎng)頁(yè)設(shè)計(jì)、制作開(kāi)發(fā)的系列軟件套件，三者之間可以無(wú)縫集成，能夠有效地解決網(wǎng)絡(luò)帶寬問(wèn)題，是設(shè)計(jì)動(dòng)畫(huà)網(wǎng)頁(yè)的最佳工具。 Dreamweaver MX 采用“所見(jiàn)即所得”的直觀設(shè)計(jì)模式，充分尊重設(shè)計(jì)人員的原始意識(shí)和想象力。她成功地將網(wǎng)頁(yè)設(shè)計(jì)功能中的技術(shù)實(shí)現(xiàn)部分和設(shè)計(jì)部分分離開(kāi)來(lái)，使用戶只需專注于設(shè)計(jì)，而其余的工作由 Dreamweaver MX 自動(dòng)完成。另 外，還有一點(diǎn)值得說(shuō)明的是， Dreamweaver MX 可以控制和刪除冗余代碼，減小網(wǎng)頁(yè)文件的大小。從而能夠快速上傳和下載。 網(wǎng)站設(shè)計(jì)規(guī)劃 計(jì)算機(jī)科學(xué)與技術(shù)專業(yè) 6 Fireworks MX 的獨(dú)特之處在于它能夠優(yōu)化、切分圖片映射圖，并提供了功能強(qiáng)大的翻滾圖工具。它是基于 WEB 應(yīng)用的圖形 /圖象處理軟件，提供了一種革命性的新方法來(lái)創(chuàng)建 WEB 圖形，并且具有所有其他圖形處理工具的諸多優(yōu)點(diǎn)。Fireworks MX 的最大優(yōu)勢(shì)就在于它在任何時(shí)候可以從任何階段開(kāi)始設(shè)計(jì)工作，這樣既可以節(jié)約時(shí)間又可以對(duì)產(chǎn)品進(jìn)行擴(kuò)展。另外， Fireworks MX 中的諸多功能都是面向 WEB 應(yīng)用的，因此對(duì)于 WEB 設(shè)計(jì)新手來(lái)說(shuō)也很容易學(xué)習(xí)的。 Flash MX 是比較另類、超前的一種網(wǎng)頁(yè)動(dòng)畫(huà)制作軟件，它不僅能夠滿足網(wǎng)頁(yè)設(shè)計(jì)的諸多要求，更為網(wǎng)頁(yè)多媒體的使用者帶來(lái)了前所未有的便利。 Flash MX提供了廣泛的平臺(tái)支持，它不需要任何編程工作就能夠制作出精彩的動(dòng)態(tài)效果。由于 Flash MX 采用矢量圖形格式來(lái)制作動(dòng)畫(huà)，因此在低寬帶的網(wǎng)絡(luò)環(huán)境中仍然可以具有高品質(zhì)的畫(huà)面以及存儲(chǔ)空間小的優(yōu)點(diǎn)，從而是瀏覽者能夠快速的下載效果非凡的動(dòng)畫(huà)。 在我設(shè)計(jì)我的個(gè)人網(wǎng)站的過(guò)程中，我選擇了 Dreamwear MX 2020 和 Flash MX 2020 和 Photoshop 三