網(wǎng)站建設(shè)課程設(shè)計 學(xué)院：京江學(xué)院 班級： 學(xué)號： 姓名： 第一部分一、前言背景隨著互聯(lián)網(wǎng)的高速發(fā)展和web2.0時代的到來，越來越多的網(wǎng)站如雨后春筍般涌現(xiàn)出來。根據(jù)中國互聯(lián)網(wǎng)絡(luò)信息中心發(fā)表的權(quán)威報告顯示，截至09年6月底 ，我國網(wǎng)站數(shù)達(dá)到287.8萬個。網(wǎng)站數(shù)量的劇增，導(dǎo)致競爭的加劇。于是越來越多的站長，尤其是個人站長，開始對網(wǎng)站的發(fā)展前景表示擔(dān)憂。但實際情況并不是如此1、雖然我國網(wǎng)站在數(shù)量上已經(jīng)達(dá)到百萬規(guī)模，但并不表明我國網(wǎng)站行業(yè)的市場已經(jīng)完全飽和。根據(jù)前述的權(quán)威報告顯示，截至09年6月底 ，我國網(wǎng)民數(shù)達(dá)到3.38億 ，網(wǎng)絡(luò)普及率25.5%。這個數(shù)據(jù)說明了兩個問題。第一個，我國的網(wǎng)民數(shù)量是非常龐大的。第二個，我國的網(wǎng)民數(shù)量增長潛力還是很大的。那么，個人網(wǎng)站的發(fā)展空間也肯定是有的。 2、個人網(wǎng)站與商業(yè)網(wǎng)站相比并沒有絕對的優(yōu)勢與劣勢。商業(yè)網(wǎng)站的優(yōu)勢在于資金的充足可以為其帶來更廣泛的宣傳與推廣，人力的充足可以給其帶來更大的數(shù)據(jù)和信息量，以及技術(shù)上的優(yōu)勢可以為其帶來更先進(jìn)的功能。但這些，并不是一個網(wǎng)站最核心的價值。網(wǎng)站最核心的價值在于給網(wǎng)民帶來最有價值的信息或服務(wù)。但沒有哪一個網(wǎng)站敢于承認(rèn)所有的服務(wù)、信息、功能都會得到所有網(wǎng)民的青睞。正所謂眾口難調(diào)。那么，這就給個人網(wǎng)站帶來了空間。個人網(wǎng)站的優(yōu)勢在于小成本運營,擺脫了投入與回報問題的困擾。只需要用心做出自己的特色就行了。而由于中國網(wǎng)民的龐大，不同網(wǎng)民又有不同的喜好與要求，那么一個有特色的個人網(wǎng)站也肯定能夠從這龐大的網(wǎng)民群體分一杯羹。而由于個人網(wǎng)站基本可以忽略成本的問題，那么只要個人網(wǎng)站能從中爭取一小部分市場，哪怕是個小蝦米，獲得的收益也是非?？捎^的。二、使用工具1. Dreamweaver82. 數(shù)據(jù)庫Access20033. Flash 8本網(wǎng)站以Dreamweaver8為開發(fā)平臺，運用ASP（Active Server Pages）技術(shù)和數(shù)據(jù)庫數(shù)據(jù)庫Access2003連接,為了美化頁面，引入了Flash 8動畫，在設(shè)計的同時還運用了HTML語言。三、個人網(wǎng)站的簡單介紹這次課程設(shè)計的要求是根據(jù)自己的愛好做個人網(wǎng)站，我喜歡詩詞，所以毫不猶豫地選擇了做以詩歌為主題的網(wǎng)站?！霸娧灾?，歌詠言”，詩詞傳承了中國悠久文化，它用最簡單的語言詮釋了作者的內(nèi)心世界，讓不同時代的人心靈相通。我喜歡詩詞，喜歡在一個安靜的午后，泡一杯花茶，捧一本紅樓夢詩詞選靜靜地細(xì)看，喜或悲的感覺原來真的只需一秒鐘來轉(zhuǎn)換，一句詩、一句詞，就是從山頂?shù)牍鹊椎母杏X而現(xiàn)在除了應(yīng)試需要，讀詩詞的人太少了，所以有必要做一個詩詞類的網(wǎng)站，將傳統(tǒng)文化發(fā)揚光大。我用這樣一段話描繪詩詞帶給我的感覺：輕輕的微風(fēng)，吹來這淡淡的幽香，就像你的詩，你的詞，好像行云流水我的心；你的詩為我的心所困，你的詞為我的心悲哀，原諒我只能用這冷酷面對你，心里面在一萬次呼喚；一切全都是命運的錯，晃晃悠悠，留不住我的夢，風(fēng)花雪月，傷心的事。本網(wǎng)站起名為“中華詩詞”，希望中國的古典詩詞能夠發(fā)揚光大;希望它能穿越五千年的時空，帶給更多的人心靈的共鳴;也希望越來越多的人能夠喜歡詩詞。本網(wǎng)站主要分以下五個模塊：總的模塊圖中華詩詞網(wǎng)用戶登錄注冊用戶瀏覽模塊用戶登錄用戶注冊用戶信息修改詩詞欣賞模塊詞人介紹模塊用戶端首頁美圖欣賞模塊書籍介紹模塊1.用戶登錄注冊模塊本模塊是動態(tài)頁面的設(shè)計部分，用戶可以注冊成為該網(wǎng)站的會員，注冊時需要提供用戶名和密碼，記錄存入Access數(shù)據(jù)庫。如果數(shù)據(jù)庫中已經(jīng)存在該用戶名，會自動給出錯誤信息：“該用戶名已經(jīng)能夠存在，請重新注冊”。然后可以憑用戶名和密碼登錄本網(wǎng)站，成功登陸后可以執(zhí)行兩種操作：注銷本次登陸或者修改用戶信息。如果登陸失敗，會給出提示信息：“用戶名或者密碼錯誤”。2.詩詞欣賞模塊本模塊是靜態(tài)頁面部分。詩詞總是給人美的享受，本模塊以我最喜歡的九名著名詞人（如納蘭性德等）為索引，分別介紹了他們幾首的代表作品。3.詞人介紹模塊其實每個詞人的經(jīng)歷都是一本書，書中包含太多的喜悅、哀愁、無奈。只有了解了詞人的經(jīng)歷，才能真正讀懂詩詞，了解詩詞的內(nèi)涵。本模塊是靜態(tài)頁面部分。以上面所涉及的九個詞人為例，簡單的介紹了他們的籍貫、生平、一生中的重大事跡，還介紹他們出版過的詩集等等。4.美圖、動畫欣賞模塊詩詞只是簡單的文字描述，它所描述的具體意境需要讀者去體會，才能在腦海中浮現(xiàn)具體的畫面。當(dāng)詩詞與具體的圖畫或者動畫結(jié)合的時候，更能給人唯美、身臨其境的感覺，詩人的意境可以更好地傳達(dá)。本模塊是靜態(tài)頁面部分，以圖片交換的方式羅列了多幅嵌入詩詞的精美圖畫和一個精美的詩詞Flash動畫。5.書籍介紹模塊讀詩集是的一種習(xí)慣，是一種享受，也是一種心靈的凈化和洗滌。詩集能夠讓人淡定，認(rèn)清一些現(xiàn)象，看淡一些事情，同時悟出一些道理，以獲得人生的一種升華。本模塊是動態(tài)頁面部分。Access數(shù)據(jù)庫中有多種書籍的多條記錄，運用重復(fù)區(qū)域和記錄集導(dǎo)航條實現(xiàn)以下兩個功能：每次顯示兩條記錄（包括書名、作者、價格、出版時間、出版社），還可以每次查看下一頁、上一頁、最后一頁或者是第一頁的記錄。第二部分一、數(shù)據(jù)庫的設(shè)計本網(wǎng)站建立了一個數(shù)據(jù)庫，其中包含兩張表，一張用于用戶的登錄注冊模塊，記錄了用戶的基本信息（為了設(shè)計簡便只記錄了用戶的ID號，用戶名和密碼）。另一張用于書籍展示模塊，記錄了書籍的ID號，作者，出版日期，價格，出版社的信息。設(shè)計如下圖所示：User表的設(shè)計：Product表的設(shè)計:User表的內(nèi)容：Product表的內(nèi)容:二、詳細(xì)設(shè)計1.用戶登錄注冊模塊流程圖登錄界面錯誤，提示重新輸入輸入用戶名和密碼NY注銷用戶修改注冊信息注冊信息模塊2.用戶瀏覽模塊流程圖網(wǎng)站首頁詩詞欣賞詞人介紹美圖欣賞書籍介紹選擇詞人選擇詞人美圖顯示動畫顯示顯示書籍返回返回返回返回首頁3.網(wǎng)站首頁模塊截圖與設(shè)計：截圖：用戶瀏覽的選擇滾動字幕的顯示1FLASH動畫的顯示鼠標(biāo)經(jīng)過圖像的交換用戶登錄注冊界面滾動字幕的顯示2友情鏈接模塊設(shè)計：使用表格布局，采用一張圖片作為整個頁面背景。滾動字幕1和滾動字幕2采用MARQUEE標(biāo)簽來實現(xiàn)。可以連接到其他網(wǎng)站，也可以鏈接到郵箱。將用戶登錄頁面嵌入到主頁面中。4.用戶登錄模塊的截圖與設(shè)計該部分有三個頁面組成：（login.asp、loginfo.asp、loginerr.asp）Login.asp頁面截圖如下：該部分包括登錄用戶服務(wù)器行為 “注冊”按鈕采用行為轉(zhuǎn)到URLLoginfo.asp頁面截圖如下:對于“修改”按鈕，添加URL行為該部分有限制對頁的訪問和注銷用戶服務(wù)器行為限制對頁的訪問：注銷用戶：Loginerr.asp頁面截圖如下:鏈接到首頁index.asp5.用戶注冊模塊的截圖與設(shè)計該部分由5個頁面組成：register.asp,registerback.asp,userinfo.asp,editrigister.asp,edituserinfo.aspregister.asp頁面截圖如下（運行時）：FLASH動畫“檢查表單”的行為該部分有“插入記錄”，“檢查新用戶名”服務(wù)器行為：插入記錄：檢查新用戶名：還有“檢查表單”的行為：registerback.asp頁面截圖（運行時）：滾動字幕鏈接到register.aspuserinfo.asp頁面截圖（運行時）：鏈接到indexr.aspeditrigister.asp頁面截圖如下（運行時）：動態(tài)綁定數(shù)據(jù)庫部分鏈接到index.asp該部分有“更新記錄”、“記錄集”、數(shù)據(jù)庫的綁定（即“動態(tài)文本域”）服務(wù)器行為。更新記錄：記錄集：數(shù)據(jù)庫的綁定：“返回”按鈕URL行為：edituserinfo.asp頁面截圖如下（運行時）：鏈接到index.asp6.“詩詞欣賞”模塊截圖與設(shè)計該模塊包含一個總頁面和九個分頁面?？傢撁姘丛~人姓名為索引設(shè)計，九個分頁面分別介紹各個詞人的代表作?？傢撁娴慕貓D（運行時）：姓名分類索引，點擊選擇分頁面的截圖（運行時）：轉(zhuǎn)上一個頁面轉(zhuǎn)下一個頁面返回如上總頁面6.“詞人介紹”模塊截圖與設(shè)計該模塊包含一個總頁面和九個分頁面?？傢撁姘丛~人姓名為索引設(shè)計，九個分頁面分別介紹各個詞人的生平事跡。總頁面的截圖（運行時）：點擊此處分別查看各個詞人的介紹分頁面的截圖（運行時）：轉(zhuǎn)下一個頁面轉(zhuǎn)上一個頁面返回如上總頁面7.“美圖欣賞”模塊截圖與設(shè)計該部分包含六個圖像頁面和一個FLASH 網(wǎng)頁鏈接。六個圖像頁面都有有“恢復(fù)交換圖像”和“交換圖像”行為，當(dāng)鼠標(biāo)移動到圖像上的時候顯示一幅圖像，當(dāng)鼠標(biāo)離開時候顯示另外一幅圖像，鼠標(biāo)點擊圖像則進(jìn)入下一個圖像頁面。鼠標(biāo)移動到圖像上時顯示如下：鼠標(biāo)離開圖像時顯示如下：點擊圖像后進(jìn)入下一個頁面：7.“書籍介紹