2023年全國(guó)碩士研究生考試考研英語(yǔ)一試題真題(含答案詳解+作文范文)_第1頁(yè)
已閱讀1頁(yè),還剩14頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(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)地圖!&nbsp;&nbsp;&nbsp;&nbsp;快速導(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)介紹!&nbsp;&nbsp;&nbsp;&nbsp;快速導(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ù)碼剪影!&nbsp

25、;&nbsp;&nbsp;&nbsp;快速導(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ù)碼剪影!&nbsp;&nbsp;&nbsp;&nbsp;快速導(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;&nbsp;&nbsp;&nbsp;快速導(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">&nbsp;</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">&nbsp;<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,fireworksflash等軟件 并讓我知道了怎樣更好的結(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ì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論