中國古典園林專題網(wǎng)站制作說明

中國古典園林專題網(wǎng)站制作說明《中國古典園林》專題網(wǎng)站制作說明班級(jí)：10級(jí)教育技術(shù)學(xué)1班作者：趙曉晶一、網(wǎng)站設(shè)計(jì)目的中國古典園林是中國古代建筑史上最輝煌的部分，是中國古代文化史和藝術(shù)史上的瑰寶?？墒牵壳皣鴥?nèi)專門介紹古代園林建筑的網(wǎng)站非常少，人們對(duì)古代園林的建筑特色及文化也知之甚少。針對(duì)這一現(xiàn)狀，本人設(shè)計(jì)并制作了“中國古典園林”專題網(wǎng)站，旨在為古園林愛好者提供了解和觀賞的平臺(tái)，進(jìn)一步宣傳中國古代園林建筑。二、設(shè)計(jì)流程查找文字資料，系統(tǒng)梳理資料根據(jù)文字資料，規(guī)劃網(wǎng)站結(jié)構(gòu)分析網(wǎng)站所需素材、所需技術(shù)支持收集素材逐步制作網(wǎng)站征求使用者意見調(diào)試改進(jìn)三、使用的軟件及語言網(wǎng)頁制作軟件:MacromediaDreamweaver8素材制作軟件：FLASH8、Photoshop網(wǎng)站編輯語言：HTML語言、JAVASCRIPT語言、CSS+div數(shù)據(jù)庫：MicrosoftAccess2007四、網(wǎng)站設(shè)計(jì)說明本網(wǎng)站主要從園林歷史、園林分類、園林特色、園林構(gòu)景、園林構(gòu)成等方面介紹中國古代園林。每一部分采用文字和圖片相結(jié)合的方式，希望使內(nèi)容清晰生動(dòng)，一目了然。另外，也提供一些古建筑方面的研究成果，供有興趣的園友閱讀；視頻紀(jì)錄片可以更豐富網(wǎng)站的內(nèi)容。為了與素材圖片相協(xié)調(diào)，本網(wǎng)站采用了冷色調(diào)。五、網(wǎng)頁結(jié)構(gòu)布局中國古典園林園林構(gòu)成園林特色園林分類園林歷園林構(gòu)成園林特色園林分類園林歷史名園韻事網(wǎng)站首頁中西園藝中西園藝園林構(gòu)景名園薈萃名園薈萃名園薈萃特色展示園林文化造園特色園林記錄階段展示發(fā)展精深起始時(shí)期園林特色園林歷史私家園林皇家園林構(gòu)成要素要素展示構(gòu)景方法南北園藝名園風(fēng)采名園薈萃主菜單名園薈萃名園薈萃特色展示園林文化造園特色園林記錄階段展示發(fā)展精深起始時(shí)期園林特色園林歷史私家園林皇家園林構(gòu)成要素要素展示構(gòu)景方法南北園藝名園風(fēng)采名園薈萃主菜單

六、具體界面及代碼（一）首頁面菜單區(qū)域代碼：<divclass="menu"><aclass="nav0"href="default.asp"onmouseover="javascript:qiehuan(0)"id="mynav0">網(wǎng)站首頁</a><aclass="now1"href="about.asp"onmouseover="javascript:qiehuan(1)"id="mynav1">園林歷史</a><aclass="nav2"href="team.asp"onmouseover="javascript:qiehuan(2)"id="mynav2">園林分類</a><aclass="nav3"href="work.asp"onmouseover="javascript:qiehuan(3)"id="mynav3">園林特色</a><aclass="nav4"href="news.asp"onmouseover="javascript:qiehuan(4)"id="mynav4">名園薈萃</a><aclass="nav5"href="product.asp"onmouseover="javascript:qiehuan(5)"id="mynav5">園林構(gòu)成</a><aclass="nav6"href="default.aspx"onmouseover="javascript:qiehuan(6)"id="mynav6"target="_blank">園林構(gòu)景</a><aclass="nav7"href="qushi.asp"onmouseover="javascript:qiehuan(7)"id="mynav7">名園韻事</a><aclass="nav8"href="job.asp"onmouseover="javascript:qiehuan(8)"id="mynav8">中西園藝</a><aclass="nav9"href="contact.asp"onmouseover="javascript:qiehuan(9)"id="mynav9">關(guān)于我們</a></div>flash區(qū)域代碼：<objectclassid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"id=scriptmainname=scriptmaincodebase="/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"width="960"height="350"><paramname="movie"value="321.swf?bcastr_xml_url=xml/bcastr.xml"><paramname="quality"value="high"><paramname=scalevalue=noscale><paramname="loop"value="false"><paramname="menu"value="false"><paramname="wmode"value="transparent"><embedsrc="bcastr.swf?bcastr_xml_url=xml/bcastr.xml"width="960"height="350"loop="false"quality="high"pluginspage="/go/getflashplayer"type="application/x-shockwave-flash"salign="t"name="scriptmain"menu="false"wmode="transparent"></embed></object>（二）園林歷史起始時(shí)期發(fā)展精深名園展示園林記錄名園展示區(qū)域代碼：<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>園林展示-{{c_name}}-{{c_keywords}}</title><metaname="keywords"content="{{c_keywords}}"><metaname="description"content="{{c_description}}"/><metaname="author"content="timmy747"/><linkhref="images/style.css"rel="stylesheet"type="text/css"/></head><scriptlanguage="javascript"> functionqiehuan(num){ for(varid=0;id<=9;id++) { if(id==num) { document.getElementById("s_"+id).style.display="block"; } Else { document.getElementById("s_"+id).style.display="none }</script>視頻播放代碼：<objectid="player"classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"name="player"width="400"height="320"> <paramname="movie"value="swf/123.swf"/><paramname="wmode"value="transparent"/> <paramname="allowfullscreen"value="true"/> <paramname="allowscriptaccess"value="always"/> <paramname="flashvars"value="file=../video.flv&image=../video.jpg"/> <embed src="swf/123.swf" width="400" height="320" type="application/x-shockwave-flash" id="player2" name="player" allowscriptaccess="always" allowfullscreen="true" flashvars="file=../video.flv&image=../defaultvideo.jpg"wmode="transparent" /> </object>（三）分類頁面皇家園林私家園林圖片區(qū)域代碼：varMyMar;varspeed=1;//速度，越大越慢varspec=1;//每次滾動(dòng)的間距,越大滾動(dòng)越快varipath='images/';//圖片路徑varthumbs=document.getElementsByClassName('thumb_img');for(vari=0;i<thumbs.length;i++){thumbs[i].onmouseover=function(){$('main_img').src=this.rel;$('main_img').link=this.link;};thumbs[i].onclick=function(){location=this.link}}$('main_img').onclick=function(){location=this.link;}$('gotop').onmouseover=function(){this.src=ipath+'gotop2.gif';MyMar=setInterval(gotop,speed);}$('gotop').onmouseout=function(){this.src=ipath+'gotop.gif';clearInterval(MyMar);}$('gobottom').onmouseover=function(){this.src=ipath+'gobottom2.gif';MyMar=setInterval(gobottom,speed);}$('gobottom').onmouseout=function(){this.src=ipath+'gobottom.gif';clearInterval(MyMar);}functiongotop(){$('showArea').scrollTop-=spec;}functiongobottom(){$('showArea').scrollTop+=spec;}</script>（四）造園特色頁面造園特色相關(guān)研究數(shù)據(jù)庫調(diào)用代碼：（本部分內(nèi)容基本通過調(diào)用實(shí)現(xiàn)）ifrequest.QueryString<>""thenChk_badword=split(Query_Badword,"∥")FOREACHQuery_NameINRequest.QueryStringforf_i=0toubound(Chk_badword)IfInstr(LCase(request.QueryString(Query_Name)),Chk_badword(f_i))<>0ThenSelectCaseErr_MessageCase"1"Response.Write"<ScriptLanguage=JavaScript>alert('傳參錯(cuò)誤！參數(shù)"&f_name&"的值中包含非法字符串！\n\n請(qǐng)不要在參數(shù)中出現(xiàn)：andupdatedelete;insertmidmaster等非法字符！');window.close();</Script>"Case"2"Response.Write"<ScriptLanguage=JavaScript>location.href='"&Err_Web&"'</Script>"Case"3"Response.Write"<ScriptLanguage=JavaScript>alert('傳參錯(cuò)誤！參數(shù)"&f_name&"的值中包含非法字符串！\n\n請(qǐng)不要在參數(shù)中出現(xiàn)：andupdatedelete;insertmidmaster等非法字符！');location.href='"&Err_Web&"';</Script>"EndSelectResponse.EndEndIfNEXTNEXTEndif%>數(shù)據(jù)庫連接代碼：<!--#includefile="sql.asp"--><!--#includefile="function.asp"--><!--#includefile="template.asp"--><%dimconnstr,datapath,conndatapath="database/db.mdb"connstr="provider=microsoft.jet.oledb.4.0;datasource="&server.mappath(datapath)setconn=server.createobject("adodb.connection")conn.openconnstr%>（五）名園薈萃頁面本部分通過數(shù)據(jù)庫調(diào)用語句實(shí)現(xiàn)。其中涉及的加載文字和圖片的代碼如下：<divstyle="line-height:150%"><b><spanstyle="font-size:9pt;line-height:150%"><p><strong>拙政園</strong></p></span></b></div><p>……

</p><p>……

</p><pstyle="text-align:center"><imgheight="300"width="400"alt=""src="/uploadfiles/wanshoushan.jpg"/></p><pstyle="text-align:center"><strong>萬壽山</strong></p><pstyle="text-align:center">……</p>定義函數(shù)的代碼：<%functionnohtml(str) ifstr<>""then str=Replace(str,"<","<") str=Replace(str,">",">") nohtml=str else nohtml=str endifendfunction%>（六）園林構(gòu)成頁面構(gòu)成要素要素展示相關(guān)代碼：（從文件夾加載圖片及定義超鏈接）ifrs.eofthenResponse.Write("<script>alert('參數(shù)錯(cuò)誤！');document.location.href('default.asp');</script>")Response.End()endifrs("hit")=rs("hit")+1rs.updateproductname=rs("name")producttime=rs("addtime")producthit=rs("hit")tid=rs("tid")productinfo=rs("info")productimg="<imgsrc='./UpLoadfiles/upLoadImages/"&rs("img")&"'/>"rs.closesetrs=nothingsql="selecttop8*fromzm_productorderbyordasc,iddesc"productlist="<ul>"Setrs=conn.execute(sql)dowhilenotrs.eof productlist=productlist&"<li>"&vbcrlf&"<ahref='product_view.asp?id="&rs("id")&"'><imgsrc='./UpLoadfiles/upLoadImages/"&rs("img")&"'/></a></li>"&vbcrlfrs.MoveNextloopproductlist=productlist&"</ul>"rs.CloseSetrs=Nothing（七）園林構(gòu)景頁面園林構(gòu)景南北園藝本部分代碼基本與第四部分和第五部分相同。（八）名園韻事頁面名園韻事（一）名園韻事（二）本部分代碼基本與第四部分和第五部分相同。（九）中西園藝頁面中西園藝本部分代碼基本與第四部分和第五部分相同。（十）關(guān)于我們頁面留言板留言板代碼：functiongetip()'獲得客戶端IP getip=Request.ServerVariables("REMOTE_ADDR")endfunction'==處理留言ifRequest.QueryString("action")=1then IfTrim(Request.Form("code"))=EmptyOrTrim(Session("dfcms_code"))<>ucase(Trim(Request.Form("code")))Then Response.write("<scriptlanguage='javascript'>alert('驗(yàn)證碼錯(cuò)誤!');history.back();</script>") Response.end() Endif ifTrim(Request.Form("name"))=""orTrim(Request.Form("info"))=""then Response.write"<scriptlanguage='javascript'>alert('信息填寫不完整：\n姓名、留言內(nèi)容必須填寫！');history.go(-1);</script>" Response.End() endif sql="select*fromzm_message" setrs=server.CreateObject("ADODB.Recordset") rs.opensql,conn,1,3 rs.addnew rs("name")=nohtml(Trim(Request.Form("name"))) rs("tel")=nohtml(Trim(Request.Form("tel"))) rs("mail")=nohtml(Trim(Request.Form("mail"))) rs("info")=nohtml(Trim(Request.Form("info"))) rs("ip")=getip() rs("addtime")=now() rs("audit")=0 rs.update rs.close setrs=nothing Response.Write"<scriptlanguage='javascript'>alert('留言發(fā)表成功,請(qǐng)等待管理員審核!');document.location.href('contact.asp');</script>" Response.End()endif'==讀取留言列表sql="select*fromZm_Messagewhereaudit=1orderbyiddesc"messagelist=""setrs=server.CreateObject("ADODB.RECORDSET")rs.opensql,conn,1,1ifnotrs.eofthenpages=3'定義每頁顯示的記錄數(shù)rs.pageSize=pages'定義每頁顯示的記錄數(shù)allPages=rs.pageCount'計(jì)算一共能分多少頁page=Request.QueryString("page")'通過瀏覽器傳遞的頁數(shù)'if語句屬于基本的排錯(cuò)處理ifisEmpty(page)orCint(page)<1thenpage=1elseifCint(page)>allPagesthenpage=allPagesendifrs.AbsolutePage=pagedowhilenotrs.eofandpages>0ifrs("re_info")="無回復(fù)"then messagelist=messagelist&"<divclass=""gbtop""><ul><li>姓名："&rs("name")&"</li> <li>時(shí)間："&rs("addtime")&"</li></ul></div>"&"<divclass=""gbinfo"">"&rs("info")&"</div>"&"<divclass=""gbc""></div>" else messagelist=messagelist&"<divclass=""gbtop""><ul><li>姓名："&rs("name")&"</li> <li>時(shí)間："&rs("addtime")&"</li></ul></div>"&"<divclass=""gbinfo"">"&rs("info")&"</div>"&"<divclass=""gbhf"">管理員回復(fù)："&rs("re_info")&"</div>"&"<divclass=""gbc""></div>"endif pages=pages-1rs.MoveNextloopendifrs.CloseSetrs=Nothing（十一）其他公用代碼：調(diào)用其他asp文件語句：<!--#includefile="include/conn.asp"--><!--#includefile="include/vars.asp"--><!--#includefile="include/asptemplate.asp"--><!--#includefile="zm_default.asp"--><%風(fēng)格設(shè)計(jì)代碼：body{margin:0px;padding:0px;background:url(../images/bg2.png)repeat-x#000;}table,form,h1,h2,h3,ul,li,ol,dl,dd,dt,span,a,em,p{padding:0px;margin:0px;}.clearB{clear:both;font-size:0px;line-height:0px;height:0px;}/*ClearFix*/.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}.clearfix{display:inline-block;}/*HidefromIEMac\*/.clearfix{display:block;}/*EndhidefromIEMac*//*endofclearfix*//*-main-*/ul,li{list-style:none;}a{text-decoration:none;}a:hover{text-decoration:underline;}.center{text-align:center;}img{border:none;}.main{width:960px;margin:0auto;background:#FFFurl(main_bg2.gif)repeat-yright;}code.asp中關(guān)于禁止緩存等