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

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

2、更多不在同一個地方的人，有了個人網(wǎng)站，在internet這個信息海洋當(dāng)中，就有了自己的一席之地。本論文詳細(xì)的敘述了我的個人網(wǎng)站在建設(shè)過程中所用到的工具，其實(shí)包括flash 網(wǎng)頁設(shè)計access數(shù)據(jù)庫以及photoshop對素材的編輯。說明了建設(shè)過程中的軟、硬件環(huán)境。并且介紹了網(wǎng)站功能是如何實(shí)現(xiàn)的。以及網(wǎng)站的維護(hù)和推廣。關(guān)鍵字：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 個人網(wǎng)站的背景分析11.2 開發(fā)個人網(wǎng)站的必要性21.3 個人網(wǎng)站的需求分析.2第二章 關(guān)鍵技術(shù)及運(yùn)行環(huán)境的需求分析.32.1 矢量圖簡介.32.2 f

8、lash 簡介3 2.2.1 flash 開發(fā)環(huán).32.3 flash基本原理.3 2.3.1 flash動畫的生成3 2.3.2 時間軸.4 2.3.3 flash中的幀42.4 asp技術(shù)簡介.5 2.5 access 2003 技術(shù)簡介.52.6 iis 服務(wù)簡介.5 2.6.1 iis的安裝.5 2.6.2 iis虛擬目錄的創(chuàng)建.62.7 運(yùn)行環(huán)境.7第三章 網(wǎng)站的總體設(shè)計.73.1 網(wǎng)站的結(jié)構(gòu).73.2 網(wǎng)頁的設(shè)計.9第四章 網(wǎng)站數(shù)據(jù)庫設(shè)計.114.1數(shù)據(jù)庫的需求分析.114.2 數(shù)據(jù)表的設(shè)計.114.3 數(shù)據(jù)庫的接連.14第五章 網(wǎng)站功能的實(shí)現(xiàn)和調(diào)試.155.1 網(wǎng)站功能介紹.15

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

10、個后起之秀經(jīng)過了13年多的發(fā)展，已經(jīng)走過了導(dǎo)入期，走上了快速發(fā)展的道路。可以說，中國互聯(lián)網(wǎng)的發(fā)展創(chuàng)造了一個互聯(lián)網(wǎng)神話，其發(fā)展速度在全球同等gdp國家中應(yīng)該是首屈一指的。中國互聯(lián)網(wǎng)在快速經(jīng)歷了跟隨、參與之后，即將迎來主導(dǎo)階段。10多年來，由于政策得當(dāng)，措施得力，搶抓機(jī)遇，互聯(lián)網(wǎng)事業(yè)得到跨越式的發(fā)展，僅國際出口帶寬總量就從最初的64k增長為現(xiàn)在的82617m。在互聯(lián)網(wǎng)技術(shù)方面，目前我國也站在了世界的前列，成為全球下一代互聯(lián)網(wǎng)主要的研究和應(yīng)用中心。2007年中國互聯(lián)網(wǎng)基礎(chǔ)資源的發(fā)展與網(wǎng)民的發(fā)展勢頭相似，同樣處于快速發(fā)展的階段。ip地址和域名是互聯(lián)網(wǎng)的基礎(chǔ)地址資源，年增長率分別達(dá)到了38%和190.4

11、%，保證了互聯(lián)網(wǎng)發(fā)展的平穩(wěn)進(jì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ù)的年增長率達(dá)到43.7%，中國與國際互聯(lián)網(wǎng)連接的能力進(jìn)一步增強(qiáng)。到目前為止，互聯(lián)網(wǎng)的應(yīng)用和普及已經(jīng)對我國政治、經(jīng)濟(jì)、文化的發(fā)展產(chǎn)生了重大的影響，這種影響也深入到百姓生活的方方面面。此次發(fā)布的報告顯示：我國網(wǎng)上購物大軍達(dá)到2000萬人，網(wǎng)上購物者半年內(nèi)累計購物金額達(dá)到100億元。隨便網(wǎng)絡(luò)在國內(nèi)的發(fā)展，我國的網(wǎng)站也越越多了。據(jù)權(quán)威數(shù)據(jù)表明，工國約有69.4萬個網(wǎng)站，其中個人網(wǎng)站已經(jīng)占到兩成

12、多。全國域名數(shù)約為259.2萬個，其實(shí)，網(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)得到了很大的發(fā)展。97年正是中國個人主頁發(fā)展歷史中最值得紀(jì)念的時期。因為一個很重要的原因，網(wǎng)易公司的成立。使得很多網(wǎng)民們抱著玩玩的態(tài)度相繼制作了個人主頁。直到98年，真正意義上的個人網(wǎng)站取代了之前的個人主頁。在個人網(wǎng)站當(dāng)中，也出現(xiàn)了商業(yè)化的風(fēng)格。網(wǎng)絡(luò)也成為了商界的戰(zhàn)場。轉(zhuǎn)眼到了2000年，網(wǎng)絡(luò)開始真正進(jìn)入了尋常百姓家，不管是內(nèi)容還是

13、技術(shù)上，也得到了很大的提高。直至今天，大部分網(wǎng)站都是以營利為目的的了。當(dāng)然，這也推動了網(wǎng)絡(luò)技術(shù)的成長，例如：asp、php、jsp、css等網(wǎng)站技術(shù)也被越來越多的人所掌握。近期.net技術(shù)的出現(xiàn)又對成熟的網(wǎng)絡(luò)技術(shù)注入了新的動力。相信在將來個人網(wǎng)站將更加普及，每一個上網(wǎng)的人，都可以屬于創(chuàng)建自己的個人網(wǎng)站。1.2 開發(fā)個人網(wǎng)站的必要性當(dāng)代是信息技術(shù)高速發(fā)展的代，并且融入我們的生活。作為計算機(jī)網(wǎng)絡(luò)專業(yè)的大學(xué)生更應(yīng)該掌握良好的網(wǎng)絡(luò)知識。個人網(wǎng)站建設(shè)首先，可心讓自己學(xué)習(xí)到的網(wǎng)絡(luò)知識得以實(shí)踐，這能在很大程度上提高我們對網(wǎng)絡(luò)的理解和應(yīng)用能力。同時也積累了實(shí)際設(shè)計經(jīng)驗，對于我們以后在網(wǎng)絡(luò)方面發(fā)展來說是一個很好

14、的鍛煉機(jī)會。其次，個人網(wǎng)站是網(wǎng)絡(luò)時代個人的網(wǎng)絡(luò)名片。這個名片可以使不認(rèn)識的我的人認(rèn)識我，了解我。無論是萬千山，有了個人網(wǎng)站，我們可以更好的推廣自己。讓自己的信息得到更多企業(yè)以及用人公司的了解。從而也提高也自己的就業(yè)面。提高了自己的社會渠道。最后，個人網(wǎng)站還可以讓自己認(rèn)識更多有相同愛好的朋、認(rèn)識更多不在同一個地方的人，有了個人網(wǎng)站，在internet這個信息海洋當(dāng)中，就有了自己的一席之地，在網(wǎng)站中。不管是否是相同專業(yè)的人群以及別的專業(yè)的朋友，都可以暢所欲言，特別是對于學(xué)習(xí)網(wǎng)絡(luò)專業(yè)的以及從事相關(guān)專業(yè)的人來說，更是提供了一個非常好的交流平臺。這樣就跨越了地域的限制性，讓自己真正也全世界名地的人共同交

15、流，共同學(xué)習(xí)。使自己的交友圈更大。讓自己可以和網(wǎng)絡(luò)上更多的人交流，了解業(yè)界的動態(tài)，使自己也it行業(yè)一起成長。1.3 個人網(wǎng)站的需求分析我的個人網(wǎng)站主要是展示自己和推廣自己，主要是通過向網(wǎng)友提供和展示一些信息，從而讓大家了解我，認(rèn)識我，具體的，主要是通過一些作品的展示，資源的提供以及使用一些圖片和文字讓大家能夠輕松的瀏覽本網(wǎng)站，這其實(shí)包括，展示區(qū)、心情日記、網(wǎng)站留言、資源下載、自我介紹和相冊等功能。雖然功能不是很強(qiáng)大，但是瀏覽者進(jìn)入之后就會感到我的網(wǎng)站的特別之后。整個網(wǎng)站是通過全flash界面構(gòu)成的，給人不同于普通表格框架結(jié)構(gòu)所建的網(wǎng)站。由于我的網(wǎng)站并不同于一般的商業(yè)網(wǎng)站那樣，需要具有高性能的空

16、間和服務(wù)器，當(dāng)然，購買服務(wù)器對于目前來說，也是不現(xiàn)實(shí)的，所以，只能租用服務(wù)器空間，在我的網(wǎng)站中。我選擇的是效為便宜的入門型服務(wù)器，它的空間是100m、支持access數(shù)據(jù)庫、ftp的上傳和下載、asp和asp.net技術(shù)。第二章 關(guān)鍵技術(shù)及運(yùn)行環(huán)境的需求分析2.1 矢量圖簡介矢量圖也稱為面向?qū)ο蟮膱D像或繪圖圖像，繁體版本上稱之為向量圖，是計算機(jī)圖形學(xué)中用點(diǎn)、直線或者多邊形等基于數(shù)學(xué)方程的幾何圖元表示圖像。矢量圖形最大的優(yōu)點(diǎn)是無論放、縮小或旋轉(zhuǎn)等不會失真；最大的缺點(diǎn)是難以表現(xiàn)色彩層次豐富的逼真圖像效果。2.2 flash 簡介2.2.1 flash 開發(fā)環(huán)境flash是一種交互式矢量多媒體技術(shù)，

17、他的前身是futureplash，早期網(wǎng)上流行的矢量動畫插件。后來由于macromedia公司收購了future splash以后便將其改名為 flash2，到現(xiàn)在最新的flash8.0。目前網(wǎng)上已經(jīng)有成千上萬個flash站點(diǎn)，著名的如macromedia專門站點(diǎn)“閃客帝國”，全部采用了flash 和director。可以說flash已經(jīng)漸漸成為交互式知量的標(biāo)準(zhǔn)，未來網(wǎng)頁的一大主流。由于其獨(dú)特的時間片段分割（timeline）和重組（mc嵌套）技術(shù)，結(jié)合actionscitp的對象和流程控制，使得在靈活的界面設(shè)計和動畫設(shè)計成為可能，同時它也是最為小巧的前臺。flash被稱為是“最為靈活的前臺”

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

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

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

21、物體有第一個關(guān)鍵幀到第二個關(guān)鍵幀的變化過程，補(bǔ)間的幀常?？赡芡ㄟ^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)容變化的幀。空白關(guān)鍵幀：無任何內(nèi)容的關(guān)鍵幀。2.4 asp技術(shù)簡介microsoft active server pages 即我們所稱的 asp ，意為“活動服務(wù)器網(wǎng)頁”。其實(shí)是一套微軟開發(fā)的服務(wù)器端腳本環(huán)境。microsoft active server pages

22、是創(chuàng)建動態(tài)網(wǎng)頁的一個很好的工具，通過asp可能編寫出動態(tài)的網(wǎng)頁，可以產(chǎn)生html的程序代碼。因此，只要用戶瀏覽網(wǎng)站，并請求一個web網(wǎng)頁，web服務(wù)器就可以處理相應(yīng)的asp代碼。它一般以vbscript作為服務(wù)器端的腳本語言，由安裝在服務(wù)器上的應(yīng)用程序擴(kuò)展軟件負(fù)責(zé)解釋并執(zhí)行這些腳本。2.5 access 2003 技術(shù)簡介microsoft office access是由微軟發(fā)布的關(guān)聯(lián)式數(shù)據(jù)庫管理系統(tǒng)。是 microsoft office的成員之一。access是一個在windows環(huán)境下開發(fā)的關(guān)系數(shù)據(jù)庫，它還是一個功能強(qiáng)大的開發(fā)工具，一般不需要進(jìn)行復(fù)雜編程，不用高級語言編程也可以開發(fā)出比較理

23、想的數(shù)據(jù)庫。access 數(shù)據(jù)庫使用標(biāo)準(zhǔn)sql（structured query language，結(jié)構(gòu)化查詢語言）作為它的數(shù)據(jù)庫語言。每一個access數(shù)據(jù)庫，包括它所有的對象都存儲在經(jīng)（.mdb）為擴(kuò)展名的數(shù)據(jù)庫文件當(dāng)中。所以說，打開一個數(shù)據(jù)庫就是打開一個數(shù)據(jù)庫文件。就access而言，可以認(rèn)識數(shù)據(jù)庫和數(shù)據(jù)加文件含義相同。access數(shù)據(jù)庫不提包括各種對象，而且還包括各種對象的操作。access數(shù)據(jù)庫的優(yōu)點(diǎn)在于它有使用數(shù)據(jù)表示圖或自定義窗體收集信息，數(shù)據(jù)表示圖提供了一生種類似于excel的電子表格，可以使數(shù)據(jù)庫一目了然。另外，access允許創(chuàng)建自定義報表用于打印或輸出數(shù)據(jù)。access也

24、提供了數(shù)據(jù)存儲庫，可以使用桌面數(shù)據(jù)庫文件把數(shù)據(jù)庫文件置于網(wǎng)絡(luò)文件服務(wù)器，與其他網(wǎng)絡(luò)用共享數(shù)據(jù)庫。如上所述，access作為關(guān)系數(shù)據(jù)庫開發(fā)具備了許多優(yōu)點(diǎn)，提供了的關(guān)系數(shù)據(jù)庫的強(qiáng)大功能。2.6 iis 服務(wù)簡介iis的全稱是internet information services（internet信息服務(wù)），這是一個microsoft的用于架構(gòu)基于windows系統(tǒng)的服務(wù)器的附件。這個軟件可以在windows 2000/xp的中安裝。windows 2000 server在安裝系統(tǒng)的時候，就自動安裝iis5.0，但是，professional版本的iis功能就大大精簡于server以及advan

25、ced server版了。2.6.1 iis的安裝不同的系統(tǒng)內(nèi)置的iis版本是各不相同的，windows server 2003 為iis6.0，默認(rèn)狀態(tài)下是沒有安裝iis服務(wù)的。必須手動安裝，下面就簡單介紹一下如何在windows2000 profession和windows xp中安裝iis的過程。步驟1：在“控制面板”中選擇“添加/刪除程序”步驟2：在“添加/刪除程序”中選擇“添加/刪除windows組件”，就會彈出以下所示的windows組件向?qū)υ捒驁D（2.2）iis安裝步驟步驟3：單擊下一步，進(jìn)入安裝過程。2.6.2 iis虛擬目錄的創(chuàng)建在啟動internet信息服務(wù)后，在右側(cè)選中

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

27、：cpu要求200mmx以上,內(nèi)存64mb以上。軟件環(huán)境：客戶端：windows98,internet ecplorer4.0 以上版本。服務(wù)器端：windows2000,iis5.0及以上版本。數(shù)據(jù)庫：采用access數(shù)據(jù)庫，運(yùn)行于服務(wù)器。第三章 網(wǎng)站的設(shè)計和內(nèi)容規(guī)劃3.1 網(wǎng)站的總體結(jié)構(gòu)該個人網(wǎng)站的建設(shè)是用flash動畫網(wǎng)而設(shè)計+access數(shù)據(jù)庫+asp動態(tài)網(wǎng)頁編程設(shè)計。系統(tǒng)是基于客戶機(jī)/服務(wù)器模式的系統(tǒng)。在設(shè)計的過程。分為以下幾個方面：主頁面的設(shè)計、子頁面的設(shè)計。網(wǎng)站的整體結(jié)構(gòu)如下圖所示：進(jìn)入網(wǎng)站，出現(xiàn)主界面和導(dǎo)航條作品展示心情日記給我留言關(guān)于我資源下載友情鏈接音樂播放圖(3.1 )

28、網(wǎng)站結(jié)構(gòu)3.2 頁面設(shè)計(1).主頁面的結(jié)構(gòu)設(shè)計：在設(shè)計之前，我收集了大量的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)生不同的效果，所以我的主頁設(shè)計，整體思想，也將延續(xù)簡潔清爽的思路。除必要的導(dǎo)航以外，界面上不另任何內(nèi)容。以做到給人耳目一新的感覺。下面是我設(shè)計的主頁的結(jié)構(gòu)：簡潔清爽的網(wǎng)頁背景網(wǎng)頁的導(dǎo)航欄網(wǎng)中的功能按扭可更換的網(wǎng)頁背景圖(3.2) 頁面布局(2).子頁的結(jié)構(gòu)設(shè)計：一個網(wǎng)站的主頁和子頁往往具有相同的風(fēng)格，只有給人與相

29、同的風(fēng)格。讓人感覺網(wǎng)絡(luò)明確，整體感強(qiáng)，在我網(wǎng)站的子頁中。我將延續(xù)主頁面的簡潔風(fēng)格，在除了必要的功能以外，也將于簡潔清爽為主色調(diào)。子頁面功能區(qū)子頁面中保留了主頁面的整體風(fēng)格位于主頁中間，簡潔的子頁功能區(qū)圖(3.3)子頁面結(jié)構(gòu)圖第四章 網(wǎng)絡(luò)數(shù)據(jù)庫設(shè)計一個網(wǎng)站，必須有數(shù)據(jù)庫來存放數(shù)據(jù)信息。數(shù)據(jù)庫在一個網(wǎng)站系統(tǒng)中占有非常重要的地位，數(shù)據(jù)庫設(shè)計的優(yōu)劣直接對網(wǎng)站的運(yùn)行效率和實(shí)現(xiàn)的效果生產(chǎn)影響。合理的數(shù)據(jù)庫結(jié)構(gòu)設(shè)計可以提高存取效率，保證數(shù)據(jù)的完整性和一致性，從而提高網(wǎng)站的訪問和瀏覽效果。在設(shè)計數(shù)據(jù)庫時應(yīng)該首先充分了解網(wǎng)站對數(shù)據(jù)庫各個方面的需求，包括現(xiàn)在的和將來可能增加的功能，所以。數(shù)據(jù)庫應(yīng)該具有一定的可擴(kuò)展

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

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

32、：該字段表示留言者，留言時的具體時間。pxid ：該字段表示留言者，留言內(nèi)容的字?jǐn)?shù)。gmcontent ：該字段也是備注字段，為可選項。gmdate ：該字段為時間字段，數(shù)據(jù)類型為時間/時期型。(3).回復(fù)記錄表回復(fù)記錄表中，主要存放了回復(fù)者的時間以及回復(fù)者的內(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) 回復(fù)登記表字段說明

33、：reply_id ：該字段用于保存回復(fù)的條數(shù)，是表的主鍵。數(shù)據(jù)類型為自動編號。guest_id ：該字段存放回復(fù)的字?jǐn)?shù)，數(shù)據(jù)類型是數(shù)字型。reply_name ：該字段用來存放回復(fù)者的姓名，數(shù)據(jù)類型是文本型。reply_pw ：該字段是存放回復(fù)者所回復(fù)的內(nèi)容的。reple_conent ：該字段是保存?zhèn)溆眯畔⒌?，是可選項。reply_time ：該字段保存的是，回復(fù)者的回復(fù)時間。數(shù)據(jù)類型是日期/時間型。reply_ip ：該字段記錄的是回復(fù)者，回復(fù)時主機(jī)的ip地址。reply_systeim ：該字段是記錄回復(fù)者，回復(fù)的時候所用主機(jī)的系統(tǒng)類型。reply_ie ：該字段是記錄回復(fù)者，當(dāng)是使用

34、的主機(jī)的ie類型的。4.3 數(shù)據(jù)庫的連接動態(tài)網(wǎng)站應(yīng)用程序開發(fā)過程中的關(guān)鍵技術(shù)就是動態(tài)網(wǎng)站數(shù)據(jù)庫的設(shè)計和創(chuàng)建。這包括數(shù)據(jù)源的配置與連接，數(shù)據(jù)源的操作、數(shù)據(jù)的獲取、查詢等等。在我的網(wǎng)站中，我采用的是asp用database access 與數(shù)據(jù)庫連接。在整個網(wǎng)站系統(tǒng)中，數(shù)據(jù)庫的連接與打開在系統(tǒng)中是很重要的。如果連接和打開不能順利的進(jìn)行，那么整個網(wǎng)站將不能進(jìn)行訪問，留言以及保存相應(yīng)的信息。下面給出本網(wǎng)站系統(tǒng)連接打開數(shù)據(jù)庫的原代碼：數(shù)據(jù)庫連接代碼說明：(1).定義數(shù)據(jù)庫的名稱及路徑db=data/guest1.mdb(1).定義數(shù)據(jù)庫的相對路徑和數(shù)據(jù)庫的驅(qū)動程序的方法如下：conn.connectio

35、nstring= driver=microsoft access driver (*.mdb);dbq=&server.mappath(“db”)(2).定義一個數(shù)據(jù)庫對象的方法如下：set conn=server.createobject(adodb.connection)conn.open conn.connectionstring(3).定義一個記錄集的方法如下：set conn=server.createobject(adodb.connection)第五章 網(wǎng)站功能的實(shí)現(xiàn)和調(diào)試5.1 網(wǎng)站功能介紹本網(wǎng)站，由于是個人網(wǎng)站，所以功能上并不像一些大型網(wǎng)站那樣功能強(qiáng)大和全面，本網(wǎng)站的功能主要

36、是展示自己，以及讓有相同愛好的朋友提供一個網(wǎng)絡(luò)交流的平臺，讓大家相互了解、認(rèn)識、學(xué)習(xí)并且可以認(rèn)大家討論自己的作品。在網(wǎng)站中也提供了表達(dá)自己心情的欄目，可以讓自己在學(xué)習(xí)和工作之外，能向網(wǎng)上關(guān)心我的朋友傾訴一下自己的心情，向網(wǎng)友們表達(dá)一下我的生活的理解，以及我對一些事情的無奈。在我的網(wǎng)站中，我還提供了一些我認(rèn)為是重要的資源，包括一些程序和代碼的下載地址，網(wǎng)友可以根據(jù)自己的需要，進(jìn)行下載和安裝。最后，我的網(wǎng)站中還提供了部分門戶網(wǎng)站的友情鏈接?？梢宰尵W(wǎng)友方便的進(jìn)行網(wǎng)上沖浪。5.2 主頁動畫效果的實(shí)現(xiàn)由于我的個人網(wǎng)站是采用全flash界面制作的，所以主頁的制作當(dāng)然也應(yīng)該由flash來完成。在主頁當(dāng)中，主

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

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

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

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

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

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

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

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

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

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

47、里面，選擇“格式”選項卡，可以選擇發(fā)布的文件類型，并且設(shè)置輸出保存的目標(biāo)文件。其實(shí)默認(rèn)值是輸出文件征收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ù)庫的位置與文件位置有錯，這其實(shí)，有

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