網(wǎng)頁設(shè)計課程設(shè)計報告書

河南城建學(xué)院?網(wǎng)頁設(shè)計?課程設(shè)計報告學(xué)號：專業(yè)：信息管理與信息系統(tǒng)姓名：題目：旅游河南網(wǎng)指導(dǎo)老師：設(shè)計時間：6月18~6月21計算機科學(xué)與工程系2021年6月一、設(shè)計目的 31、課程目的 32、背景 3二、需求分析 41、河南旅游現(xiàn)狀分析 42、網(wǎng)站所需功能 53、資料需求分析 5三、功能模塊分析及設(shè)計 61、功能模塊圖 62、功能模塊設(shè)計 71〕登錄注冊模塊 72〕導(dǎo)航欄模塊 73〕搜索模塊 7四、制作過程及要點 81、首頁布局設(shè)計 82、分工設(shè)計 91〕“更多〞項的鏈接網(wǎng)頁 92〕“山水〞導(dǎo)航欄的鏈接網(wǎng)頁 113〕“旅途光影〞的鏈接網(wǎng)頁 123、合并所有網(wǎng)頁 13五、系統(tǒng)介紹或功能展示 14六、設(shè)計總結(jié) 16七、參考資料 17

一、設(shè)計目的1、課程目的DreamweaverCS4網(wǎng)頁課程設(shè)計作為獨立的教學(xué)環(huán)節(jié)，是信息管理與信息系統(tǒng)專業(yè)集中實踐性環(huán)節(jié)系列之一，是學(xué)習(xí)完?DreamweaverCS4多媒體教學(xué)?課程后進行的一次全面的綜合練習(xí)。其目的在于加深對DreamweaverCS4應(yīng)用根底理論和根本知識的理解，掌握使用網(wǎng)頁設(shè)計分析、設(shè)計的根本方法，提高解決實際管理問題、開發(fā)信息系統(tǒng)的實踐能力。同時課程設(shè)計應(yīng)充分表達“教師指導(dǎo)下的以學(xué)生為中心〞的教學(xué)模式，以學(xué)生為認知主體，充分調(diào)動學(xué)生的積極性和能動性，重視學(xué)生自學(xué)能力的培養(yǎng)。2、背景快速開展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。不管是最新的新聞信息,新產(chǎn)品的出臺,新游戲的發(fā)布,最新的各種IT動態(tài),包括等候就業(yè)人才的個人簡歷,我們都是可以通過網(wǎng)絡(luò)來獲得。旅游網(wǎng)站作為信息技術(shù)與旅游業(yè)高度結(jié)合的產(chǎn)物，旅游市場營銷的一個重要開展趨向就是人本化、信息化和高效化。無疑就是這一開展趨勢的集中表達。1999年，世界旅游組織明確將旅游網(wǎng)絡(luò)作為信息時代旅游市場營銷的重要的戰(zhàn)略方式和手段。明確的信息傳遞是旅游業(yè)的天性，這就意味著因特網(wǎng)和網(wǎng)絡(luò)技術(shù)在提升旅游目的地競爭力和市場營銷方面的重要作用?；ヂ?lián)網(wǎng)的交互性、實時性、豐富性和便捷性等優(yōu)勢促使傳統(tǒng)旅游業(yè)迅速融入網(wǎng)絡(luò)經(jīng)濟的浪潮之中?，F(xiàn)在全球電子商務(wù)交易總額中，旅游電子商務(wù)已占到1/5份額，成為全球電子商務(wù)的第一行業(yè)。二、需求分析1、河南旅游現(xiàn)狀分析河南，是中華民族最為重要的發(fā)祥地和發(fā)源地、華夏歷史文明傳承創(chuàng)新區(qū)。從夏代到北宋，先后有20個朝代建都或遷都于此，長期是全國政治、經(jīng)濟、文化中心。從中國歷史上第一個王朝夏朝在商丘建都起，河南又孕育了洛陽、開封、安陽、鄭州等聞名海內(nèi)外的古都，中國八大古都中河南占其四。全省有全國重點文物保護單位189處，地下文物和館藏文物均居全國首位。河南是姓氏的重要發(fā)源地，中國300個大姓中根在河南的有171個，有“陳林半天下，黃鄭排滿街〞之稱的海外四大姓氏均起源于河南。2021年河南省接待海內(nèi)外游客3.07億人次，其中入境游客168.29萬人次，旅游總收入2802億元。共有4A級以上景區(qū)84處。當(dāng)然，河南旅游業(yè)也存在不少問題。首先，旅游效勞體系結(jié)構(gòu)不合理。河南省旅游效勞體系根本完善，但由于全省旅游經(jīng)濟開展不平衡，各地市旅游效勞體系開展也參差不齊，在根底設(shè)施、彈性要素、外部保障體系等方面與資源及其河南在全國的地位不相吻合。其次，旅游專業(yè)人才匱乏。21世紀(jì)企業(yè)競爭主要表達在人才的競爭，河南省旅游業(yè)的開展很大程度上受人才短缺、管理水平低下的制約。旅游資源開發(fā)與規(guī)劃管理、人力資源管理、企業(yè)管理、景觀設(shè)計、市場營銷等方面的高素質(zhì)人才嚴(yán)重短缺，這些都極大地制約了河南旅游的高層次地開展。其次，河南省目前還缺少一個公益性的旅游信息網(wǎng)絡(luò)宣傳平臺。近日，河南省旅游局聯(lián)合河南省旅100游信息化工作領(lǐng)導(dǎo)小組辦公室對省轄市旅游局網(wǎng)站進行了首次試行綜合評估。此次評估結(jié)果顯示，各省轄市旅游局網(wǎng)站建設(shè)整體尚處于開展階段。多數(shù)市旅游局重視旅游信息化建設(shè)，不斷完善旅游門戶網(wǎng)站建設(shè)，以電子政務(wù)創(chuàng)新旅游管理，有力提升了旅游信息化水平，但普遍還存在政府信息公開、交流互動、旅游管理系統(tǒng)應(yīng)用上的欠缺，網(wǎng)站技術(shù)建設(shè)和網(wǎng)絡(luò)平安還有待進一步加強。2、網(wǎng)站所需功能本網(wǎng)站旨在免費為廣闊國內(nèi)游客提供豐富的河南省內(nèi)旅游信息，及時更新各種旅游資訊，為旅客提供吃、食、住、行等各方面信息，并為游客提供旅游圖片交流區(qū)，是一個公益宣傳為主，交流互動為輔的現(xiàn)代旅游網(wǎng)站平臺。3、資料需求分析為了實現(xiàn)站內(nèi)含有豐富的河南省內(nèi)旅游信息，并及時更新各種旅游資訊，為旅客提供吃食、住、行等各方面信息，可在站內(nèi)實現(xiàn)旅游搜索，且為游客提供旅游圖片交流區(qū)，經(jīng)過我們小組成員對關(guān)于本網(wǎng)站方面的調(diào)查分析，現(xiàn)初步需要收集整理以下資料：1〕全省各市的旅游景點介紹，包括：圖片、歷史、位置、門票、交通等信息2〕各景區(qū)的即時資訊3〕一些關(guān)于河南的視頻及音樂文件4〕適合作為網(wǎng)站內(nèi)插圖的個性圖片等其他資料5〕建立一個關(guān)于用戶數(shù)據(jù)庫系統(tǒng)，包含用戶名及密碼6〕一些優(yōu)秀的互聯(lián)網(wǎng)網(wǎng)站鏈接

三、功能模塊分析及設(shè)計1、功能模塊圖經(jīng)過對本網(wǎng)站的根本需求分析，網(wǎng)站首頁可設(shè)計出登錄注冊模塊、導(dǎo)航欄模塊、搜索模塊、旅游資訊模塊、旅游鏈接模塊、圖片模塊共計6大模塊，用戶可以根據(jù)自己的需要在這些模塊上進行不同的操作，實現(xiàn)自己的需求。其功能模塊操作流程圖如圖3-1：網(wǎng)站首頁網(wǎng)站首頁登錄瀏覽注冊地址鏈接旅游資訊旅游鏈接圖片區(qū)登錄上傳圖片返回首頁搜索圖3-12、功能模塊設(shè)計1〕登錄注冊模塊用戶通過該模塊注冊登陸，從而能實現(xiàn)本站會員所特有的功能。2〕導(dǎo)航欄模塊用戶通過點擊導(dǎo)航欄中的不同地市鏈接位置，可以進入相應(yīng)的地市專題子網(wǎng)頁中，進而瀏覽更多更全面的關(guān)于當(dāng)?shù)氐穆糜涡畔ⅰ?〕搜索模塊在搜索框中輸入查詢的關(guān)鍵字查詢，可以再在站內(nèi)搜索出相關(guān)內(nèi)容。4〕旅游資訊模塊本模塊為即時熱點旅游資訊，通過點擊“旅游資訊〞標(biāo)題，進入到旅旅游資訊子網(wǎng)頁中，可以瀏覽更多資訊；點擊各資訊標(biāo)題，那么進入到相應(yīng)的資訊中。5〕旅游鏈接模塊用戶通過點擊導(dǎo)航欄中的不同鏈接位置，可以進入相應(yīng)的專題子網(wǎng)頁中；點擊更多，進入到相應(yīng)的子網(wǎng)頁中，進而瀏覽更多更全面的旅游信息。6〕圖片模塊用戶可以在首頁“旅途光影〞中簡單瀏覽一些圖片，單擊圖片，進入到相應(yīng)的專題網(wǎng)頁中瀏覽更多圖片；單擊“旅途光影〞，進入到圖片專題網(wǎng)頁中，可以瀏覽更多圖片，還可以注冊登錄后上傳圖片。

四、制作過程及要點1、首頁布局設(shè)計在做好網(wǎng)站需求分析和模塊分析設(shè)計后，我們小組成員一起對首頁布局進行了分析討論，并畫出了簡要的大概布局圖，如圖4-1：注冊登錄框網(wǎng)站標(biāo)題欄各地市導(dǎo)航欄更多搜索欄Flash欄旅游資訊走馬燈熱門排行城市導(dǎo)航更多人文景區(qū)山水景區(qū)歷史景區(qū)圖片區(qū)〔旅途光影〕友情鏈接欄版權(quán)欄圖4-12、分工設(shè)計完成網(wǎng)站首頁根本布局后，我們對小組工作進行了個人分工，我主要負責(zé)各地市導(dǎo)航欄中的“更多〞項的鏈接網(wǎng)頁及該網(wǎng)頁的其他鏈接網(wǎng)頁的制作、城市導(dǎo)航欄中的“更多〞項的鏈接網(wǎng)頁及該網(wǎng)頁的其他鏈接網(wǎng)頁的制作、山水導(dǎo)航欄所鏈接的網(wǎng)頁制作、旅途光影欄所鏈接的網(wǎng)頁制作?？紤]到分工后我們要在各自的電腦上分別建立站點，為防止以后所有網(wǎng)頁合后出現(xiàn)文件鏈接不正確等問題，我們就統(tǒng)一規(guī)定站點建立在F盤名為“旅游河南〞的文件夾中，圖片那么放在其子文件夾“images〞中。1〕“更多〞項的鏈接網(wǎng)頁首先，我上網(wǎng)查詢了一下全省共有18個地級市，并了解了各市的根本信息及旅游景點，然后又收集了一些各地的熱門景點的文字及圖片信息，然后分析匯總，并下載了一些個性圖片用于網(wǎng)頁布局，然后制作出了“河南旅游網(wǎng)—更多城市〞主頁面，如下列圖4-2：圖4-2搜索框左邊的河南歷史文字局部為走馬燈效果，代碼為：<marqueealigh=leftbgcolor=#00FFFFdirection=leftbehavior=scrollheight=30hspace=1scrollamount=2Scrolldelay=1width=480VSpace=1loop=-1>其次，該頁面完成后，我又對其中的一些地市建立了超鏈接，如我的家鄉(xiāng)駐馬店，其鏈接頁面如下列圖4-3：圖4-3最后，我又對各地市的頁面中建立了鏈接頁面，如駐馬店頁面中的“地理〞，其頁面如下列圖4-4：圖4-42〕“山水〞導(dǎo)航欄的鏈接網(wǎng)頁我先對網(wǎng)站首頁“山水〞導(dǎo)航欄的幾個景區(qū)建立了超鏈接網(wǎng)頁，如云臺山，其頁面如下列圖4-5：圖4-5然后又對“山水〞導(dǎo)航欄的“更多〞項建立了超鏈接網(wǎng)頁，其頁面如下列圖4-6：圖4-63〕“旅途光影〞的鏈接網(wǎng)頁在制作“旅途光影〞的鏈接網(wǎng)頁時，我采用了上方固定，左側(cè)嵌套的框架結(jié)構(gòu)，根據(jù)左側(cè)頁面內(nèi)的鏈接，左側(cè)主界面可顯示出相應(yīng)的頁面，如下列圖4-7：圖4-7

3、合并所有網(wǎng)頁1〕小組成員都完成各自分工后，開始合并各自站點內(nèi)的文件到一臺電腦的站點中，所有圖片應(yīng)放到“images〞文件夾中，其他文件直接放在“旅游河南〞文件夾的根目錄里，如下列圖4-8：圖4-82〕然后對子網(wǎng)頁中有返回首頁的，建立超鏈接至首頁。所有鏈接建立后，從首頁開始瀏覽，依次點開擊各超鏈接，檢查各頁面是否正確出效果。確保各項頁面信息顯示均正常后，那么本靜態(tài)網(wǎng)站設(shè)計圓滿結(jié)束！

五、系統(tǒng)介紹或功能展示1、用戶通過登錄注冊模塊注冊登陸，從而能實現(xiàn)本站會員所特有的功能。2、用戶通過點擊導(dǎo)航欄中的不同的鏈接位置，可以進入相應(yīng)的地市專題子網(wǎng)頁中，進而瀏覽更多更全面的關(guān)于當(dāng)?shù)氐穆糜涡畔?。如點首頁導(dǎo)航欄中的“更多〞進入到更多城市的介紹頁面，然后再點擊“平頂山〞進入到平頂山的專題網(wǎng)頁，其效果依次如下列圖5-1：圖5-13、在搜索框中輸入查詢的關(guān)鍵字查詢，可以再在站內(nèi)搜索出相關(guān)內(nèi)容。4、旅游資訊模塊為即時熱點旅游資訊，通過點擊“旅游資訊〞標(biāo)題，進入到旅旅游資訊子網(wǎng)頁中，可以瀏覽更多資訊；點擊各資訊標(biāo)題，那么進入到相應(yīng)的資訊中。5、首頁中插入了一段視頻，并且在頁面其他局部對一些圖片采用走馬燈的形式出現(xiàn)，或是添加了一些動態(tài)圖片，增加了頁面的美觀。6、用戶可以在首頁“旅途光影〞中簡單瀏覽一些圖片，單擊圖片，進入到相應(yīng)的專題網(wǎng)頁中瀏覽更多圖片；單擊“旅途光影〞，進入到圖片專題網(wǎng)頁中，可以瀏覽更多圖片，還可以注冊登錄后上傳圖片。如下列圖5-2：圖5-2六、設(shè)計總結(jié)不知不覺,三天的的?網(wǎng)頁設(shè)計?的課程設(shè)計已經(jīng)過去,回憶這幾天的日子,真的令我體會很深,也學(xué)會很多東西,懂得很多以前不懂的東西,也明白了一些事情。自從第一天接觸?網(wǎng)頁設(shè)計?課程，我以下定決心要把網(wǎng)頁這門課學(xué)好，做出一個優(yōu)秀的網(wǎng)站。所以我時刻沒有錯過任何學(xué)習(xí)的時機，無論在課堂上,還是在課外上?；貞涍@次的課程設(shè)計，我覺得我過得很充實，很有意義,因為我可以老實的說在這幾天里我每時每刻都在設(shè)計網(wǎng)站,還記得晚上做網(wǎng)站做到一、二點，可能有人會說我傻，但正因為這個傻的行動，令我學(xué)會很多東西，學(xué)會別人不懂的東西，做出一個令自己滿意的網(wǎng)站，可能跟別人比還需要繼續(xù)完善，但我不會因為課程設(shè)計結(jié)束，就把網(wǎng)頁設(shè)計拋到九霄云外，我會繼續(xù)學(xué)習(xí)網(wǎng)頁設(shè)計技術(shù)，把它變?yōu)樽约旱囊豁椞亻L。作為網(wǎng)頁設(shè)計的初學(xué)者，我對網(wǎng)頁設(shè)計非常感興趣，想設(shè)計出一個美觀、實用、內(nèi)容豐富的個人網(wǎng)頁。我通過自己動手、動腦，通過網(wǎng)絡(luò)資源和老師的指導(dǎo)，在不斷發(fā)現(xiàn)問題和解決問題的過程中學(xué)到了很多知識，增強了我的創(chuàng)作能力和動手能力，在網(wǎng)頁設(shè)計過程中，從構(gòu)思到設(shè)計、完善、維護，整個過程我都全身心投入，使我真正學(xué)到了網(wǎng)頁設(shè)計的知識。在本次網(wǎng)頁設(shè)計中，我不僅學(xué)到了很多關(guān)于網(wǎng)頁設(shè)計方面的知識，也從中學(xué)會了關(guān)于使用網(wǎng)頁制作軟件方面的知識。在這個過程中，我通過上網(wǎng)搜集資料自學(xué)了Dreamweaver網(wǎng)頁軟件的應(yīng)用，學(xué)會了簡單地使用Dreamweaver。在設(shè)計過程中也出現(xiàn)了很多的問題，但上網(wǎng)查找、小組討論等方式，不斷地學(xué)習(xí)、提高，設(shè)計出的網(wǎng)頁也在不斷的進步?？梢哉f在自己動手，不斷實踐的過程中，網(wǎng)頁設(shè)計水平得到了很大的提高。在這個制作過程中，我學(xué)會了面對困難和挑戰(zhàn)，但我十分享受這一過程，這是一個能令人感覺到收獲的過程，這次的網(wǎng)頁制作使我產(chǎn)生很強的成就感。制作網(wǎng)頁開始的時候還是興致勃勃，充滿激情的。但是學(xué)習(xí)內(nèi)容越來越多，就逐漸感覺有點思維混亂，開始煩躁，失去了當(dāng)初的那種興奮的感覺，原來在自己看來是一種樂趣的事情，現(xiàn)在卻成了一種負擔(dān)。但我堅持一步步做下來，到看到成品時，內(nèi)心得到了強烈的滿足感，從中使我感悟到：學(xué)習(xí)網(wǎng)頁制作需要耐心，如果你沒有耐心，你就