網(wǎng)站建設(shè)課程專業(yè)設(shè)計(jì)分析(doc 27頁).doc

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