畢業(yè)設計（論文）-個人網(wǎng)站的建設及實現(xiàn)

摘要21世紀科學技術(shù)突飛猛進。特別是信息技術(shù)得到高速開展，并且信息技術(shù)越來越融入到每一個人的生活當中。個人網(wǎng)站建設首先，可以讓自己學習到的網(wǎng)絡知識得以實踐，這能在很大程度上提高我們對網(wǎng)絡的理解和加強應用能力。同時也積累了實際設計經(jīng)驗，對于我們以后在網(wǎng)絡方面開展來說是一個很好的鍛煉時機。其次，個人網(wǎng)站是網(wǎng)絡時代個人的網(wǎng)絡名片。這個名片可以使不認識的我的人認識我，了解我。有了個人網(wǎng)站的平臺，我們也可以更好的推廣自己。讓自己的信息得到更多企業(yè)以及用人公司的了解。從而也提高了自己的就業(yè)面。提高了自己的社會渠道。個人網(wǎng)站還可以讓豐富自己的業(yè)余生活。讓自己認識更多有相同愛好的朋、認識更多不在同一個地方的人，有了個人網(wǎng)站，在Internet這個信息海洋當中，就有了自己的一席之地。本論文詳細的表達了我的個人網(wǎng)站在建設過程中所用到的工具，其實包括Flash網(wǎng)頁設計Access數(shù)據(jù)庫以及Photoshop對素材的編輯。說明了建設過程中的軟、硬件環(huán)境。并且介紹了網(wǎng)站功能是如何實現(xiàn)的。以及網(wǎng)站的維護和推廣。[關(guān)鍵字]：Flash、場景、矢量、Access

Abstract21centuriesscienceandtechnologyadvancesbyleapsandbounds.ITisdevelopedattopspeedespecially,ITYueLaiYuemeltsmoreovertoenterthelifetoeveryindividualsmiddle.Firstofallbuildingpersonalwebsite,allowingthenetworktolearntheirknowledgetopractice,whichcanlargelyimproveourunderstandingofthenetworkandenhancingtheuseofcapacity.Atthesametimehaveaccumulatedexperienceintheactualdesign,forusinthefuturenetworkdevelopmentisagoodtrainingopportunity.Second,thepersonalWebsiteistheeraofpersonalbusinesscard.ThiscardcannotknowthepeopleIknowme,knowme.Withpersonalwebsiteoftheplatform,wecanbetterpromoteitself.Lettheirowninformationandenterprisesemployingmoreunderstandingofthecompany.Therebyalsoimprovetheiremploymentface.Improvetheirsocialchannels.Personalwebsitecanalsoenrichthemselvestotheamateurlife.Moreawarenessoftheirowntohavethesameloveoffriends,notmoreawarenessofpeoplewithaplace,apersonalwebsite,theinformationintheInternetOcean,willhavetheirownplace.Thispaperdescribesthedetailsofmypersonalwebsiteintheprocessofbuildingthetoolsused,infact,includingFlashWebDesignAccessdatabaseandPhotoshoptoeditthematerial.Thattheprocessofbuildingthehardwareandsoftwareenvironment.Andonthewebsiteishowtoachievethefunction.AndWebsitemaintenanceandpromotion[Keywords]:Flash、Scene、VectorGraphics、ACCESS

目錄緒論……..…...………..……11.1個人網(wǎng)站的背景分析………11.2開發(fā)個人網(wǎng)站的必要性……………………21.3個人網(wǎng)站的需求分析…………………...…..2第二章關(guān)鍵技術(shù)及運行環(huán)境的需求分析……..……32.1矢量圖簡介………………..32.2Flash簡介…………………32.2.1Flash開發(fā)環(huán)…………………….32.3Flash根本原理………….…32.3.1Flash動畫的生成……………………32.3.2時間軸………………..42.3.3Flash中的幀…………42.4ASP技術(shù)簡介………………..52.5ACCESS2003技術(shù)簡介……….………52.6IIS效勞簡介…………….…52.6.1IIS的安裝………….…..52.6.2IIS虛擬目錄的創(chuàng)立..…………………62.7運行環(huán)境………..………….………..………7第三章網(wǎng)站的總體設計…………..…………...….…73.1網(wǎng)站的結(jié)構(gòu)…………………..……………..73.2網(wǎng)頁的設計………………….9第四章網(wǎng)站數(shù)據(jù)庫設計…………………..…..114.1數(shù)據(jù)庫的需求分析…………………….…..114.2數(shù)據(jù)表的設計……………..114.3數(shù)據(jù)庫的接連..…………..14第五章網(wǎng)站功能的實現(xiàn)和調(diào)試…………….……….………..……155.1網(wǎng)站功能介紹……………...155.2主頁動畫效果的實現(xiàn)…….……………...155.3子界面的功能實現(xiàn)………...……………175.4Flash網(wǎng)頁的設置與發(fā)布……………..215.5在代碼調(diào)試過程中經(jīng)常出現(xiàn)的問題……...22第六章網(wǎng)站發(fā)布與推廣……..………………….………………23總結(jié)……………..………………..24參考文獻………………..………..25謝辭…………..…………………..26第一章緒論1.1個人網(wǎng)站的背景分析眾所周知，互聯(lián)網(wǎng)最早于1969年起源于美國，可以說互聯(lián)網(wǎng)是20世紀最偉大的創(chuàng)造之一。時至今日，信息化浪潮正席卷全球，方興未艾。互聯(lián)網(wǎng)已成為信息化的重要平臺、信息化的重要工具和信息化的重要組成局部，互聯(lián)網(wǎng)已經(jīng)與信息化分不開，而且相互促進。

中國正式接入互聯(lián)網(wǎng)是在1994年。顯然，中國互聯(lián)網(wǎng)的起步晚了許多。但正應了“后來者居上〞的話，中國這個后起之秀經(jīng)過了13年多的開展，已經(jīng)走過了導入期，走上了快速開展的道路?？梢哉f，中國互聯(lián)網(wǎng)的開展創(chuàng)造了一個互聯(lián)網(wǎng)神話，其開展速度在全球同等GDP國家中應該是首屈一指的。中國互聯(lián)網(wǎng)在快速經(jīng)歷了跟隨、參與之后，即將迎來主導階段。10多年來，由于政策得當，措施得力，搶抓機遇，互聯(lián)網(wǎng)事業(yè)得到跨越式的開展，僅國際出口帶寬總量就從最初的64K增長為現(xiàn)在的82617M。在互聯(lián)網(wǎng)技術(shù)方面，目前我國也站在了世界的前列，成為全球下一代互聯(lián)網(wǎng)主要的研究和應用中心。2007年中國互聯(lián)網(wǎng)根底資源的開展與網(wǎng)民的開展勢頭相似，同樣處于快速開展的階段。IP地址和域名是互聯(lián)網(wǎng)的根底地址資源，年增長率分別到達了38%和190.4%，保證了互聯(lián)網(wǎng)開展的平穩(wěn)進行。CN域名數(shù)那么2007年一年增加了4倍。網(wǎng)站數(shù)、網(wǎng)頁數(shù)和網(wǎng)頁字節(jié)數(shù)超過60%的增長速度，反映了網(wǎng)上信息資源的增加速度很快，網(wǎng)民可以享用的信息資源越來越豐富。中國互聯(lián)網(wǎng)的國際出口帶寬數(shù)的年增長率到達43.7%，中國與國際互聯(lián)網(wǎng)連接的能力進一步增強。到目前為止，互聯(lián)網(wǎng)的應用和普及已經(jīng)對我國政治、經(jīng)濟、文化的開展產(chǎn)生了重大的影響，這種影響也深入到百姓生活的方方面面。此次發(fā)布的報告顯示：我國網(wǎng)上購物大軍到達2000萬人，網(wǎng)上購物者半年內(nèi)累計購物金額到達100億元。隨便網(wǎng)絡在國內(nèi)的開展，我國的網(wǎng)站也越越多了。據(jù)權(quán)威數(shù)據(jù)說明，工國約有69.4萬個網(wǎng)站，其中個人網(wǎng)站已經(jīng)占到兩成多。全國域名數(shù)約為259.2萬個，其實，網(wǎng)民的數(shù)量也得到了很大的提升，越來越多的網(wǎng)民以經(jīng)不滿足只是在網(wǎng)上瀏覽網(wǎng)友，找資料，發(fā)電子郵件的傳統(tǒng)的需求。很多人想要自己的個人網(wǎng)站，據(jù)資料顯示,國內(nèi)94、95、96這三年個人網(wǎng)站在國內(nèi)慢慢出現(xiàn)。3年的萌芽期過后，個人主頁在國內(nèi)得到了很大的開展。97年正是中國個人主頁開展歷史中最值得紀念的時期。因為一個很重要的原因，網(wǎng)易公司的成立。使得很多網(wǎng)民們抱著玩玩的態(tài)度相繼制作了個人主頁。直到98年，真正意義上的個人網(wǎng)站取代了之前的個人主頁。在個人網(wǎng)站當中，也出現(xiàn)了商業(yè)化的風格。網(wǎng)絡也成為了商界的戰(zhàn)場。轉(zhuǎn)眼到了2000年，網(wǎng)絡開始真正進入了尋常百姓家，不管是內(nèi)容還是技術(shù)上，也得到了很大的提高。直至今天，大局部網(wǎng)站都是以營利為目的的了。當然，這也推動了網(wǎng)絡技術(shù)的成長，例如：ASP、PHP、JSP、CSS等網(wǎng)站技術(shù)也被越來越多的人所掌握。近期.net技術(shù)的出現(xiàn)又對成熟的網(wǎng)絡技術(shù)注入了新的動力。相信在將來個人網(wǎng)站將更加普及，每一個上網(wǎng)的人，都可以屬于創(chuàng)立自己的個人網(wǎng)站。1.2開發(fā)個人網(wǎng)站的必要性當代是信息技術(shù)高速開展的代，并且融入我們的生活。作為計算機網(wǎng)絡專業(yè)的大學生更應該掌握良好的網(wǎng)絡知識。個人網(wǎng)站建設首先，可心讓自己學習到的網(wǎng)絡知識得以實踐，這能在很大程度上提高我們對網(wǎng)絡的理解和應用能力。同時也積累了實際設計經(jīng)驗，對于我們以后在網(wǎng)絡方面開展來說是一個很好的鍛煉時機。其次，個人網(wǎng)站是網(wǎng)絡時代個人的網(wǎng)絡名片。這個名片可以使不認識的我的人認識我，了解我。無論是萬千山，有了個人網(wǎng)站，我們可以更好的推廣自己。讓自己的信息得到更多企業(yè)以及用人公司的了解。從而也提高也自己的就業(yè)面。提高了自己的社會渠道。最后，個人網(wǎng)站還可以讓自己認識更多有相同愛好的朋、認識更多不在同一個地方的人，有了個人網(wǎng)站，在Internet這個信息海洋當中，就有了自己的一席之地，在網(wǎng)站中。不管是否是相同專業(yè)的人群以及別的專業(yè)的朋友，都可以暢所欲言，特別是對于學習網(wǎng)絡專業(yè)的以及從事相關(guān)專業(yè)的人來說，更是提供了一個非常好的交流平臺。這樣就跨越了地域的限制性，讓自己真正也全世界名地的人共同交流，共同學習。使自己的交友圈更大。讓自己可以和網(wǎng)絡上更多的人交流，了解業(yè)界的動態(tài)，使自己也IT行業(yè)一起成長。1.3個人網(wǎng)站的需求分析我的個人網(wǎng)站主要是展示自己和推廣自己，主要是通過向網(wǎng)友提供和展示一些信息，從而讓大家了解我，認識我，具體的，主要是通過一些作品的展示，資源的提供以及使用一些圖片和文字讓大家能夠輕松的瀏覽本網(wǎng)站，這其實包括，展示區(qū)、心情日記、網(wǎng)站留言、資源下載、自我介紹和相冊等功能。雖然功能不是很強大，但是瀏覽者進入之后就會感到我的網(wǎng)站的特別之后。整個網(wǎng)站是通過全Flash界面構(gòu)成的，給人不同于普通表格框架結(jié)構(gòu)所建的網(wǎng)站。由于我的網(wǎng)站并不同于一般的商業(yè)網(wǎng)站那樣，需要具有高性能的空間和效勞器，當然，購置效勞器對于目前來說，也是不現(xiàn)實的，所以，只能租用效勞器空間，在我的網(wǎng)站中。我選擇的是效為廉價的入門型效勞器，它的空間是100M、支持ACCESS數(shù)據(jù)庫、FTP的上傳和下載、ASP和ASP.net技術(shù)。

第二章關(guān)鍵技術(shù)及運行環(huán)境的需求分析2.1矢量圖簡介矢量圖也稱為面向?qū)ο蟮膱D像或繪圖圖像，繁體版本上稱之為向量圖，是計算機圖形學中用點、直線或者多邊形等基于數(shù)學方程的幾何圖元表示圖像。矢量圖形最大的優(yōu)點是無論放、縮小或旋轉(zhuǎn)等不會失真；最大的缺點是難以表現(xiàn)色彩層次豐富的逼真圖像效果。2.2Flash簡介2.2.1Flash開發(fā)環(huán)境Flash是一種交互式矢量多媒體技術(shù)，他的前身是Futureplash，早期網(wǎng)上流行的矢量動畫插件。后來由于Macromedia公司收購了FutureSplash以后便將其改名為Flash2，到現(xiàn)在最新的flash8.0。目前網(wǎng)上已經(jīng)有成千上萬個Flash站點，著名的如Macromedia專門站點“閃客帝國〞，全部采用了Flash和Director?？梢哉fFlash已經(jīng)漸漸成為交互式知量的標準，未來網(wǎng)頁的一大主流。由于其獨特的時間片段分割〔TimeLine〕和重組〔MC嵌套〕技術(shù)，結(jié)合ActionScitp的對象和流程控制，使得在靈活的界面設計和動畫設計成為可能，同時它也是最為小巧的前臺。Flash被稱為是“最為靈活的前臺〞，F(xiàn)lash具有跨平臺的特性所以無論你處于處于何種平臺，只要你安裝了支持的FlashPlayer，就可以保證它們的最終顯示效果的一致，同Java一樣，它有很強的可移植性?，F(xiàn)在的Flash還具有的支持功能，可以讓用戶為自已的設計喜愛的功能。2.3Flash根本原理所謂動畫就是將靜止的畫面變?yōu)閯討B(tài)的藝術(shù)，實現(xiàn)由靜止到動態(tài)，主要是靠人眼的視覺殘留效應．利用人的這種視覺生理特性可制作出具有豐富想象力和表現(xiàn)力的動畫影片。Flash動畫制作也是通過這個原理來得到我們想要的動畫。在Flash當中，每一個靜止的畫面被稱為“幀〞將這些幀也就是畫面快速的播放出來就成的動畫。2.3.1Flash動畫的生成在Flash中提供了兩種生成動畫補間，即“動作〞和“形狀〞。這樣以來，就面臨了一個問題：怎樣的情況下，生成動作補間，又在怎樣的情況下生成形狀補間？這個問題比擬深入，也絕對不是憑空能猜測出來的，只有經(jīng)過自己的反復嘗試才能真正弄清楚、弄明白。在制作的過程中，我不斷的嘗試著這兩種動畫所表現(xiàn)出來的效果。也明白了，什么時候需要“動作〞補間，什么時候需要“形狀〞補間。也總結(jié)出了它們的區(qū)別。動作動畫主要是制作元件移動方面的動畫，元件要組合，組合快捷鍵：ctrl+G；形狀動畫主要制作元件的形狀和顏色方面的漸變，元件必須要打散，打散快捷鍵：ctrl+B2.3.2時間軸時間軸是Flash的一大特點，也是Flash進行動畫創(chuàng)作和編輯的主要工具，通常它位于舞臺和常工具欄之間，用鼠標拉動時間軸，也可以改變它的位置。時間軸就好似導演的劇本，它決定了各個場景的切換以及演員的出場、表演的時間順序。位于時間軸前面的動畫出場就早于位于時間軸后面的動畫對象。圖〔2.1〕時間軸2.3.3Flash中的幀幀其實就是動畫播放的根本單位，每一個動畫都是由多個幀組成的,每個幀代表一個動作。普通幀是對關(guān)鍵幀時候的形態(tài)的時間延長，讓物體保持剛剛幀狀態(tài)更長時間。關(guān)鍵幀就是當需要物體運動或變化的時候需要用到的，在設計的過程中往往第一個關(guān)鍵幀是物體的開始狀態(tài)，而第二個關(guān)鍵幀就是物體的結(jié)束狀態(tài)，而在這兩個關(guān)鍵幀中間的補間的幀就是物體有第一個關(guān)鍵幀到第二個關(guān)鍵幀的變化過程，補間的幀常?？赡芡ㄟ^Flash自己生產(chǎn)。所以空白關(guān)鍵幀和關(guān)鍵幀的區(qū)別就在于，關(guān)鍵幀上是有具體內(nèi)容的，而空白關(guān)鍵幀而是通過刪除關(guān)鍵幀而得到的。FLASH中的幀按表現(xiàn)方式的不同分為普通幀,關(guān)鍵幀和白色關(guān)鍵幀3種：普通幀：指動畫時間軸中的每一個小格子。關(guān)鍵幀：動畫播放過程中的呈現(xiàn)關(guān)鍵作用或內(nèi)容變化的幀?？瞻钻P(guān)鍵幀：無任何內(nèi)容的關(guān)鍵幀。2.4ASP技術(shù)簡介MicrosoftActiveServerPages即我們所稱的ASP，意為“活動效勞器網(wǎng)頁〞。其實是一套微軟開發(fā)的效勞器端腳本環(huán)境。MicrosoftActiveServerPages是創(chuàng)立動態(tài)網(wǎng)頁的一個很好的工具，通過ASP可能編寫出動態(tài)的網(wǎng)頁，可以產(chǎn)生HTML的程序代碼。因此，只要用戶瀏覽網(wǎng)站，并請求一個WEB網(wǎng)頁，WEB效勞器就可以處理相應的ASP代碼。它一般以VBScript作為效勞器端的腳本語言，由安裝在效勞器上的應用程序擴展軟件負責解釋并執(zhí)行這些腳本。2.5ACCESS2003技術(shù)簡介MicrosoftOfficeAccess是由微軟發(fā)布的關(guān)聯(lián)式數(shù)據(jù)庫管理系統(tǒng)。是MicrosoftOffice的成員之一。Access是一個在Windows環(huán)境下開發(fā)的關(guān)系數(shù)據(jù)庫，它還是一個功能強大的開發(fā)工具，一般不需要進行復雜編程，不用高級語言編程也可以開發(fā)出比擬理想的數(shù)據(jù)庫。Access數(shù)據(jù)庫使用標準SQL〔StructuredQueryLanguage，結(jié)構(gòu)化查詢語言〕作為它的數(shù)據(jù)庫語言。每一個Access數(shù)據(jù)庫，包括它所有的對象都存儲在經(jīng)〔.mdb〕為擴展名的數(shù)據(jù)庫文件當中。所以說，翻開一個數(shù)據(jù)庫就是翻開一個數(shù)據(jù)庫文件。就Access而言，可以認識數(shù)據(jù)庫和數(shù)據(jù)加文件含義相同。Access數(shù)據(jù)庫不提包括各種對象，而且還包括各種對象的操作。Access數(shù)據(jù)庫的優(yōu)點在于它有使用數(shù)據(jù)表示圖或自定義窗體收集信息，數(shù)據(jù)表示圖提供了一生種類似于Excel的電子表格，可以使數(shù)據(jù)庫一目了然。另外，Access允許創(chuàng)立自定義報表用于打印或輸出數(shù)據(jù)。Access也提供了數(shù)據(jù)存儲庫，可以使用桌面數(shù)據(jù)庫文件把數(shù)據(jù)庫文件置于網(wǎng)絡文件效勞器，與其他網(wǎng)絡用共享數(shù)據(jù)庫。如上所述，Access作為關(guān)系數(shù)據(jù)庫開發(fā)具備了許多優(yōu)點，提供了的關(guān)系數(shù)據(jù)庫的強大功能。2.6IIS效勞簡介IIS的全稱是InternetInformationServices〔Internet信息效勞〕，這是一個Microsoft的用于架構(gòu)基于Windows系統(tǒng)的效勞器的附件。這個軟件可以在Windows2000/XP的中安裝。Windows2000Server在安裝系統(tǒng)的時候，就自動安裝IIS5.0，但是，Professional版本的IIS功能就大大精簡于Server以及AdvancedServer版了。2.6.1IIS的安裝不同的系統(tǒng)內(nèi)置的IIS版本是各不相同的，WindowsServer2003為IIS6.0，默認狀態(tài)下是沒有安裝IIS效勞的。必須手動安裝，下面就簡單介紹一下如何在Windows2000profession和WindowsXP中安裝IIS的過程。步驟1：在“控制面板〞中選擇“添加/刪除程序〞步驟2：在“添加/刪除程序〞中選擇“添加/刪除WINDOWS組件〞，就會彈出以下所示的WINDOWS組件向?qū)υ捒驁D〔2.2〕IIS安裝步驟步驟3：單擊下一步，進入安裝過程。2.6.2IIS虛擬目錄的創(chuàng)立在啟動Internet信息效勞后，在右側(cè)選中“默認Web站點〞單擊鼠標右鍵，在快捷菜單中選擇“新建〞選擇“虛擬目錄〞命令，輸入虛擬目錄的名字，然后按照系統(tǒng)提示操作，即可完成對虛擬目錄的創(chuàng)立。圖(2.3)創(chuàng)立虛擬目錄(1).啟動站點，停止、暫停、刪除站點。(2).主目錄設置、文檔管理、頭、目錄平安性、目錄路徑、自定義錯誤、性能。2.7運行環(huán)境為了確保系統(tǒng)運行效率和可靠性,效勞器端具有較高的軟件配置,客戶端的要求不需要很高,此應該程序可廣闊運行于Internet平臺上，例如在普通的家用寬帶中，學習的機房，宿命和各種終端，也選用于內(nèi)部的局域網(wǎng),運行要求如下：硬件環(huán)境：效勞器：CPU要求PIII800以上,內(nèi)存256MB以上?？蛻魴C：CPU要求200MMX以上,內(nèi)存64MB以上。軟件環(huán)境：客戶端：Windows98,InternetEcplorer4.0以上版本。效勞器端：Windows2000,IIS5.0及以上版本。數(shù)據(jù)庫：采用Access數(shù)據(jù)庫，運行于效勞器。

第三章網(wǎng)站的設計和內(nèi)容規(guī)劃3.1網(wǎng)站的總體結(jié)構(gòu)該個人網(wǎng)站的建設是用Flash動畫網(wǎng)而設計+Access數(shù)據(jù)庫+ASP動態(tài)網(wǎng)頁編程設計。系統(tǒng)是基于客戶機/效勞器模式的系統(tǒng)。在設計的過程。分為以下幾個方面：主頁面的設計、子頁面的設計。網(wǎng)站的整體結(jié)構(gòu)如下列圖所示：進入網(wǎng)站，出現(xiàn)主界面和導航條進入網(wǎng)站，出現(xiàn)主界面和導航條作品展示心情日記給我留言關(guān)于我資源下載友情鏈接音樂播放圖(3.1)網(wǎng)站結(jié)構(gòu)

3.2頁面設計(1).主頁面的結(jié)構(gòu)設計：在設計之前，我收集了大量的Flash網(wǎng)站的資料信息，特別是很多優(yōu)秀Flash個人網(wǎng)站，觀察了他們的整體框架以及網(wǎng)站的表現(xiàn)形式。我發(fā)現(xiàn)，優(yōu)秀的Flash網(wǎng)站，給人的感覺完全不同于普通的基于HTML頁面的網(wǎng)站。都是以簡潔的形式，給人的視覺產(chǎn)生不同的效果，所以我的主頁設計，整體思想，也將延續(xù)簡潔清爽的思路。除必要的導航以外，界面上不另任何內(nèi)容。以做到給人耳目一新的感覺。下面是我設計的主頁的結(jié)構(gòu)：簡潔清爽的網(wǎng)頁背景簡潔清爽的網(wǎng)頁背景網(wǎng)頁的導航欄網(wǎng)中的功能按扭可更換的網(wǎng)頁背景圖(3.2)頁面布局

(2).子頁的結(jié)構(gòu)設計：一個網(wǎng)站的主頁和子頁往往具有相同的風格，只有給人與相同的風格。讓人感覺網(wǎng)絡明確，整體感強，在我網(wǎng)站的子頁中。我將延續(xù)主頁面的簡潔風格，在除了必要的功能以外，也將于簡潔清爽為主色調(diào)。子頁面功能區(qū)子頁面功能區(qū)子頁面中保存了主頁面的整體風格位于主頁中間，簡潔的子頁功能區(qū)圖(3.3)子頁面結(jié)構(gòu)圖

第四章網(wǎng)絡數(shù)據(jù)庫設計一個網(wǎng)站，必須有數(shù)據(jù)庫來存放數(shù)據(jù)信息。數(shù)據(jù)庫在一個網(wǎng)站系統(tǒng)中占有非常重要的地位，數(shù)據(jù)庫設計的優(yōu)劣直接對網(wǎng)站的運行效率和實現(xiàn)的效果生產(chǎn)影響。合理的數(shù)據(jù)庫結(jié)構(gòu)設計可以提高存取效率，保證數(shù)據(jù)的完整性和一致性，從而提高網(wǎng)站的訪問和瀏覽效果。在設計數(shù)據(jù)庫時應該首先充分了解網(wǎng)站對數(shù)據(jù)庫各個方面的需求，包括現(xiàn)在的和將來可能增加的功能，所以。數(shù)據(jù)庫應該具有一定的可擴展性。4.1數(shù)據(jù)庫的需求分析網(wǎng)站對數(shù)據(jù)庫的需求具體表達在各種信息的提供、保存、更新和添加上，這就要求數(shù)據(jù)庫結(jié)構(gòu)能充分滿足各種信息的輸出和輸入。通過收集根本數(shù)據(jù)、數(shù)據(jù)庫結(jié)構(gòu)以及數(shù)據(jù)處理的流程。組成一份詳盡的數(shù)據(jù)庫。為后面的具體設計打下根底。4.2數(shù)據(jù)表的設計(1).站點信息表在站點信息表中，主要是保存網(wǎng)站的域名，以及網(wǎng)站的名字和站主的電子郵件等。圖(4.1)站點信息表字段說明：ID：該字段是該表的主鍵，數(shù)據(jù)類型是自動編號。Web_name：該字段保存的是網(wǎng)站名稱，數(shù)據(jù)類型是文本型。Web_QQ：該字段是記錄站長QQ號碼的字段，數(shù)據(jù)類型是文本型。Web_Email：該字段保存的是站長的電子郵件地址，數(shù)據(jù)類型是文本型。(2).留言登記表圖(4.2)留言記錄表字段說明：ID：該字段代表留言本中，留言的條數(shù)。這個字段，是本表的主鍵，采用自動編號。NAME：該字段代表留言中，留言者的姓名，字段大小設為50。QQ：該字段收集留言者的QQ號碼，以便以后聯(lián)系時使用。EMAIL：該字段為收集留言者的電子郵件，字段大小高為50。數(shù)據(jù)類型為文本型。HOMEPAGE：該字段代表留言者的主頁，字段大小為100。BLOG：該字段表示留言者的博客地址，字段大小為50，為可選項。TITLE：該字段表示留言者的留言主題，字段大小為50。CONTENT：該字段為備注字段。為可選項。DATE：該字段表示留言者，留言時的具體時間。PXID：該字段表示留言者，留言內(nèi)容的字數(shù)。GMCONTENT：該字段也是備注字段，為可選項。GMDATE：該字段為時間字段，數(shù)據(jù)類型為時間/時期型。(3).回復記錄表回復記錄表中，主要存放了回復者的時間以及回復者的內(nèi)容等等。字段名稱數(shù)據(jù)類型字段說明reply_id自動編號長整型、遞增guest_id數(shù)字長整型、自動reply_name文本50reply_pw文本50reply_content備注可選項reply_time時間/日期常規(guī)日期reply_ip文本50reply_system文本50reply_ie文本50表(4.3)回復登記表字段說明：reply_ID：該字段用于保存回復的條數(shù)，是表的主鍵。數(shù)據(jù)類型為自動編號。Guest_ID：該字段存放回復的字數(shù)，數(shù)據(jù)類型是數(shù)字型。Reply_Name：該字段用來存放回復者的姓名，數(shù)據(jù)類型是文本型。Reply_PW：該字段是存放回復者所回復的內(nèi)容的。Reple_conent：該字段是保存?zhèn)溆眯畔⒌模强蛇x項。Reply_Time：該字段保存的是，回復者的回復時間。數(shù)據(jù)類型是日期/時間型。Reply_IP：該字段記錄的是回復者，回復時主機的IP地址。Reply_Systeim：該字段是記錄回復者，回復的時候所用主機的系統(tǒng)類型。Reply_IE：該字段是記錄回復者，當是使用的主機的IE類型的。

4.3數(shù)據(jù)庫的連接動態(tài)網(wǎng)站應用程序開發(fā)過程中的關(guān)鍵技術(shù)就是動態(tài)網(wǎng)站數(shù)據(jù)庫的設計和創(chuàng)立。這包括數(shù)據(jù)源的配置與連接，數(shù)據(jù)源的操作、數(shù)據(jù)的獲取、查詢等等。在我的網(wǎng)站中，我采用的是ASP用DatabaseAccess與數(shù)據(jù)庫連接。在整個網(wǎng)站系統(tǒng)中，數(shù)據(jù)庫的連接與翻開在系統(tǒng)中是很重要的。如果連接和翻開不能順利的進行，那么整個網(wǎng)站將不能進行訪問，留言以及保存相應的信息。下面給出本網(wǎng)站系統(tǒng)連接翻開數(shù)據(jù)庫的原代碼：<%db="data/guest1.mdb"setconn=server.createobject("adodb.connection") conn.connectionString="driver={Microsoftaccessdriver(*.mdb)};dbq="&server.mappath(“db〞)conn.Open%>數(shù)據(jù)庫連接代碼說明：(1).定義數(shù)據(jù)庫的名稱及路徑db="data/guest1.mdb"(1).定義數(shù)據(jù)庫的相對路徑和數(shù)據(jù)庫的驅(qū)動程序的方法如下：conn.connectionString="driver={microsoftaccessdriver(*.mdb)};dbq="&server.mappath(“db〞)(2).定義一個數(shù)據(jù)庫對象的方法如下：setconn=server.createobject("adodb.connection")conn.openConn.ConnectionString(3).定義一個記錄集的方法如下：setconn=server.createobject("adodb.connection")第五章網(wǎng)站功能的實現(xiàn)和調(diào)試5.1網(wǎng)站功能介紹本網(wǎng)站，由于是個人網(wǎng)站，所以功能上并不像一些大型網(wǎng)站那樣功能強大和全面，本網(wǎng)站的功能主要是展示自己，以及讓有相同愛好的朋友提供一個網(wǎng)絡交流的平臺，讓大家相互了解、認識、學習并且可以認大家討論自己的作品。在網(wǎng)站中也提供了表達自己心情的欄目，可以讓自己在學習和工作之外，能向網(wǎng)上關(guān)心我的朋友傾訴一下自己的心情，向網(wǎng)友們表達一下我的生活的理解，以及我對一些事情的無奈。在我的網(wǎng)站中，我還提供了一些我認為是重要的資源，包括一些程序和代碼的下載地址，網(wǎng)友可以根據(jù)自己的需要，進行下載和安裝。最后，我的網(wǎng)站中還提供了局部門戶網(wǎng)站的友情鏈接?？梢宰尵W(wǎng)友方便的進行網(wǎng)上沖浪。5.2主頁動畫效果的實現(xiàn)由于我的個人網(wǎng)站是采用全Flash界面制作的，所以主頁的制作當然也應該由Flash來完成。在主頁當中，主要是通過補間動畫，以及參加了一些角本命令制作出來的。這其中包括了大量的圖層，具體如下列圖所示：圖(5.1)Flash中的層說明：在網(wǎng)頁中，我首先用了一個圖層存放背景，我選擇的是全黑色的背景，由于所以的東西，都必須放在背景上面，所以背景圖層，被放置在最下面。位于網(wǎng)頁下方的主導航欄，我是事先做好了幾個相應的按鈕，然后通過調(diào)用“元件〞，再加上補間動畫來實現(xiàn)的，在制作的時候，動畫的加載和時間軸的配合，是非常重要的，可以說，時間軸，就是動畫的生命軸，因為，動畫就是延時間的順序能動起來的畫圖。這是對動畫最本質(zhì)的理解。所以，設計一個動畫，實質(zhì)上，是設計一些畫面效果，根據(jù)一定的時候順序自己的出現(xiàn)〔加載〕而得到的效果。那么，我在實際的制作過程當中，就對時間軸的把握也遇到了不少問題，特別是在圖層多的時候，在一個時刻，不同的圖層，要出現(xiàn)不同的效果，從而，最后，共同展現(xiàn)出讓我滿意的效果。有時候，要作做到這一點，特別難，比方說，我的想當是，當中心按鈕移動到下面的時候，再展開，出現(xiàn)在網(wǎng)頁下方的主導航列，而在開始作的時候，往往是在中間的位置，它就自己展開了，從而沒有到達我相要的效果，最后，在實驗屢次之后，終于把時間軸與圖層的配合想?yún)f(xié)調(diào)起來。在我的網(wǎng)站中，留言簿也是通過Flash編輯出來的，具體的實現(xiàn)方法是這樣的，我是能過主面index.html來調(diào)用相應的主要動畫效果index.swf。然后在動畫全部加載完成之后，由頁面下方自動展開的主導航按鈕通過動畫的方式展示出各個功能按鈕，其實包括：作品展示、心情日記、網(wǎng)站留言、資源下載、友情鏈接、自我介紹幾個方面。通過單擊Flash按鈕就可以進入相應的功能子頁，具體進入的方法是，通過單擊主頁上的Flash按鈕，然后自己加截。相應的子頁面。具體代碼如下：on(release){_root.mc9.loadMovie("xtbook.swf");}說明：on(鼠標事件):可以捕獲當前按鈕〔Button〕中的指定事件，以執(zhí)行相應的程序。參數(shù)(鼠標事件)指定了要捕獲的事件，分別如下：on(release):鼠標事件，當鼠標釋放按鈕的時候觸發(fā)后面的事件。On(press):鼠標事件，當按鈕被按下時觸發(fā)該事件。On(releaseOutside):當按鈕被按住后鼠標移動到按鈕以外并釋放時所觸發(fā)的事件。On(rollover)：當鼠標滑入按鈕時觸發(fā)該事件。本例中，當鼠標離開〔release〕按鈕的時候，加動畫頁百〞xtbook.swf〞。

5.3子界面的功能實現(xiàn)(1).作品展示頁面在這個頁面當中，主要展示了我的一些攝影作品，攝影是我生活中的一個愛好，當我的生活中出來美麗的瞬間或是有紀念意義的時候。我總是希望能通過手中的相機記錄下這一時刻。在我的網(wǎng)站作品展示欄中，我展出了幾幅我認識是很成功的攝影作品，提供應網(wǎng)友欣賞。下面制作這個頁面的具體步驟：首先，新建一個Flash文檔，并將該文檔命名為“zuoping.swf〞,然后保存在“index.fla〞文檔的相同文件夾當中。然后設計“zuoping.fla〞的屬性，如下圖。所以該頁面的影片屬性都應該設計成跟主場景的影片屬性一致。圖(5.2)Flash文檔屬性設置進入“zuoping.fla〞文件的制作，在舞臺當中，新建一層，用來放置作品展示框。在放置作品展示框的時候，一定要注意放的位置，因為這直接影響到后面，展示照片的效果。放置好之后，鎖定圖層后，再次新建一個圖層，在這個圖層上。就放置需要展示的照片了。這里，需要將每一幅照片通過“導入〞的方法，將每一幅照片放到舞臺當中，然后再右鍵單擊照片，選擇將照片轉(zhuǎn)化為“元件〞，只有轉(zhuǎn)化為“元件〞之后。才能進行下一步的編輯。圖(5.3)圖片轉(zhuǎn)化為元件將所以用于展示的照片轉(zhuǎn)化為“元件〞之后，下一步就是分別將它們從“庫〞中提取出來放到舞臺上，進步動畫的設計了。先選中所以的照片，然后單擊右鍵，進行組合。通過組合，零散的圖片，就成為了一個整體，可以對它們進行統(tǒng)一的調(diào)整位置、大小、高度等等。將它們放置在適合的位置之后，在時間軸上單擊右鍵，選擇插入“關(guān)鍵幀〞這個關(guān)鍵幀將作為動畫的開始幀。此時，通過鼠標拖動照片的位置，設置動畫的播放效果，最終位置調(diào)好之后，在時間軸上再一次新建“關(guān)鍵幀〞。這一幀就作為動畫結(jié)束的關(guān)鍵幀，此時，在開始幀和結(jié)束幀之間，單擊鼠標右鍵，選擇“創(chuàng)立補間動畫〞。隨著一條藍色箭頭的出間，動畫的創(chuàng)立也就根本完成了。最后進行保存和發(fā)布，在保存和發(fā)布的時候，注意相應的設置。那么一個子頁面的制作就完成了。(2).心情日記頁面作為個人網(wǎng)站，應該包含心情日記這一局部，無論是工作了,還是上學;無論我心情是開心快樂,孤獨,悲傷,郁悶,思念,傷感;無論我是單身，失戀，開始戀愛，和朋友分手，想哭，想笑，我最希望盡可能在網(wǎng)絡心情日記本中張揚個性，寫出內(nèi)心的秘密和感動。和網(wǎng)友一起分享，認大家可以更加的了解我。更好的和我交流。(3).資源下載頁面在資源下載里面，我提供了整站下載，常用軟件下載，源碼下載。圖(5.4)在整站下載頁面當中，我整理和收集了網(wǎng)上一件經(jīng)典的網(wǎng)站程序，這些整站程序，都是網(wǎng)友們認為是做的好的，有創(chuàng)意的，具有一定代表性的網(wǎng)站程序。網(wǎng)友們，可以下載學習這些網(wǎng)站的特點，我想，這對想要建站的朋友。一定會有很大的幫助。在我的空間里面，提供了下載地址。以及必要的說明。網(wǎng)友們可以隨便下載。(4).友情鏈接頁面一個網(wǎng)站，友情鏈接局部是必不可少的。我的個人網(wǎng)站，也設置了相應的友情鏈接。我網(wǎng)站的友情鏈接主要是放一些我個人興趣方面的網(wǎng)站，這其中包括我所學的專業(yè)領(lǐng)域，和個人愛好方面的東西。除此之外，還有一些主要門戶網(wǎng)站也進行了我的友情鏈接。這包括：百度網(wǎng)、騰迅網(wǎng)、新浪網(wǎng)等。這些網(wǎng)站都是平時網(wǎng)友點擊率比效高的網(wǎng)站，設置了這些網(wǎng)站的友情鏈接以后，不但可以讓網(wǎng)友在訪問完我的網(wǎng)站之后，輕松方便的進入自己想進入的網(wǎng)站。最后，通過友情鏈接的設置，還可以提高網(wǎng)站的訪問量，以及和別的一些網(wǎng)站，建立友好的合作關(guān)系，這對于我個人網(wǎng)站的開展有著很大的作用。(5).個人簡介頁面圖(3.4)自我簡介頁面作為個人網(wǎng)站，自己簡介當然是少不了的了。在自己簡介里面，我寫了我個人的信息，這其實包括，我的姓名、年齡、網(wǎng)名、電子郵件以及所學專業(yè)等等，和個人的愛好。我也希望，能過我的展示，能讓更多有相同愛好的朋友與我聯(lián)系，我們可以共同討論，共同進步。(6).Flash留言本圖(3.5)留言本一個網(wǎng)站中，留言功能是必不可少的。在了留言簿，才能實現(xiàn)網(wǎng)友和網(wǎng)站的建設者進行交流和溝通。我的網(wǎng)站也不例外，由于我是全Flash網(wǎng)站，所以我的留言片。也是由Flash制作的，當然。其實也用到ASP作處理。在網(wǎng)的留言本中，網(wǎng)友可以留言發(fā)表自己想說的話，也可以查看別人的留言，對別人的留言做出討論。通過網(wǎng)友的留言，我也能收集到網(wǎng)友的聯(lián)系方式，電子郵件地址，以及留言者的愛好等情況。從而更好的和網(wǎng)友進行交流，和討厭。下面是我的留言本界面。

5.4Flash網(wǎng)頁的設置與發(fā)布我的主頁，是通過在Flash中編輯而成，在發(fā)布的時候，選擇發(fā)布類型為.SWF和.HTML類型，這樣，網(wǎng)站在加載的時候，自然就成為了Flash的頁面了。下面，是具體的發(fā)布方法：圖(5.4)發(fā)布設置說明：在發(fā)布設置里面，選擇“格式〞選項卡，可以選擇發(fā)布的文件類型，并且設置輸出保存的目標文件。其實默認值是輸出文件征收Flash源文件在同一個文件內(nèi)。發(fā)布的時候，可選的發(fā)布格式有：Flash(.swf),html(.html),GIF圖像(.gif),JPEG圖像(.jpg),PNG圖像(.png),Windows放映文件(.exe)等八種格式類型。這里，我選擇了Flash(.swf)以及HTML(.html)兩種類型。因為，我要做的是Flash網(wǎng)頁，所以必須用這兩種類型。

5.5代碼調(diào)試過程中經(jīng)常出現(xiàn)的問題(1).在通過代碼和數(shù)據(jù)庫連接的時候，出現(xiàn)了屢次問題，主要是有時數(shù)據(jù)庫的位置與文件位置有錯，這其實，有一個關(guān)鍵的問題就是“相對路徑〞和“絕對路徑〞的問題，只有路徑一出錯，那么連接肯定是失敗的，這說明我們在平時學習的時候，沒有注意到這些知識點，對一些關(guān)鍵性的知識，沒有得到很好的掌握。(2).對數(shù)據(jù)錄入數(shù)據(jù)庫時也常常出錯，總是在于，進行數(shù)據(jù)表的設計對各種不同的字段都有專門的設置，比方，它們的數(shù)據(jù)類型，長度，是不必須錄入或可以不錄入等規(guī)定沒有仔細的進行設置。(3).在設計界面的時候，往往Flash設計中應該注意的問題，用原來設計普通HTML網(wǎng)頁的思路進行Flash頁面設計是不行的。應該了解和學習Flash具體的設計思路以及特別。這樣才能設計出有特別的動畫網(wǎng)頁。

第六章網(wǎng)站發(fā)布與推廣一個網(wǎng)站想要在Internet上被更多的人所訪問，和瀏覽，讓越來越多的網(wǎng)友認可這網(wǎng)站，乃至在行業(yè)內(nèi)讓大家認可，樹立公司或個人站點的形象，都必須進行網(wǎng)絡營銷推廣。那么，作為我的個人網(wǎng)站。在進行推廣的時候，應該注意以下幾點：(1).網(wǎng)站在制作完成之后，應該上傳到效勞器上，讓網(wǎng)站真正的運行起來，而不是只停留在本地的制作和學習實驗當中。(2).為了讓大家能成為網(wǎng)站的回頭客，