web程序設(shè)計(jì)期末實(shí)驗(yàn)報(bào)告.doc

Web開發(fā)技術(shù)結(jié)課報(bào)告 選題名稱：暢游貴州交流網(wǎng)姓 名： 學(xué) 號：2016年12月25日目錄一、總結(jié)2二、網(wǎng)站立意分析3三、網(wǎng)站設(shè)計(jì)及功能實(shí)現(xiàn)41.首頁：4排版構(gòu)架5實(shí)現(xiàn)效果：62分頁6一、總結(jié)本學(xué)期，在楊老師的帶領(lǐng)下，我們基本掌握了Web技術(shù)的入門知識。從最初的掌握HTML語言基本語法規(guī)則制作簡單的靜態(tài)網(wǎng)頁插入文字、超鏈接、背景圖片、列表、表單等，以及通過設(shè)置相關(guān)選項(xiàng)的屬性來改變其表現(xiàn)形式，到后來通過對層疊樣式表CSS、ASP、數(shù)據(jù)庫相關(guān)知識的學(xué)習(xí)，使得我們所做的網(wǎng)頁不再如最初般單調(diào)死板。其次，通過學(xué)習(xí)Web技術(shù)，我們也更好的明白了我們?nèi)杖諡g覽的網(wǎng)頁是怎樣制作的，完成了從最初的看到網(wǎng)頁都是文字和圖像到后來看到網(wǎng)頁都是一條條編程語句的蛻變。 學(xué)習(xí)Web技術(shù)的過程是一個(gè)有趣卻又不缺乏困苦的過程，我們從最初對網(wǎng)頁和網(wǎng)站制作的一無所知到漸漸明白網(wǎng)頁的制作流程，到最后完成自己網(wǎng)頁的制作。在這個(gè)過程中，我們享受著自己能夠一點(diǎn)一點(diǎn)做出預(yù)期網(wǎng)頁的喜悅，但同時(shí)卻又發(fā)現(xiàn)要想制作一個(gè)形象生動(dòng)、功能齊全的網(wǎng)站要付出多大的努力。隨著對Web技術(shù)的深入學(xué)習(xí)，我們不斷地完善著自己的網(wǎng)站，讓自己的網(wǎng)站變得更具實(shí)用性，美觀性。 通過此次網(wǎng)頁的制作，我們明白了制作網(wǎng)頁前一定要做好充分的準(zhǔn)備。我們不僅要明確網(wǎng)頁制作的主題，還要在網(wǎng)頁制作初期就明確網(wǎng)頁各部分結(jié)構(gòu)和所涉及的內(nèi)容。其次，網(wǎng)頁的大體框架要明確，沒有明確的框架網(wǎng)頁就會顯的雜亂無章、沒有條理，使得瀏覽網(wǎng)頁的用戶無法準(zhǔn)確獲取所需信息。最后，我們也明白了制作網(wǎng)頁的過程不僅僅是對課堂所學(xué)知識的鞏固，也是對課堂外知識的擴(kuò)充。要想做出內(nèi)容豐富多彩的網(wǎng)頁，必須勤學(xué)苦練，還要能夠很好的利用網(wǎng)絡(luò)資源和圖書等?？傊?，通過這門課程的學(xué)習(xí)，我們掌握了很多實(shí)用的技巧，但也深知我們所掌握的技術(shù)還遠(yuǎn)遠(yuǎn)不足以滿足現(xiàn)實(shí)網(wǎng)頁編程、網(wǎng)站設(shè)計(jì)的要求，所以，我們還會再接再厲，不斷學(xué)習(xí)來制作出更多更好的網(wǎng)頁二、網(wǎng)站立意分析依靠社會經(jīng)濟(jì)的發(fā)展，旅游業(yè)已成為全球經(jīng)濟(jì)中發(fā)展勢頭最強(qiáng)勁和規(guī)模最大的產(chǎn)業(yè)之一。旅游業(yè)在城市經(jīng)濟(jì)發(fā)展中的產(chǎn)業(yè)地位、經(jīng)濟(jì)作用逐步增強(qiáng)旅游業(yè)對城市經(jīng)濟(jì)的拉動(dòng)型、社會就業(yè)的帶動(dòng)力，以及對文化與環(huán)境的促進(jìn)作用日益顯現(xiàn)。因此，我決定制作一個(gè)關(guān)于家鄉(xiāng)貴州的旅游網(wǎng)站來為我的家鄉(xiāng)做宣傳，讓更多的人了解我的家鄉(xiāng)，來到我的家鄉(xiāng)旅游。如今各種旅游網(wǎng)站自出現(xiàn)以來就因其“方便，豐富，全面”等優(yōu)點(diǎn)而得到了廣大旅游愛好者的歡迎。由于旅游借助了互聯(lián)網(wǎng)，就能夠更方便地解決傳統(tǒng)旅游業(yè)不能解決的適應(yīng)游客行、吃、住、玩一體化的需求；同時(shí)還由于旅游也作為一個(gè)整體的商業(yè)生態(tài)鏈，酒店、景點(diǎn)景區(qū)、交通等等，利用互聯(lián)網(wǎng)可以將這些環(huán)節(jié)連成一個(gè)統(tǒng)一的整體，進(jìn)而可以大大提高服務(wù)的水平和業(yè)務(wù)的來源有助于我們對貴州旅游的認(rèn)識，對貴州景區(qū)的認(rèn)識，從而使閱覽過網(wǎng)站的人更想去。三、網(wǎng)站設(shè)計(jì)及功能實(shí)現(xiàn)我采用的是Dreamweaver進(jìn)行網(wǎng)站的靜態(tài)和動(dòng)態(tài)頁面設(shè)計(jì).我的網(wǎng)站主題是暢游貴州交流網(wǎng)。本次設(shè)計(jì)采用“首頁分頁”的大體結(jié)構(gòu)模式，瀏覽者于首頁處訪問基本信息，點(diǎn)擊各個(gè)鏈接可以進(jìn)入分頁查看詳細(xì)信息。首先，我利用CSS技術(shù)保證整個(gè)網(wǎng)站整體風(fēng)格一致，然后將該CSS文件嵌入網(wǎng)站中每一個(gè)“.html文件”的頭部（之間），這樣可以基本達(dá)到該網(wǎng)站的各個(gè)頁面的協(xié)調(diào)統(tǒng)一要求。其次利用HTML中的標(biāo)簽，如 “Div”“Table”等來進(jìn)行網(wǎng)站布局，其中 “Div”增添了局部對象的靈活性，配合“Javascript”語句產(chǎn)生一些動(dòng)態(tài)效果?！癟able”語句用來制作表格，使所展示內(nèi)容清晰明了。另外還有一些插入圖片及鏈接的基本語句，增加內(nèi)容形式的多樣性。下面詳細(xì)介紹各部分的結(jié)構(gòu)布局1.首頁：首頁是網(wǎng)頁的核心頁面，需完成網(wǎng)頁的主體功能。主頁的架構(gòu)影響整個(gè)網(wǎng)頁的排版布局，清晰簡約風(fēng)格的主頁設(shè)計(jì)，更能引起瀏覽者的好感，明了的框架布局、清晰的標(biāo)題與關(guān)鍵字能夠讓讀者在短時(shí)間內(nèi)大體掌握整個(gè)網(wǎng)頁的內(nèi)容架構(gòu)，了解網(wǎng)頁內(nèi)容的大體走向，找尋自己需要了解的信息。首頁由天氣查詢、今日推薦、美景尋蹤、貴州風(fēng)光、小吃推薦、線路精選、賓館酒店以及菜單欄組成。而菜單欄由天貴州簡介、風(fēng)土人情、吃在貴州、旅游攻略、自由行、社區(qū)論壇、注冊/登錄等幾個(gè)部分組成，每個(gè)部分都可以點(diǎn)擊跳轉(zhuǎn)到相應(yīng)的分頁去。該首頁采用左中右三欄的分欄模式，每一項(xiàng)中又通過div分為多個(gè)模塊。排版構(gòu)架實(shí)現(xiàn)效果：2分頁貴州簡介：該頁中我利用video標(biāo)簽插入了關(guān)于貴州的宣傳視用于宣傳貴州。風(fēng)土人情：該頁中我添加了動(dòng)態(tài)顯示系統(tǒng)當(dāng)前時(shí)間這個(gè)功能和景音樂的自動(dòng)播放，以及用圖文混排的方式介紹貴州。登錄和注冊：我在該頁中插入了一個(gè)flash動(dòng)畫以增強(qiáng)美感，注冊、登陸窗口主要用于確保指定用戶進(jìn)行登錄網(wǎng)站進(jìn)行瀏覽，方便網(wǎng)站管理