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

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

1、<p>　　課 程 報 告</p><p><b>　　課程名稱：網(wǎng)頁設(shè)計</b></p><p>　　題 目：旅游景點鎮(zhèn)江網(wǎng)站制作 </p><p><b>　　目錄</b></p><p><b>　　1 設(shè)計目的1</b></p>

2、;<p><b>　　2 開發(fā)環(huán)境1</b></p><p><b>　　3 需求分析1</b></p><p><b>　　4 概要設(shè)計1</b></p><p>　　5 詳細設(shè)計與實現(xiàn)2</p><p>　　5.1在DW中的效果圖3</p>

3、;<p>　　5.2 網(wǎng)站運行效果圖10</p><p><b>　　6 總結(jié)13</b></p><p><b>　　1 設(shè)計目的</b></p><p>　　介紹旅游景點鎮(zhèn)江，讓更多的人認識到鎮(zhèn)江的美好之處，并在設(shè)計過程中提升自己在這方面的能力。</p><p><b&g

4、t;　　2 開發(fā)環(huán)境</b></p><p>　　Adobe Dreamweaver CS6</p><p><b>　　3 需求分析</b></p><p>　　選定主題，確定題目之后，在做整個網(wǎng)站之前對網(wǎng)站進行需求分析。首先，做好需求調(diào)研。調(diào)研方式主要是上網(wǎng)查閱資料，在圖書館里翻閱相關(guān)書籍。調(diào)研內(nèi)容如下： </p

5、><p>　　1、網(wǎng)站當(dāng)前以及日后可能出現(xiàn)的功能需求。 </p><p>　　2、客戶對網(wǎng)站的性能的要求和可靠性的要求。  </p><p>　　3、網(wǎng)站的實際運行環(huán)境。 </p><p>　　4、網(wǎng)站頁面總體風(fēng)格以及美工效果。 </p><p>　　主頁面和次級頁面數(shù)量等

6、。</p><p>　　6、內(nèi)容管理及錄入任務(wù)的分配。  </p><p>　　7、各種頁面特殊效果及其數(shù)量。 </p><p>　　此次制作網(wǎng)站選定的主題是有關(guān)介紹旅游地點的，網(wǎng)站簡單介紹了旅游地鎮(zhèn)江，該網(wǎng)站整體站功能結(jié)構(gòu)圖(如圖1所示)： </p><p><b>　　4 概要設(shè)計<

7、/b></p><p>　　整個網(wǎng)站分為：主頁面，景點地圖，景點介紹，焦山，茅山，數(shù)碼剪影，分享交流共七個頁面，每個頁面都配有文字和圖片，可以讓瀏覽此網(wǎng)站的人對鎮(zhèn)江有一定的了解。</p><p>　　系統(tǒng)功能結(jié)構(gòu)圖（如圖2所示）：</p><p><b>　　5 詳細設(shè)計與實現(xiàn)</b></p><p>　　確定主題

8、，在網(wǎng)上搜集所需要的信息。</p><p>　　打開DW，新建一個HTLM，打開工具欄，選用表格布局，根據(jù)網(wǎng)站顯示的需要，更改表格布局的屬性值。</p><p>　　建立網(wǎng)頁模板，建立站點，并在模板里建立多個子網(wǎng)頁。</p><p>　　在模板中插入下載的圖片，并編輯大量文字來介紹圖片上所描述的地方，建立多個超鏈接，實現(xiàn)從當(dāng)前頁面切換到另一個頁面的功能。</p

9、><p>　　5.1在DW中的效果圖</p><p>　　鎮(zhèn)江首頁DW效果圖（如圖3所示）</p><p>　　景點地圖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;">　　茅山，是著名的道教圣地。茅山道教淵源流長，相傳早在距今5000多年前，就有高辛氏時代人展上公修煉，后有葛洪

11、、楊羲、許謐、陶弘景等名道修煉、隱居茅山。茅山道教，在中國道教史上享有很高的聲望和地位，曾贏得了“秦漢神仙府，梁唐宰相家”、“第一福地，第八洞天”等美譽。茅山道院上世紀(jì)七十年代末開始修復(fù)，1982年被國務(wù)院批準(zhǔ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">歡迎訪問景點地圖！&nbsp;&nbsp;&nbsp;&nbsp;快速導(dǎo)航：<

14、;a href="index.html">返回首頁</a>　</div></p><p>　　景點介紹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">歡迎訪問景點介紹！&nbsp;&nbsp;&nbsp;&nbsp;快速導(dǎo)航：<a href="index.html">返回首頁</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">歡迎訪問數(shù)碼剪影！&nbsp

25、;&nbsp;&nbsp;&nbsp;快速導(dǎo)航：<a href="index.html">返回首頁</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">歡迎訪問數(shù)碼剪影！&nbsp;&nbsp;&nbsp;&nbsp;快速導(dǎo)航：<a href="index.html">返回首頁</a></

33、div></p><p>　　<div id="apDiv1"></p><p>　　分享交流DW效果圖（如圖7所示）</p><p><b>　　部分代碼：</b></p><p>　　<div id="apDiv2">歡迎訪問分享交流！&n

34、bsp;&nbsp;&nbsp;&nbsp;快速導(dǎo)航：<a href="index.html">返回首頁</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"> 請您留言 </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)系人電話：</font>　

48、 </td></p><p>　　<td class="STYLE28">

49、 <input name="聯(lián)系電話" 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="需求詳細描述" cols="19" rows=&quo

55、t;4" id="投訴事項"></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="重 寫" /></p><p>　　</span></div></p><p&

58、gt;　　5.2 網(wǎng)站運行效果圖</p><p>　　鎮(zhèn)江首頁網(wǎng)頁效果圖（如圖8所示）</p><p>　　景點地圖網(wǎng)頁效果圖（如圖9所示）</p><p>　　景點介紹之焦山網(wǎng)頁效果圖（如圖10所示）</p><p>　　景點介紹之茅山網(wǎng)頁效果圖（如圖11所示）</p><p>　　數(shù)碼剪影網(wǎng)頁效果圖（如圖12所示）

59、</p><p>　　分享交流網(wǎng)頁效果圖（如圖13所示）</p><p><b>　　6 總結(jié)</b></p><p>　　通過這次制作網(wǎng)頁的過程，加深了我對網(wǎng)頁設(shè)計的了解，并讓我學(xué)習(xí)到了許多平時不知道的知識，讓我更好的學(xué)會了應(yīng)用dreamweaver，fireworksflash等軟件 并讓我知道了怎樣更好的結(jié)合著使用這些軟件。也讓我知道

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 眾賞文庫僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論