1、 HYPERLINK HYPERLINK 網站建設課課程設計計 學院：京江學學院 班級： 學號： 姓名： 第一部分一、前言背背景隨著互聯網網的高速速發展和webb2.00時代的的到來，越越來越多多的網站站如雨后后春筍般般涌現出出來。根根據中國國互聯網網絡信息息中心發發表的權權威報告告顯示，截截至09年6月底 ，我國國網站數數達到2877.8萬個。網網站數量量的劇增增，導致致競爭的的加劇。于于是越來來越多的的站長，尤尤其是個個人站長長，開始始對網站站的發展展前景表表示擔憂憂。但實際情況況并不是是如此1、雖然我我國網站站在數量量上已經經達到百百萬規模模，但并并不表明明我國網網站行業業的市場場已經完

2、完全飽和和。根據據前述的的權威報報告顯示示，截至至09年6月底 ，我國國網民數數達到3.338億 ，網絡絡普及率率25.5%。這個個數據說說明了兩兩個問題題。第一一個，我我國的網網民數量量是非常常龐大的的。第二二個，我我國的網網民數量量增長潛潛力還是是很大的的。那么么，個人人網站的的發展空空間也肯肯定是有有的。 2、個人人網站與與商業網網站相比比并沒有有絕對的的優勢與與劣勢。商商業網站站的優勢勢在于資資金的充充足可以以為其帶帶來更廣廣泛的宣宣傳與推推廣，人人力的充充足可以以給其帶帶來更大大的數據據和信息息量，以以及技術術上的優優勢可以以為其帶帶來更先先進的功功能。但但這些，并并不是一一個網站站

3、最核心心的價值值。網站站最核心心的價值值在于給給網民帶帶來最有有價值的的信息或或服務。但但沒有哪哪一個網網站敢于于承認所所有的服服務、信信息、功功能都會會得到所所有網民民的青睞睞。正所所謂眾口口難調。那那么，這這就給個個人網站站帶來了了空間。個個人網站站的優勢勢在于小小成本運運營,擺脫了了投入與與回報問問題的困困擾。只只需要用用心做出出自己的的特色就就行了。而而由于中中國網民民的龐大大，不同同網民又又有不同同的喜好好與要求求，那么么一個有有特色的的個人網網站也肯肯定能夠夠從這龐龐大的網網民群體體分一杯杯羹。而而由于個個人網站站基本可可以忽略略成本的的問題，那那么只要要個人網網站能從從中爭取取一

4、小部部分市場場，哪怕怕是個小小蝦米，獲獲得的收收益也是是非?？煽捎^的。二、使用工工具1. Drreammweaaverr82. 數據據庫Acccesss200033. Fllashh 8本網站以DDreaamweeaveer8為為開發平平臺，運運用ASP（Acttivee Seerveer PPagees）技術術和數據據庫數據據庫Acccesss20003連連接,為了美美化頁面面，引入入了Fllashh 8動畫，在在設計的的同時還還運用了了HTMML語言。三、個人網網站的簡簡單介紹紹這次課程設設計的要要求是根根據自己己的愛好好做個人人網站，我我喜歡詩詩詞，所所以毫不不猶豫地地選擇了了做以詩詩歌

5、為主主題的網網站?！霸娧灾局?，歌詠詠言”，詩詞詞傳承了了中國悠悠久文化化，它用用最簡單單的語言言詮釋了了作者的的內心世世界，讓讓不同時時代的人人心靈相相通。我我喜歡詩詩詞，喜喜歡在一一個安靜靜的午后后，泡一一杯花茶茶，捧一一本紅紅樓夢詩詩詞選靜靜靜地細細看，喜喜或悲的的感覺原原來真的的只需一一秒鐘來來轉換，一一句詩、一一句詞，就就是從山山頂跌入入谷底的的感覺而現在在除了應應試需要要，讀詩詩詞的人人太少了了，所以以有必要要做一個個詩詞類類的網站站，將傳傳統文化化發揚光光大。我我用這樣樣一段話話描繪詩詩詞帶給給我的感感覺：輕輕輕的微微風，吹吹來這淡淡淡的幽幽香，就就像你的的詩，你你的詞，好好像行云

6、云流水我我的心；你的詩詩為我的的心所困困，你的的詞為我我的心悲悲哀，原原諒我只只能用這這冷酷面面對你，心心里面在在一萬次次呼喚；一切全全都是命命運的錯錯，晃晃晃悠悠，留留不住我我的夢，風風花雪月月，傷心心的事。本網站起名名為“中華詩詩詞”，希望望中國的的古典詩詩詞能夠夠發揚光光大;希望它它能穿越越五千年年的時空空，帶給給更多的的人心靈靈的共鳴鳴;也希望望越來越越多的人人能夠喜喜歡詩詞詞。本網站主要要分以下下五個模模塊：總的模塊圖圖中華詩詞網中華詩詞網用戶登錄注冊用戶瀏覽模塊用戶登錄用戶注冊用戶信息修改詩詞欣賞模塊詞人介紹模塊用戶端首頁美圖欣賞模塊書籍介紹模塊1.用戶登登錄注冊冊模塊本模塊是動動

7、態頁面面的設計計部分，用用戶可以以注冊成成為該網網站的會會員，注注冊時需需要提供供用戶名名和密碼碼，記錄錄存入Acccesss數據庫庫。如果果數據庫庫中已經經存在該該用戶名名，會自自動給出出錯誤信信息：“該用戶戶名已經經能夠存存在，請請重新注注冊”。然后后可以憑憑用戶名名和密碼碼登錄本本網站，成成功登陸陸后可以以執行兩兩種操作作：注銷銷本次登登陸或者者修改用用戶信息息。如果果登陸失失敗，會會給出提提示信息息：“用戶名名或者密密碼錯誤誤”。2.詩詞欣欣賞模塊塊本模塊是靜靜態頁面面部分。詩詩詞總是是給人美美的享受受，本模模塊以我我最喜歡歡的九名名著名詞詞人（如如納蘭性性德等）為為索引，分分別介紹紹

8、了他們們幾首的的代表作作品。3.詞人介介紹模塊塊其實每個詞詞人的經經歷都是是一本書書，書中中包含太太多的喜喜悅、哀哀愁、無無奈。只只有了解解了詞人人的經歷歷，才能能真正讀讀懂詩詞詞，了解解詩詞的的內涵。本模塊是靜靜態頁面面部分。以以上面所所涉及的的九個詞詞人為例例，簡單單的介紹紹了他們們的籍貫貫、生平平、一生生中的重重大事跡跡，還介介紹他們們出版過過的詩集集等等。4.美圖、動動畫欣賞賞模塊詩詞只是簡簡單的文文字描述述，它所所描述的的具體意意境需要要讀者去去體會，才才能在腦腦海中浮浮現具體體的畫面面。當詩詩詞與具具體的圖圖畫或者者動畫結結合的時時候，更更能給人人唯美、身身臨其境境的感覺覺，詩人人

9、的意境境可以更更好地傳傳達。本模塊是靜靜態頁面面部分，以以圖片交交換的方方式羅列列了多幅幅嵌入詩詩詞的精精美圖畫畫和一個個精美的的詩詞Flaash動畫。5.書籍介介紹模塊塊讀詩集是的的一種習習慣，是是一種享享受，也也是一種種心靈的的凈化和和洗滌。詩詩集能夠夠讓人淡淡定，認認清一些些現象，看看淡一些些事情，同同時悟出出一些道道理，以以獲得人人生的一一種升華華。本模塊是動動態頁面面部分。Access數據庫中有多種書籍的多條記錄，運用重復區域和記錄集導航條實現以下兩個功能：每次顯示兩條記錄（包括書名、作者、價格、出版時間、出版社），還可以每次查看下一頁、上一頁、最后一頁或者是第一頁的記錄。第二部分一

10、、數據庫庫的設計計本網站建立立了一個個數據庫庫，其中中包含兩兩張表，一一張用于于用戶的的登錄注注冊模塊塊，記錄錄了用戶戶的基本本信息（為為了設計計簡便只只記錄了了用戶的的ID號，用用戶名和和密碼）。另另一張用用于書籍籍展示模模塊，記記錄了書書籍的ID號，作作者，出出版日期期，價格格，出版版社的信信息。設計如下圖圖所示：User表表的設計計：Produuct表的設設計:User表表的內容容：Produuct表的內容:二、詳細設設計1.用戶登登錄注冊冊模塊流流程圖登錄界面登錄界面錯誤，提示重新輸入輸入用戶名和密碼NY注銷用戶修改注冊信息注冊信息模塊2.用戶瀏瀏覽模塊塊流程圖圖網站首頁詩詞欣賞網站首

11、頁詩詞欣賞詞人介紹美圖欣賞書籍介紹選擇詞人選擇詞人美圖顯示動畫顯示顯示書籍返回返回返回返回首頁3.網站首首頁模塊塊截圖與與設計：截圖：用戶瀏覽的選擇滾動字幕的顯示1FLASH動畫的顯示用戶瀏覽的選擇滾動字幕的顯示1FLASH動畫的顯示鼠標經過圖像的交換鼠標經過圖像的交換用戶登錄注冊界面用戶登錄注冊界面滾動字幕的顯示滾動字幕的顯示2友情鏈接模塊設計：使用表格布布局，采采用一張張圖片作作為整個個頁面背背景。滾動字幕11和滾動動字幕2采用MARRQUEEE標簽來來實現。可以連接到到其他網網站，也也可以鏈鏈接到郵郵箱。將用戶登錄錄頁面嵌嵌入到主主頁面中中。4.用戶登登錄模塊塊的截圖圖與設計計該部分有三

12、三個頁面面組成：（loggin.aspp、logginffo.aasp、loggineerr.aspp）Loginn.assp頁面截截圖如下下：該部分包括登錄用戶服務器行為 “注冊”該部分包括登錄用戶服務器行為 “注冊”按鈕采用行為轉到URLLoginnfo.aasp頁面截截圖如下下:對于“修改”按鈕，添加UR對于“修改”按鈕，添加URL行為該部分有限制對頁的訪問和注銷用戶服務器行為限制對頁的的訪問：注銷用戶：Loginnerrr.assp頁面截截圖如下下:鏈接到首鏈接到首頁index.asp5.用戶注注冊模塊塊的截圖圖與設計計該部分由55個頁面面組成：reggistter.aspp,reeg

13、issterrbacck.aasp,useerinnfo.aspp,edditrrigiisteer.aasp,ediitusseriinfoo.asspregiisteer.aasp頁頁面截圖圖如下（運運行時）：FLASH動畫FLASH動畫“檢查表單單”的行為為該部分有“插入記記錄”，“檢查新新用戶名名”服務器器行為：插入記錄：檢查新用戶戶名：還有“檢查查表單”的行為：regiisteerbaack.aspp頁面截截圖（運運行時）：滾動字幕鏈接滾動字幕鏈接到register.aspuserrinffo.aasp頁頁面截圖圖（運行行時）：鏈接到鏈接到indexr.aspedittriggist

14、ter.aspp頁面截截圖如下下（運行行時）：動態綁定數據庫部分動態綁定數據庫部分鏈接鏈接到index.asp該部分有“更新記記錄”、“記錄集”、數據據庫的綁綁定（即即“動態文文本域”）服務務器行為為。更新記錄：記錄集：數據庫的綁綁定：“返回”按按鈕URL行為：edittuseerinnfo.aspp頁面截截圖如下下（運行行時）：鏈接鏈接到index.asp6.“詩詞詞欣賞”模塊截截圖與設設計該模塊包含含一個總總頁面和九九個分頁頁面?？偪傢撁姘丛~詞人姓名名為索引引設計，九九個分頁頁面分別別介紹各各個詞人人的代表表作。總頁面的的截圖（運運行時）：姓名分類索引，點擊選擇姓名分類索引，點擊選擇分頁面

15、的的截圖（運運行時）：轉上一個頁面轉下一個頁面返回如上總頁面轉上一個頁面轉下一個頁面返回如上總頁面6.“詞人人介紹”模塊截截圖與設設計該模塊包含含一個總總頁面和和九個分分頁面。總總頁面按按詞人姓姓名為索索引設計計，九個個分頁面面分別介介紹各個個詞人的的生平事事跡?？傢撁娴牡慕貓D（運運行時）：點擊此處分別查看各個詞人的介紹點擊此處分別查看各個詞人的介紹分頁面的的截圖（運運行時）：轉下一個頁面轉上一個頁面返回如上總頁面轉下一個頁面轉上一個頁面返回如上總頁面7.“美圖圖欣賞”模塊截截圖與設設計該部分包含含六個圖圖像頁面面和一個個FLAASH 網頁鏈鏈接。六個圖像頁頁面都有有有“恢復交交換圖像像”和“交換圖圖像”行為，當當鼠標移移動到圖圖像上的的時候顯顯示一幅幅圖像，當當鼠標離離開時候候顯示另另外一幅幅圖像，鼠鼠標點擊擊圖像則則進入下下一個圖圖像頁面面。鼠標移動到到圖像上上時顯示示如下：鼠標離開圖圖像時顯顯示如下下：