版權(quán)說(shuō)明:本文檔由用戶(hù)提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、<p> 課 程 報(bào) 告</p><p><b> 課程名稱(chēng):網(wǎng)頁(yè)設(shè)計(jì)</b></p><p> 題 目:旅游景點(diǎn)鎮(zhèn)江網(wǎng)站制作 </p><p><b> 目錄</b></p><p><b> 1 設(shè)計(jì)目的1</b></p>
2、;<p><b> 2 開(kāi)發(fā)環(huán)境1</b></p><p><b> 3 需求分析1</b></p><p><b> 4 概要設(shè)計(jì)1</b></p><p> 5 詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)2</p><p> 5.1在DW中的效果圖3</p>
3、;<p> 5.2 網(wǎng)站運(yùn)行效果圖10</p><p><b> 6 總結(jié)13</b></p><p><b> 1 設(shè)計(jì)目的</b></p><p> 介紹旅游景點(diǎn)鎮(zhèn)江,讓更多的人認(rèn)識(shí)到鎮(zhèn)江的美好之處,并在設(shè)計(jì)過(guò)程中提升自己在這方面的能力。</p><p><b&g
4、t; 2 開(kāi)發(fā)環(huán)境</b></p><p> Adobe Dreamweaver CS6</p><p><b> 3 需求分析</b></p><p> 選定主題,確定題目之后,在做整個(gè)網(wǎng)站之前對(duì)網(wǎng)站進(jìn)行需求分析。首先,做好需求調(diào)研。調(diào)研方式主要是上網(wǎng)查閱資料,在圖書(shū)館里翻閱相關(guān)書(shū)籍。調(diào)研內(nèi)容如下: </p
5、><p> 1、網(wǎng)站當(dāng)前以及日后可能出現(xiàn)的功能需求。 </p><p> 2、客戶(hù)對(duì)網(wǎng)站的性能的要求和可靠性的要求。 </p><p> 3、網(wǎng)站的實(shí)際運(yùn)行環(huán)境。 </p><p> 4、網(wǎng)站頁(yè)面總體風(fēng)格以及美工效果。 </p><p> 主頁(yè)面和次級(jí)頁(yè)面數(shù)量等
6、。</p><p> 6、內(nèi)容管理及錄入任務(wù)的分配。 </p><p> 7、各種頁(yè)面特殊效果及其數(shù)量。 </p><p> 此次制作網(wǎng)站選定的主題是有關(guān)介紹旅游地點(diǎn)的,網(wǎng)站簡(jiǎn)單介紹了旅游地鎮(zhèn)江,該網(wǎng)站整體站功能結(jié)構(gòu)圖(如圖1所示): </p><p><b> 4 概要設(shè)計(jì)<
7、/b></p><p> 整個(gè)網(wǎng)站分為:主頁(yè)面,景點(diǎn)地圖,景點(diǎn)介紹,焦山,茅山,數(shù)碼剪影,分享交流共七個(gè)頁(yè)面,每個(gè)頁(yè)面都配有文字和圖片,可以讓瀏覽此網(wǎng)站的人對(duì)鎮(zhèn)江有一定的了解。</p><p> 系統(tǒng)功能結(jié)構(gòu)圖(如圖2所示):</p><p><b> 5 詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)</b></p><p> 確定主題
8、,在網(wǎng)上搜集所需要的信息。</p><p> 打開(kāi)DW,新建一個(gè)HTLM,打開(kāi)工具欄,選用表格布局,根據(jù)網(wǎng)站顯示的需要,更改表格布局的屬性值。</p><p> 建立網(wǎng)頁(yè)模板,建立站點(diǎn),并在模板里建立多個(gè)子網(wǎng)頁(yè)。</p><p> 在模板中插入下載的圖片,并編輯大量文字來(lái)介紹圖片上所描述的地方,建立多個(gè)超鏈接,實(shí)現(xiàn)從當(dāng)前頁(yè)面切換到另一個(gè)頁(yè)面的功能。</p
9、><p> 5.1在DW中的效果圖</p><p> 鎮(zhèn)江首頁(yè)DW效果圖(如圖3所示)</p><p> 景點(diǎn)地圖DW效果圖(如圖4所示)</p><p><b> 部分代碼:</b></p><p> ms='<div style=" background-colo
10、r:#FFF; border:solid #000 1px;padding:3px;"><img src=images/ms.jpg width=100 align="left" border=3 style="border:solid 4px #FFF;"> 茅山,是著名的道教圣地。茅山道教淵源流長(zhǎng),相傳早在距今5000多年前,就有高辛氏時(shí)代人展上公修煉,后有葛洪
11、、楊羲、許謐、陶弘景等名道修煉、隱居茅山。茅山道教,在中國(guó)道教史上享有很高的聲望和地位,曾贏得了“秦漢神仙府,梁唐宰相家”、“第一福地,第八洞天”等美譽(yù)。茅山道院上世紀(jì)七十年代末開(kāi)始修復(fù),1982年被國(guó)務(wù)院批準(zhǔn)為首批對(duì)外開(kāi)放的重點(diǎn)宮觀。</div>';</p><p> jsjs='<div style=" background-color:#FFF;border:s
12、olid #000 1px;padding:3px;"><img src=images/js.jpg width=100 align="left" border=3 style="border:solid 4px #FFF;"> 焦山,系“京口三山”名勝之一,向以山水天成、古樸幽雅聞名于世。它位于鎮(zhèn)江市區(qū)東北,由象山景區(qū)、焦山景區(qū)、松寥山景區(qū)及焦東灘、桂花園景區(qū)等
13、組成,總面積約1500畝左右。其中焦山景區(qū)為主體,是風(fēng)區(qū)的核心。</div>';</p><p><b> </script></b></p><p> <div id="apDiv2">歡迎訪問(wèn)景點(diǎn)地圖! 快速導(dǎo)航:<
14、;a href="index.html">返回首頁(yè)</a> </div></p><p> 景點(diǎn)介紹DW效果圖(如圖5所示)</p><p><b> 部分代碼:</b></p><p><b> </style></b></p><p
15、><b> </head></b></p><p> <body><div class="homebg"></p><p> <div id="left"></p><p> <div class="js" id=&q
16、uot;js"></div></p><p> </div><div id="menu" ></p><p> <div class="menu1" onmouseover="this.className='menu1a'" onmouseout=&qu
17、ot;this.className='menu1'" style="cursor: hand;" onclick="self.location='jddt.html';"></div></p><p> <div class="menu2" onmouseover="this
18、.className='menu2a'" onmouseout="this.className='menu2'" style="cursor: hand;" onclick="self.location='jdjs.html';"></div></p><p> <di
19、v class="menu3" onmouseover="this.className='menu3a'" onmouseout="this.className='menu3'" style="cursor: hand;" onclick="self.location='smjy.html';&q
20、uot;></div></p><p> <div class="menu4" onmouseover="this.className='menu4a'" onmouseout="this.className='menu4'" style="cursor: hand;" o
21、nclick="self.location='fxjl.html';"></div></p><p><b> </div></b></p><p> <div id="content"></p><p> <div id="
22、apDiv2">歡迎訪問(wèn)景點(diǎn)介紹! 快速導(dǎo)航:<a href="index.html">返回首頁(yè)</a> <a href="#js">焦山</a> <a href="#ms">茅山</a></div>&
23、lt;/p><p> <div id="apDiv1"></p><p> <p><a id=js></a>焦山:</p></p><p> <p><img src="images/js.jpg" width="529" hei
24、ght="354" align="middle" /></p></p><p> 數(shù)碼剪影DW效果圖(如圖6所示)</p><p><b> 部分代碼:</b></p><p> <div id="apDiv2">歡迎訪問(wèn)數(shù)碼剪影! 
25、; 快速導(dǎo)航:<a href="index.html">返回首頁(yè)</a></div></p><p> <div id="apDiv1"><body><div class="homebg"></p><p
26、> <div id="left"></p><p> <div class="js" id="js"></div></p><p> </div><div id="menu" ></p><p> <div
27、class="menu1" onmouseover="this.className='menu1a'" onmouseout="this.className='menu1'" style="cursor: hand;" onclick="self.location='jddt.html';"
28、></div></p><p> <div class="menu2" onmouseover="this.className='menu2a'" onmouseout="this.className='menu2'" style="cursor: hand;" oncli
29、ck="self.location='jdjs.html';"></div></p><p> <div class="menu3" onmouseover="this.className='menu3a'" onmouseout="this.className='menu3&
30、#39;" style="cursor: hand;" onclick="self.location='smjy.html';"></div></p><p> <div class="menu4" onmouseover="this.className='menu4a'&
31、quot; onmouseout="this.className='menu4'" style="cursor: hand;" onclick="self.location='fxjl.html';"></div></p><p><b> </div></b><
32、;/p><p> <div id="content"></p><p> <div id="apDiv2">歡迎訪問(wèn)數(shù)碼剪影! 快速導(dǎo)航:<a href="index.html">返回首頁(yè)</a></
33、div></p><p> <div id="apDiv1"></p><p> 分享交流DW效果圖(如圖7所示)</p><p><b> 部分代碼:</b></p><p> <div id="apDiv2">歡迎訪問(wèn)分享交流!&n
34、bsp; 快速導(dǎo)航:<a href="index.html">返回首頁(yè)</a><a href="#ms"></a></div></p><p> <div id="apDiv1"></p><p>
35、 <table width="100%" border="0" cellpadding="0" cellspacing="0"></p><p> <tr><td width="46" height="23"><div align="righ
36、t"><img src="images/icon01.jpg" width="25" height="23" /><br /></p><p> </div></td></p><p> <td width="330"><di
37、v align="left"><span class="STYLE28"> 請(qǐng)您留言 </span></div></td></p><p> <td width="376"> </td></p><p> </tr> &
38、lt;tr> <td height="3" colspan="3"><div align="right"><img src="images/line01.jpg" width="680" height="3" /></div></td></p>
39、;<p> </tr> <tr><td colspan="2"> <body></p><p> <table width="312" border="0" align="right" cellpadding="0" cell
40、spacing="0"></p><p> <tr> <td> <FORM onSubmit="return check()" action=mailto:870917854@qq.com encType=text/plain method=post name=feedback></p><p> <
41、;div align="left"> </p><p> <table width="100%" border="0" align="center"></p><p><b> <tr> </b></p><p> <td
42、width="44%" class="STYLE28 STYLE35"><font class="green">聯(lián)系人姓名:</font> </td></p>&l
43、t;p> <td width="56%" class="STYLE28"> <input name="聯(lián)系人姓名" type="text" size="20"
44、;> </td></p><p><b> </tr></b></p><p><b> <tr> </b></p><p&
45、gt; <td class="STYLE28"><font class="green STYLE35">聯(lián)系人地址:</font></td></p><p> <td class="STYLE28">
46、 <input name="公司地址" type="text" size="20"> </td></p><p&
47、gt;<b> </tr></b></p><p><b> <tr> </b></p><p> <td class="STYLE28 STYLE35"><font class="green">聯(lián)系人電話(huà):</font>
48、 </td></p><p> <td class="STYLE28">
49、 <input name="聯(lián)系電話(huà)" type="text" size="20"> </td></p><p><b> </tr></b&g
50、t;</p><p><b> <tr> </b></p><p> <td class="STYLE28 STYLE35"><font class="green">聯(lián)系人E-mail:</font>
51、 </td></p><p> <td class="STYLE28"> <input name="郵件"
52、; type="text" id="郵件2" size="20"> </td></p><p><b> </tr></b></p>
53、<p><b> <tr> </b></p><p> <td class="STYLE28 STYLE35">留 言<font class="green">:</font></td></p><p> <td class="STYL
54、E28"> <span class="STYLE35"></p><p> <textarea name="需求詳細(xì)描述" cols="19" rows=&quo
55、t;4" id="投訴事項(xiàng)"></textarea></p><p> </span> </td></p><p><b> </tr></b></p><p><b> </table></b></p>&
56、lt;p> <div align="center" class="STYLE28"><br></p><p> <span class="STYLE35"></p><p> <input type="submit" name="b01"
57、</p><p> value="發(fā) 送"></p><p> <input type="reset" name="b02" value="重 寫(xiě)" /></p><p> </span></div></p><p&
58、gt; 5.2 網(wǎng)站運(yùn)行效果圖</p><p> 鎮(zhèn)江首頁(yè)網(wǎng)頁(yè)效果圖(如圖8所示)</p><p> 景點(diǎn)地圖網(wǎng)頁(yè)效果圖(如圖9所示)</p><p> 景點(diǎn)介紹之焦山網(wǎng)頁(yè)效果圖(如圖10所示)</p><p> 景點(diǎn)介紹之茅山網(wǎng)頁(yè)效果圖(如圖11所示)</p><p> 數(shù)碼剪影網(wǎng)頁(yè)效果圖(如圖12所示)
59、</p><p> 分享交流網(wǎng)頁(yè)效果圖(如圖13所示)</p><p><b> 6 總結(jié)</b></p><p> 通過(guò)這次制作網(wǎng)頁(yè)的過(guò)程,加深了我對(duì)網(wǎng)頁(yè)設(shè)計(jì)的了解,并讓我學(xué)習(xí)到了許多平時(shí)不知道的知識(shí),讓我更好的學(xué)會(huì)了應(yīng)用dreamweaver,fireworksflash等軟件 并讓我知道了怎樣更好的結(jié)合著使用這些軟件。也讓我知道
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫(kù)僅提供信息存儲(chǔ)空間,僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 網(wǎng)頁(yè)課程設(shè)計(jì)報(bào)告
- 網(wǎng)頁(yè)設(shè)計(jì)課程設(shè)計(jì)報(bào)告
- 網(wǎng)頁(yè)設(shè)計(jì)課程設(shè)計(jì)報(bào)告--網(wǎng)站設(shè)計(jì)報(bào)告
- web網(wǎng)頁(yè)設(shè)計(jì)課程設(shè)計(jì)報(bào)告
- 網(wǎng)頁(yè)制作課程設(shè)計(jì)報(bào)告
- 《個(gè)人網(wǎng)頁(yè)設(shè)計(jì)》課程設(shè)計(jì)報(bào)告
- 網(wǎng)頁(yè)制作課程設(shè)計(jì)報(bào)告總結(jié)
- 《個(gè)人網(wǎng)頁(yè)設(shè)計(jì)》課程設(shè)計(jì)報(bào)告(含源碼)
- 網(wǎng)頁(yè)設(shè)計(jì)課程設(shè)計(jì)報(bào)告---游戲類(lèi)網(wǎng)站設(shè)計(jì)制作
- 《網(wǎng)頁(yè)設(shè)計(jì)》課程標(biāo)準(zhǔn)
- 動(dòng)態(tài)網(wǎng)頁(yè)課程設(shè)計(jì)
- 論網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)設(shè)計(jì).pdf
- jsp課程設(shè)計(jì)《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》
- 網(wǎng)頁(yè)編程課程設(shè)計(jì)報(bào)告-- 鮮花蛋糕禮品店
- 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)報(bào)告模板
- 《網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制》課程設(shè)計(jì)
- 《網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制作》課程設(shè)計(jì)
- 網(wǎng)頁(yè)設(shè)計(jì)與制作課程現(xiàn)狀研究
- 《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程標(biāo)準(zhǔn)
- [學(xué)習(xí)]網(wǎng)頁(yè)設(shè)計(jì)該學(xué)哪些課程
評(píng)論
0/150
提交評(píng)論