1、個人網站的建設及實現摘 要21世紀科學技術突飛猛進。特別是信息技術得到高速發展，并且信息技術越來越融入到每一個人的生活當中。個人網站建設首先，可以讓自己學習到的網絡知識得以實踐，這能在很大程度上提高我們對網絡的理解和加強應用能力。同時也積累了實際設計經驗，對于我們以后在網絡方面發展來說是一個很好的鍛煉機會。其次，個人網站是網絡時代個人的網絡名片。這個名片可以使不認識的我的人認識我，了解我。有了個人網站的平臺，我們也可以更好的推廣自己。讓自己的信息得到更多企業以及用人公司的了解。從而也提高了自己的就業面。提高了自己的社會渠道。個人網站還可以讓豐富自己的業余生活。讓自己認識更多有相同愛好的朋、認識

2、更多不在同一個地方的人，有了個人網站，在internet這個信息海洋當中，就有了自己的一席之地。本論文詳細的敘述了我的個人網站在建設過程中所用到的工具，其實包括flash 網頁設計access數據庫以及photoshop對素材的編輯。說明了建設過程中的軟、硬件環境。并且介紹了網站功能是如何實現的。以及網站的維護和推廣。關鍵字：flash、場景、矢量、access abstract21 centuries science and technology advances by leaps and bounds. it is developed at top speed especially , i

3、t yue lai yue melts moreover to enter the life to every individuals middle.first of all building personal website, allowing the network to learn their knowledge to practice, which can largely improve our understanding of the network and enhancing the use of capacity. at the same time have accumulate

4、d experience in the actual design, for us in the future network development is a good training opportunity. second, the personal web site is the era of personal business card. this card can not know the people i know me, know me. with personal website of the platform, we can better promote itself. l

5、et their own information and enterprises employing more understanding of the company. thereby also improve their employment face. improve their social channels. personal website can also enrich themselves to the amateur life. more awareness of their own to have the same love of friends, not more awa

6、reness of people with a place, a personal website, the information in the internet ocean, will have their own place.this paper describes the details of my personal website in the process of building the tools used, in fact, including flash web design access database and photoshop to edit the materia

7、l. that the process of building the hardware and software environment. and on the website is how to achieve the function. and web site maintenance and promotionkeywords: flash 、scene 、vector graphics 、access 目 錄第一章 緒論. 11.1 個人網站的背景分析11.2 開發個人網站的必要性21.3 個人網站的需求分析.2第二章 關鍵技術及運行環境的需求分析.32.1 矢量圖簡介.32.2 f

8、lash 簡介3 2.2.1 flash 開發環.32.3 flash基本原理.3 2.3.1 flash動畫的生成3 2.3.2 時間軸.4 2.3.3 flash中的幀42.4 asp技術簡介.5 2.5 access 2003 技術簡介.52.6 iis 服務簡介.5 2.6.1 iis的安裝.5 2.6.2 iis虛擬目錄的創建.62.7 運行環境.7第三章 網站的總體設計.73.1 網站的結構.73.2 網頁的設計.9第四章 網站數據庫設計.114.1數據庫的需求分析.114.2 數據表的設計.114.3 數據庫的接連.14第五章 網站功能的實現和調試.155.1 網站功能介紹.15

9、5.2 主頁動畫效果的實現.155.3 子界面的功能實現.175.4 flash 網頁的設置與發布.215.5 在代碼調試過程中經常出現的問題.22第六章 網站發布與推廣.23總結.24參考文獻.25 謝辭.26- 26 -第一章 緒論1.1 個人網站的背景分析眾所周知，互聯網最早于1969年起源于美國，可以說互聯網是20世紀最偉大的發明之一。時至今日，信息化浪潮正席卷全球，方興未艾。互聯網已成為信息化的重要平臺、信息化的重要工具和信息化的重要組成部分，互聯網已經與信息化分不開，而且相互促進。    中國正式接入互聯網是在1994年。顯然，中國互聯網的起步晚了許多

10、。但正應了“后來者居上”的話，中國這個后起之秀經過了13年多的發展，已經走過了導入期，走上了快速發展的道路?？梢哉f，中國互聯網的發展創造了一個互聯網神話，其發展速度在全球同等gdp國家中應該是首屈一指的。中國互聯網在快速經歷了跟隨、參與之后，即將迎來主導階段。10多年來，由于政策得當，措施得力，搶抓機遇，互聯網事業得到跨越式的發展，僅國際出口帶寬總量就從最初的64k增長為現在的82617m。在互聯網技術方面，目前我國也站在了世界的前列，成為全球下一代互聯網主要的研究和應用中心。2007年中國互聯網基礎資源的發展與網民的發展勢頭相似，同樣處于快速發展的階段。ip地址和域名是互聯網的基礎地址資源，

11、年增長率分別達到了38%和190.4%，保證了互聯網發展的平穩進行。cn域名數則2007年一年增加了4倍。網站數、網頁數和網頁字節數超過60%的增長速度，反映了網上信息資源的增加速度很快，網民可以享用的信息資源越來越豐富。中國互聯網的國際出口帶寬數的年增長率達到43.7%，中國與國際互聯網連接的能力進一步增強。到目前為止，互聯網的應用和普及已經對我國政治、經濟、文化的發展產生了重大的影響，這種影響也深入到百姓生活的方方面面。此次發布的報告顯示：我國網上購物大軍達到2000萬人，網上購物者半年內累計購物金額達到100億元。隨便網絡在國內的發展，我國的網站也越越多了。據權威數據表明，工國約有69.

12、4萬個網站，其中個人網站已經占到兩成多。全國域名數約為259.2萬個，其實，網民的數量也得到了很大的提升，越來越多的網民以經不滿足只是在網上瀏覽網友，找資料，發電子郵件的傳統的需求。很多人想要自己的個人網站，據資料顯示,國內94、95、96這三年個人網站在國內慢慢出現。3年的萌芽期過后，個人主頁在國內得到了很大的發展。97年正是中國個人主頁發展歷史中最值得紀念的時期。因為一個很重要的原因，網易公司的成立。使得很多網民們抱著玩玩的態度相繼制作了個人主頁。直到98年，真正意義上的個人網站取代了之前的個人主頁。在個人網站當中，也出現了商業化的風格。網絡也成為了商界的戰場。轉眼到了2000年，網絡開始

13、真正進入了尋常百姓家，不管是內容還是技術上，也得到了很大的提高。直至今天，大部分網站都是以營利為目的的了。當然，這也推動了網絡技術的成長，例如：asp、php、jsp、css等網站技術也被越來越多的人所掌握。近期.net技術的出現又對成熟的網絡技術注入了新的動力。相信在將來個人網站將更加普及，每一個上網的人，都可以屬于創建自己的個人網站。1.2 開發個人網站的必要性當代是信息技術高速發展的代，并且融入我們的生活。作為計算機網絡專業的大學生更應該掌握良好的網絡知識。個人網站建設首先，可心讓自己學習到的網絡知識得以實踐，這能在很大程度上提高我們對網絡的理解和應用能力。同時也積累了實際設計經驗，對于

14、我們以后在網絡方面發展來說是一個很好的鍛煉機會。其次，個人網站是網絡時代個人的網絡名片。這個名片可以使不認識的我的人認識我，了解我。無論是萬千山，有了個人網站，我們可以更好的推廣自己。讓自己的信息得到更多企業以及用人公司的了解。從而也提高也自己的就業面。提高了自己的社會渠道。最后，個人網站還可以讓自己認識更多有相同愛好的朋、認識更多不在同一個地方的人，有了個人網站，在internet這個信息海洋當中，就有了自己的一席之地，在網站中。不管是否是相同專業的人群以及別的專業的朋友，都可以暢所欲言，特別是對于學習網絡專業的以及從事相關專業的人來說，更是提供了一個非常好的交流平臺。這樣就跨越了地域的限制

15、性，讓自己真正也全世界名地的人共同交流，共同學習。使自己的交友圈更大。讓自己可以和網絡上更多的人交流，了解業界的動態，使自己也it行業一起成長。1.3 個人網站的需求分析我的個人網站主要是展示自己和推廣自己，主要是通過向網友提供和展示一些信息，從而讓大家了解我，認識我，具體的，主要是通過一些作品的展示，資源的提供以及使用一些圖片和文字讓大家能夠輕松的瀏覽本網站，這其實包括，展示區、心情日記、網站留言、資源下載、自我介紹和相冊等功能。雖然功能不是很強大，但是瀏覽者進入之后就會感到我的網站的特別之后。整個網站是通過全flash界面構成的，給人不同于普通表格框架結構所建的網站。由于我的網站并不同于一

16、般的商業網站那樣，需要具有高性能的空間和服務器，當然，購買服務器對于目前來說，也是不現實的，所以，只能租用服務器空間，在我的網站中。我選擇的是效為便宜的入門型服務器，它的空間是100m、支持access數據庫、ftp的上傳和下載、asp和asp.net技術。第二章 關鍵技術及運行環境的需求分析2.1 矢量圖簡介矢量圖也稱為面向對象的圖像或繪圖圖像，繁體版本上稱之為向量圖，是計算機圖形學中用點、直線或者多邊形等基于數學方程的幾何圖元表示圖像。矢量圖形最大的優點是無論放、縮小或旋轉等不會失真；最大的缺點是難以表現色彩層次豐富的逼真圖像效果。2.2 flash 簡介2.2.1 flash 開發環境f

17、lash是一種交互式矢量多媒體技術，他的前身是futureplash，早期網上流行的矢量動畫插件。后來由于macromedia公司收購了future splash以后便將其改名為 flash2，到現在最新的flash8.0。目前網上已經有成千上萬個flash站點，著名的如macromedia專門站點“閃客帝國”，全部采用了flash 和director?？梢哉fflash已經漸漸成為交互式知量的標準，未來網頁的一大主流。由于其獨特的時間片段分割（timeline）和重組（mc嵌套）技術，結合actionscitp的對象和流程控制，使得在靈活的界面設計和動畫設計成為可能，同時它也是最為小巧的前臺。

18、flash被稱為是“最為靈活的前臺”，flash具有跨平臺的特性所以無論你處于處于何種平臺，只要你安裝了支持的flash player，就可以保證它們的最終顯示效果的一致，同java一樣，它有很強的可移植性?，F在的flash還具有的手機支持功能，可以讓用戶為自已的手機設計喜愛的功能。2.3 flash基本原理所謂動畫就是將靜止的畫面變為動態的藝術，實現由靜止到動態，主要是靠人眼的視覺殘留效應利用人的這種視覺生理特性可制作出具有豐富想象力和表現力的動畫影片。flash動畫制作也是通過這個原理來得到我們想要的動畫。在flash當中，每一個靜止的畫面被稱為“幀” 將這些幀也就是畫面快速的播放出來就成

19、的動畫。2.3.1 flash動畫的生成在flash中提供了兩種生成動畫補間，即“動作”和“形狀”。這樣以來，就面臨了一個問題：怎樣的情況下，生成動作補間，又在怎樣的情況下生成形狀補間？這個問題比較深入，也絕對不是憑空能猜想出來的，只有經過自己的反復嘗試才能真正弄清楚、弄明白。在制作的過程中，我不斷的嘗試著這兩種動畫所表現出來的效果。也明白了，什么時候需要“動作”補間，什么時候需要“形狀”補間。也總結出了它們的區別。動作動畫主要是制作元件移動方面的動畫，元件要組合，組合快捷鍵：ctrl+g；形狀動畫主要制作元件的形狀和顏色方面的漸變，元件必須要打散，打散快捷鍵：ctrl+b2.3.2 時間軸時

20、間軸是 flash的一大特點，也是flash 進行動畫創作和編輯的主要工具，通常它位于舞臺和常工具欄之間，用鼠標拉動時間軸，也可以改變它的位置。時間軸就好像導演的劇本，它決定了各個場景的切換以及演員的出場、表演的時間順序。位于時間軸前面的動畫出場就早于位于時間軸后面的動畫對象。圖（2.1）時間軸2.3.3 flash中的幀幀其實就是動畫播放的基本單位，每一個動畫都是由多個幀組成的,每個幀代表一個動作。普通幀是對關鍵幀時候的形態的時間延長，讓物體保持剛才幀狀態更長時間。關鍵幀就是當需要物體運動或變化的時候需要用到的，在設計的過程中往往第一個關鍵幀是物體的開始狀態，而第二個關鍵幀就是物體的結束狀態

21、，而在這兩個關鍵幀中間的補間的幀就是物體有第一個關鍵幀到第二個關鍵幀的變化過程，補間的幀常?？赡芡ㄟ^flash自己生產。所以空白關鍵幀和關鍵幀的區別就在于，關鍵幀上是有具體內容的，而空白關鍵幀而是通過刪除關鍵幀而得到的。flash中的幀按表現方式的不同分為普通幀,關鍵幀和白色關鍵幀3種：普通幀：指動畫時間軸中的每一個小格子。關鍵幀：動畫播放過程中的呈現關鍵作用或內容變化的幀?？瞻钻P鍵幀：無任何內容的關鍵幀。2.4 asp技術簡介microsoft active server pages 即我們所稱的 asp ，意為“活動服務器網頁”。其實是一套微軟開發的服務器端腳本環境。microsoft a

22、ctive server pages是創建動態網頁的一個很好的工具，通過asp可能編寫出動態的網頁，可以產生html的程序代碼。因此，只要用戶瀏覽網站，并請求一個web網頁，web服務器就可以處理相應的asp代碼。它一般以vbscript作為服務器端的腳本語言，由安裝在服務器上的應用程序擴展軟件負責解釋并執行這些腳本。2.5 access 2003 技術簡介microsoft office access是由微軟發布的關聯式數據庫管理系統。是 microsoft office的成員之一。access是一個在windows環境下開發的關系數據庫，它還是一個功能強大的開發工具，一般不需要進行復雜編程

23、，不用高級語言編程也可以開發出比較理想的數據庫。access 數據庫使用標準sql（structured query language，結構化查詢語言）作為它的數據庫語言。每一個access數據庫，包括它所有的對象都存儲在經（.mdb）為擴展名的數據庫文件當中。所以說，打開一個數據庫就是打開一個數據庫文件。就access而言，可以認識數據庫和數據加文件含義相同。access數據庫不提包括各種對象，而且還包括各種對象的操作。access數據庫的優點在于它有使用數據表示圖或自定義窗體收集信息，數據表示圖提供了一生種類似于excel的電子表格，可以使數據庫一目了然。另外，access允許創建自定義報

24、表用于打印或輸出數據。access也提供了數據存儲庫，可以使用桌面數據庫文件把數據庫文件置于網絡文件服務器，與其他網絡用共享數據庫。如上所述，access作為關系數據庫開發具備了許多優點，提供了的關系數據庫的強大功能。2.6 iis 服務簡介iis的全稱是internet information services（internet信息服務），這是一個microsoft的用于架構基于windows系統的服務器的附件。這個軟件可以在windows 2000/xp的中安裝。windows 2000 server在安裝系統的時候，就自動安裝iis5.0，但是，professional版本的iis功能就

25、大大精簡于server以及advanced server版了。2.6.1 iis的安裝不同的系統內置的iis版本是各不相同的，windows server 2003 為iis6.0，默認狀態下是沒有安裝iis服務的。必須手動安裝，下面就簡單介紹一下如何在windows2000 profession和windows xp中安裝iis的過程。步驟1：在“控制面板”中選擇“添加/刪除程序”步驟2：在“添加/刪除程序”中選擇“添加/刪除windows組件”，就會彈出以下所示的windows組件向導對話框圖（2.2）iis安裝步驟步驟3：單擊下一步，進入安裝過程。2.6.2 iis虛擬目錄的創建在啟動i

26、nternet信息服務后，在右側選中“默認web站點”單擊鼠標右鍵，在快捷菜單中選擇“新建”選擇“虛擬目錄”命令，輸入虛擬目錄的名字，然后按照系統提示操作，即可完成對虛擬目錄的創建。圖(2.3) 創建虛擬目錄(1).啟動站點，停止、暫停、刪除站點。(2).主目錄設置、文檔管理、http頭、目錄安全性、目錄路徑、自定義錯誤、性能。2.7 運行環境為了確保系統運行效率和可靠性,服務器端具有較高的軟件配置,客戶端的要求不需要很高,此應該程序可廣大運行于internet平臺上，例如在普通的家用寬帶中，學習的機房，宿命和各種終端，也選用于內部的局域網,運行要求如下：硬件環境：服務器：cpu要求piii8

27、00以上,內存256mb以上?？蛻魴C：cpu要求200mmx以上,內存64mb以上。軟件環境：客戶端：windows98,internet ecplorer4.0 以上版本。服務器端：windows2000,iis5.0及以上版本。數據庫：采用access數據庫，運行于服務器。第三章 網站的設計和內容規劃3.1 網站的總體結構該個人網站的建設是用flash動畫網而設計+access數據庫+asp動態網頁編程設計。系統是基于客戶機/服務器模式的系統。在設計的過程。分為以下幾個方面：主頁面的設計、子頁面的設計。網站的整體結構如下圖所示：進入網站，出現主界面和導航條作品展示心情日記給我留言關于我資源

28、下載友情鏈接音樂播放圖(3.1 ) 網站結構3.2 頁面設計(1).主頁面的結構設計：在設計之前，我收集了大量的flash網站的資料信息，特別是很多優秀flash個人網站，觀察了他們的整體框架以及網站的表現形式。我發現，優秀的flash網站，給人的感覺完全不同于普通的基于html頁面的網站。都是以簡潔的形式，給人的視覺產生不同的效果，所以我的主頁設計，整體思想，也將延續簡潔清爽的思路。除必要的導航以外，界面上不另任何內容。以做到給人耳目一新的感覺。下面是我設計的主頁的結構：簡潔清爽的網頁背景網頁的導航欄網中的功能按扭可更換的網頁背景圖(3.2) 頁面布局(2).子頁的結構設計：一個網站的主頁和

29、子頁往往具有相同的風格，只有給人與相同的風格。讓人感覺網絡明確，整體感強，在我網站的子頁中。我將延續主頁面的簡潔風格，在除了必要的功能以外，也將于簡潔清爽為主色調。子頁面功能區子頁面中保留了主頁面的整體風格位于主頁中間，簡潔的子頁功能區圖(3.3)子頁面結構圖第四章 網絡數據庫設計一個網站，必須有數據庫來存放數據信息。數據庫在一個網站系統中占有非常重要的地位，數據庫設計的優劣直接對網站的運行效率和實現的效果生產影響。合理的數據庫結構設計可以提高存取效率，保證數據的完整性和一致性，從而提高網站的訪問和瀏覽效果。在設計數據庫時應該首先充分了解網站對數據庫各個方面的需求，包括現在的和將來可能增加的功

30、能，所以。數據庫應該具有一定的可擴展性。4.1數據庫的需求分析網站對數據庫的需求具體體現在各種信息的提供、保存、更新和添加上，這就要求數據庫結構能充分滿足各種信息的輸出和輸入。通過收集基本數據、數據庫結構以及數據處理的流程。組成一份詳盡的數據庫。為后面的具體設計打下基礎。4.2 數據表的設計(1).站點信息表在站點信息表中，主要是保存網站的域名，以及網站的名字和站主的電子郵件等。圖(4.1) 站點信息表字段說明：id ：該字段是該表的主鍵，數據類型是自動編號。web_name ：該字段保存的是網站名稱，數據類型是文本型。web_qq ：該字段是記錄站長qq號碼的字段，數據類型是文本型。web_

31、email ：該字段保存的是站長的電子郵件地址，數據類型是文本型。(2).留言登記表圖(4.2) 留言記錄表字段說明：id ：該字段代表留言本中，留言的條數。這個字段，是本表的主鍵，采用自動編號。name ：該字段代表留言中，留言者的姓名，字段大小設為50。qq ：該字段收集留言者的qq號碼，以便以后聯系時使用。email ：該字段為收集留言者的電子郵件，字段大小高為50。數據類型為文本型。homepage ：該字段代表留言者的主頁，字段大小為100。blog ：該字段表示留言者的博客地址，字段大小為50，為可選項。title ：該字段表示留言者的留言主題，字段大小為50。content ：該

32、字段為備注字段。為可選項。date ：該字段表示留言者，留言時的具體時間。pxid ：該字段表示留言者，留言內容的字數。gmcontent ：該字段也是備注字段，為可選項。gmdate ：該字段為時間字段，數據類型為時間/時期型。(3).回復記錄表回復記錄表中，主要存放了回復者的時間以及回復者的內容等等。字段名稱數據類型字段說明reply_id自動編號長整型、遞增guest_id數字長整型、自動reply_name文本50reply_pw文本50reply_content備注可選項reply_time時間/日期常規日期reply_ip文本50reply_system文本50reply_ie文本

33、50表(4.3) 回復登記表字段說明：reply_id ：該字段用于保存回復的條數，是表的主鍵。數據類型為自動編號。guest_id ：該字段存放回復的字數，數據類型是數字型。reply_name ：該字段用來存放回復者的姓名，數據類型是文本型。reply_pw ：該字段是存放回復者所回復的內容的。reple_conent ：該字段是保存備用信息的，是可選項。reply_time ：該字段保存的是，回復者的回復時間。數據類型是日期/時間型。reply_ip ：該字段記錄的是回復者，回復時主機的ip地址。reply_systeim ：該字段是記錄回復者，回復的時候所用主機的系統類型。reply_

34、ie ：該字段是記錄回復者，當是使用的主機的ie類型的。4.3 數據庫的連接動態網站應用程序開發過程中的關鍵技術就是動態網站數據庫的設計和創建。這包括數據源的配置與連接，數據源的操作、數據的獲取、查詢等等。在我的網站中，我采用的是asp用database access 與數據庫連接。在整個網站系統中，數據庫的連接與打開在系統中是很重要的。如果連接和打開不能順利的進行，那么整個網站將不能進行訪問，留言以及保存相應的信息。下面給出本網站系統連接打開數據庫的原代碼：<%db="data/guest1.mdb"set conn=server.createobject(&quo

35、t;adodb.connection")conn.connectionstring= "driver=microsoft access driver (*.mdb);dbq="&server.mappath(“db”)conn.open%>數據庫連接代碼說明：(1).定義數據庫的名稱及路徑db="data/guest1.mdb"(1).定義數據庫的相對路徑和數據庫的驅動程序的方法如下：conn.connectionstring= "driver=microsoft access driver (*.mdb);dbq=&q

36、uot;&server.mappath(“db”)(2).定義一個數據庫對象的方法如下：set conn=server.createobject("adodb.connection")conn.open conn.connectionstring(3).定義一個記錄集的方法如下：set conn=server.createobject("adodb.connection")第五章 網站功能的實現和調試5.1 網站功能介紹本網站，由于是個人網站，所以功能上并不像一些大型網站那樣功能強大和全面，本網站的功能主要是展示自己，以及讓有相同愛好的朋友提供一

37、個網絡交流的平臺，讓大家相互了解、認識、學習并且可以認大家討論自己的作品。在網站中也提供了表達自己心情的欄目，可以讓自己在學習和工作之外，能向網上關心我的朋友傾訴一下自己的心情，向網友們表達一下我的生活的理解，以及我對一些事情的無奈。在我的網站中，我還提供了一些我認為是重要的資源，包括一些程序和代碼的下載地址，網友可以根據自己的需要，進行下載和安裝。最后，我的網站中還提供了部分門戶網站的友情鏈接?？梢宰尵W友方便的進行網上沖浪。5.2 主頁動畫效果的實現由于我的個人網站是采用全flash界面制作的，所以主頁的制作當然也應該由flash來完成。在主頁當中，主要是通過補間動畫，以及加入了一些角本命令

38、制作出來的。這其中包括了大量的圖層，具體如下圖所示：圖(5.1) flash中的層說明：在網頁中，我首先用了一個圖層存放背景，我選擇的是全黑色的背景，由于所以的東西，都必須放在背景上面，所以背景圖層，被放置在最下面。位于網頁下方的主導航欄，我是事先做好了幾個相應的按鈕，然后通過調用“元件”，再加上補間動畫來實現的，在制作的時候，動畫的加載和時間軸的配合，是非常重要的，可以說，時間軸，就是動畫的生命軸，因為，動畫就是延時間的順序能動起來的畫圖。這是對動畫最本質的理解。所以，設計一個動畫，實質上，是設計一些畫面效果，根據一定的時候順序自己的出現（加載）而得到的效果。那么，我在實際的制作過程當中，就

39、對時間軸的把握也遇到了不少問題，特別是在圖層多的時候，在一個時刻，不同的圖層，要出現不同的效果，從而，最后，共同展現出讓我滿意的效果。有時候，要作做到這一點，特別難，比如說，我的想當是，當中心按鈕移動到下面的時候，再展開，出現在網頁下方的主導航列，而在開始作的時候，往往是在中間的位置，它就自己展開了，從而沒有達到我相要的效果，最后，在實驗多次之后，終于把時間軸與圖層的配合想協調起來。在我的網站中，留言簿也是通過flash編輯出來的，具體的實現方法是這樣的，我是能過主面index.html來調用相應的主要動畫效果index.swf 。然后在動畫全部加載完成之后，由頁面下方自動展開的主導航按鈕通過

40、動畫的方式展示出各個功能按鈕，其實包括：作品展示、心情日記、網站留言、資源下載、友情鏈接、自我介紹幾個方面。通過單擊flash 按鈕就可以進入相應的功能子頁，具體進入的方法是，通過單擊主頁上的flash按鈕，然后自己加截。相應的子頁面。具體代碼如下：on (release) _root.mc9.loadmovie("xtbook.swf");說明：on(鼠標事件):可以捕獲當前按鈕（button）中的指定事件，以執行相應的程序。參數(鼠標事件)指定了要捕獲的事件，分別如下 ：on (release) : 鼠標事件，當鼠標釋放按鈕的時候觸發后面的事件。on(press): 鼠

41、標事件，當按鈕被按下時觸發該事件。on(releaseoutside): 當按鈕被按住后鼠標移動到按鈕以外并釋放時所觸發的事件。on(rollover)：當鼠標滑入按鈕時觸發該事件。本例中，當鼠標離開（release）按鈕的時候，加動畫頁百”xtbook.swf”。5.3 子界面的功能實現(1).作品展示頁面在這個頁面當中，主要展示了我的一些攝影作品，攝影是我生活中的一個愛好，當我的生活中出來美麗的瞬間或是有紀念意義的時候。我總是希望能通過手中的相機記錄下這一時刻。在我的網站作品展示欄中，我展出了幾幅我認識是很成功的攝影作品，提供給網友欣賞。下面制作這個頁面的具體步驟：首先，新建一個flash

42、文檔，并將該文檔命名為“zuoping.swf”,然后保存在“index.fla”文檔的相同文件夾當中。然后設計“zuoping.fla”的屬性，如圖所示。所以該頁面的影片屬性都應該設計成跟主場景的影片屬性一致。圖(5.2) flash文檔屬性設置進入“zuoping.fla”文件的制作，在舞臺當中，新建一層，用來放置作品展示框。在放置作品展示框的時候，一定要注意放的位置，因為這直接影響到后面，展示照片的效果。放置好之后，鎖定圖層后，再次新建一個圖層，在這個圖層上。就放置需要展示的照片了。這里，需要將每一幅照片通過“導入”的方法，將每一幅照片放到舞臺當中，然后再右鍵單擊照片，選擇將照片轉化為“

43、元件”，只有轉化為“元件”之后。才能進行下一步的編輯。圖(5.3) 圖片轉化為元件將所以用于展示的照片轉化為“元件”之后，下一步就是分別將它們從“庫”中提取出來放到舞臺上，進步動畫的設計了。先選中所以的照片，然后單擊右鍵，進行組合。通過組合，零散的圖片，就成為了一個整體，可以對它們進行統一的調整位置、大小、高度等等。將它們放置在適合的位置之后，在時間軸上單擊右鍵，選擇插入“關鍵幀”這個關鍵幀將作為動畫的開始幀。此時，通過鼠標拖動照片的位置，設置動畫的播放效果，最終位置調好之后，在時間軸上再一次新建“關鍵幀”。這一幀就作為動畫結束的關鍵幀，此時，在開始幀和結束幀之間，單擊鼠標右鍵，選擇“創建補間

44、動畫”。隨著一條藍色箭頭的出間，動畫的創建也就基本完成了。最后進行保存和發布，在保存和發布的時候，注意相應的設置。那么一個子頁面的制作就完成了。(2).心情日記頁面作為個人網站，應該包含心情日記這一部分，無論是工作了,還是上學;無論我心情是開心快樂,孤獨,悲傷,郁悶,思念,傷感;無論我是單身，失戀，開始戀愛，和朋友分手，想哭，想笑，我最希望盡可能在網絡心情日記本中張揚個性，寫出內心的秘密和感動。和網友一起分享，認大家可以更加的了解我。更好的和我交流。(3).資源下載頁面在資源下載里面，我提供了整站下載，常用軟件下載，源碼下載。圖(5.4)在整站下載頁面當中，我整理和收集了網上一件經典的網站程序

45、，這些整站程序，都是網友們認為是做的好的，有創意的，具有一定代表性的網站程序。網友們，可以下載學習這些網站的特點，我想，這對想要建站的朋友。一定會有很大的幫助。在我的空間里面，提供了下載地址。以及必要的說明。網友們可以隨便下載。(4).友情鏈接頁面一個網站，友情鏈接部分是必不可少的。我的個人網站，也設置了相應的友情鏈接。我網站的友情鏈接主要是放一些我個人興趣方面的網站，這其中包括我所學的專業領域，和個人愛好方面的東西。除此之外，還有一些主要門戶網站也進行了我的友情鏈接。這包括：百度網、騰迅網、新浪網等。這些網站都是平時網友點擊率比效高的網站，設置了這些網站的友情鏈接以后，不但可以讓網友在訪問完

46、我的網站之后，輕松方便的進入自己想進入的網站。最后，通過友情鏈接的設置，還可以提高網站的訪問量，以及和別的一些網站，建立友好的合作關系，這對于我個人網站的發展有著很大的作用。(5). 個人簡介頁面圖(3.4) 自我簡介頁面作為個人網站，自己簡介當然是少不了的了。在自己簡介里面，我寫了我個人的信息，這其實包括，我的姓名、年齡、網名、電子郵件以及所學專業等等，和個人的愛好。我也希望，能過我的展示，能讓更多有相同愛好的朋友與我聯系，我們可以共同討論，共同進步。(6).flash留言本圖(3.5) 留言本一個網站中，留言功能是必不可少的。在了留言簿，才能實現網友和網站的建設者進行交流和溝通。我的網站也

47、不例外，由于我是全flash網站，所以我的留言片。也是由flash制作的，當然。其實也用到asp作處理。在網的留言本中，網友可以留言發表自己想說的話，也可以查看別人的留言，對別人的留言做出討論。通過網友的留言，我也能收集到網友的聯系方式，電子郵件地址，以及留言者的愛好等情況。從而更好的和網友進行交流，和討厭。下面是我的留言本界面。 5.4 flash 網頁的設置與發布我的主頁，是通過在flash 中編輯而成，在發布的時候，選擇發布類型為.swf和.html類型，這樣，網站在加載的時候，自然就成為了flash的頁面了。下面，是具體的發布方法：圖(5.4) 發布設置說明：在發布設置里面，選擇“格式

48、”選項卡，可以選擇發布的文件類型，并且設置輸出保存的目標文件。其實默認值是輸出文件征收flash源文件在同一個文件內。發布的時候，可選的發布格式有：flash(.swf),html(.html),gif圖像(.gif),jpeg圖像(.jpg),png圖像(.png),windows放映文件(.exe)等八種格式類型。這里，我選擇了flash(.swf)以及html(.html)兩種類型。因為，我要做的是flash網頁，所以必須用這兩種類型。5.5 代碼調試過程中經常出現的問題(1).在通過代碼和數據庫連接的時候，出現了多次問題，主要是有時數據庫的位置與文件位置有錯，這其實，有一個關鍵的問題就

49、是“相對路徑”和“絕對路徑”的問題，只有路徑一出錯，那么連接肯定是失敗的，這說明我們在平時學習的時候，沒有注意到這些知識點，對一些關鍵性的知識，沒有得到很好的掌握。(2).對數據錄入數據庫時也常常出錯，總是在于，進行數據表的設計對各種不同的字段都有專門的設置，比如，它們的數據類型，長度，是不必須錄入或可以不錄入等規定沒有仔細的進行設置。(3).在設計界面的時候，往往flash設計中應該注意的問題，用原來設計普通html網頁的思路進行flash頁面設計是不行的。應該了解和學習flash具體的設計思路以及特別。這樣才能設計出有特別的動畫網頁。第六章 網站發布與推廣一個網站想要在internet上被更多的人所訪問，和瀏覽，讓越來越多的網友認可這網站，乃至在行業內讓大家認可，樹立公司或個人站點的形象，都必須進行網絡營銷推廣。那么，作為我的個人網站。在進行推廣的時候，應該注意以下幾點：(1).網站在制作完成之后，應該上傳到服務器上，讓網站真正的運行起來，而不是只停留在本地的制作和學習實驗當中。(2).為了讓大家能成為網站的回頭客，我的網站中，將加入一些專業方面大家感興趣的內容，以便大家的使