網站建設課程設計報告說明書

PAGEPAGE4目錄一摘要 1二需求分析 2三開發(fā)工具和運行環(huán)境 23.1開發(fā)工具 23.2.1硬件環(huán)境 23.2.2軟件環(huán)境 2四詳細設計 24.1站點創(chuàng)建 34.2代碼設計 34.2.1動態(tài)日期代碼 34.2.2圖片相冊代碼 44.2.3梅花飄落和中國結飄落代碼 64.3css面板 84.4網站首頁 94.4.1首頁 94.4.2留言板 104.4.3聯(lián)系我們 11五總結 12六參考文獻 13一摘要在Internet飛速發(fā)展的今天，互聯(lián)網已成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，正以一種前所未有的沖擊力影響著人類的活動。它在人們政治、經濟、生活等各個方面發(fā)揮著重要的作用。因此網站建設在Internet應用上的地位顯的格外重要，它已成為政府、企事業(yè)單位信息化建設中的重要組成部分?，F(xiàn)今的社會，人們已經離不開了網絡，網絡已經成為人與人之間交流的一種形式，它能夠把事情的復雜化轉為簡單化，擺脫了時間和空間的限制。網站為很多人提供了一個網絡生活空間，通過其網頁展示了企業(yè)介紹、城市文化、校園文化介紹、招商信息、加盟程序、留言等一系列內容的介紹。為了更好的宣傳中國文化，通過制作一個網站來介紹宣傳中國本土元素。關鍵詞；網頁設計，Internet，中國風二需求分析隨著以多媒體和網絡技術為核心的現(xiàn)代信息技術的飛速發(fā)展，是信息管理系統(tǒng)領域經歷一場重大的變革。中國在舉辦了奧運會、掀起了中國熱的風潮?？鬃訉W說在海外的傳揚也是中國風的最大表現(xiàn)。該項目為學習中國風網站，簡單的介紹了中國的青花瓷、茶道、臉譜、民樂、中國這些最帶有中國特色的中國元素。讓人簡單、明了的學習理解讀懂中國元素、是神秘的中國元素讓世人皆知。本網站的平臺搭建主要是基于Macromedia公司的網頁開發(fā)工具Dreamweavercs4，主要分為五大模塊：首頁、青花瓷、茶道、臉譜、民樂、留言板。三開發(fā)工具和運行環(huán)境3.1開發(fā)工具；Dreamweavercs43.2.1硬件環(huán)境CPU：最低PentiumII以上，建議PIII以上；內存：最低128M以上，建議256M。3.2.2軟件環(huán)境可在Windows2000、WindowsXP、Windows7等多種操作系統(tǒng)上使用，構建網站時需在PC機上安裝Dreamweaver8、Flash8和Fireworks8等相關軟件。四詳細設計4.1站點創(chuàng)建4.2代碼設計4.2.1動態(tài)日期代碼<scriptlanguage="JavaScript">

today=newDate();

functioninitArray(){

this.length=initArray.arguments.length

for(vari=0;i<this.length;i++)

this[i+1]=initArray.arguments[i]}

vard=newinitArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六");

document.write("<fontcolor=##000000style='font-size:9pt;font-family:宋體'>",

today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",d[today.getDay()+1],

"</font>");

</script> <!--日期-->

<spanid="time"></span>

<scriptlanguage="javascript">

<!--Begin

varclocktext;

varpagetitle=document.title;

functionscroll(){

today=newDate();

sec=today.getSeconds();

hr=today.getHours();

min=today.getMinutes();

if(hr<=9)hr="0"+hr;

if(min<=9)min="0"+min;

if(sec<=9)sec="0"+sec;

varclocktext=+hr+"點"+min+"分"+"<fontcolor=red>"+sec+"</font>"+"秒";

clocktimer=setTimeout("scroll()",1000);

time.innerHTML=clocktext;

}

if(document.all)scroll();//End-->

</script>效果如圖4.2.2圖片相冊代碼<MARQUEEid=jptjonmouseover=jptj.stop()onmouseout=jptj.start()

scrollAmount=1scrollDelay=100behavior=alternatewidth="100%">

<TABLEheight=96cellSpacing=0cellPadding=0width=770align=center

border=0>

<TBODY>

<TR>

<TDheight=6></TD></TR>

<TR>

<TDvAlign=topwidth=130>

<TABLEheight=87cellSpacing=1cellPadding=0width=124

bgColor=#a1591dborder=0>

<TBODY>

<TR>

<TD><A

target=_blank><IMGheight=87

src="pic/1.gif"

width=124border=0></A></TD></TR></TBODY></TABLE></TD>

<TDvAlign=topwidth=130>

<TABLEheight=87cellSpacing=1cellPadding=0width=124

bgColor=#a1591dborder=0>

<TBODY>

<TR>

<TD><A

target=_blank><IMGheight=87

src="pic/2.gif"

width=124border=0></A></TD></TR></TBODY></TABLE></TD>

<TDvAlign=topwidth=130>

<TABLEheight=87cellSpacing=1cellPadding=0width=124

bgColor=#a1591dborder=0>

<TBODY>

<TR>

<TD><A

target=_blank><IMGheight=87

src="pic/3.gif"

width=124border=0></A></TD></TR></TBODY></TABLE></TD>

<TDvAlign=topwidth=130>

<TABLEheight=87cellSpacing=1cellPadding=0width=124

bgColor=#a1591dborder=0>

<TBODY>

<TR>

<TD><A

target=_blank><IMGheight=87

src="pic/4.gif"

width=124border=0></A></TD></TR></TBODY></TABLE></TD>

<TDvAlign=topwidth=130>

<TABLEheight=87cellSpacing=1cellPadding=0width=124

bgColor=#a1591dborder=0>

<TBODY>

<TR>

<TD><A

target=_blank><IMGheight=87

src="pic/5.gif"

width=124border=0></A></TD></TR></TBODY></TABLE></TD>

<TDvAlign=topwidth=130>

<TABLEheight=87cellSpacing=1cellPadding=0width=124

bgColor=#a1591dborder=0>

<TBODY>

<TR>

<TD><A

target=_blank><IMGheight=87

src="pic/6.gif"

width=124border=0></A></TD></TR></TBODY></TABLE></TD>

<TDvAlign=topwidth=130>

<TABLEheight=87cellSpacing=1cellPadding=0width=124

bgColor=#a1591dborder=0>

<TBODY>

<TR>

<TD><A

target=_blank><IMGheight=87

src="pic/7.gif"

width=124border=0></A></TD></TR></TBODY></TABLE></TD>

<TDvAlign=topwidth=130>

<TABLEheight=87cellSpacing=1cellPadding=0width=124

bgColor=#a1591dborder=0>

<TBODY>

<TR>

<TD><A

target=_blank><IMGheight=87

src="pic/8.gif"

width=124border=0></A></TD></TR></TBODY></TABLE></TD>

<TDvAlign=topwidth=130>

<TABLEheight=87cellSpacing=1cellPadding=0width=124

bgColor=#a1591dborder=0>

<TBODY>

<TR>

<TD><A

target=_blank><IMGheight=87

src="pic/9.gif"

width=124border=0></A></TD></TR></TBODY></TABLE></TD>

<TDvAlign=topwidth=130>

<TABLEheight=87cellSpacing=1cellPadding=0width=124

bgColor=#a1591dborder=0>

<TBODY>

<TR>

<TD><A

target=_blank><IMGheight=87

src="pic/10.gif"

width=124border=0></A></TD></TR></TBODY></TABLE></TD>

<TDwidth=-530></TD></TR></TBODY></TABLE>

<p> </p>

</MARQUEE>效果如圖4.2.3梅花飄落和中國結飄落代碼</body><scriptlanguage="JavaScript1.2">varsnowsrc="picture/flower.gif";varno=10;varns4up=(document.layers)?1:0;varie4up=(document.all)?1:0;vardx,xp,yp;varam,stx,sty;vari,doc_width=800,doc_height=600;if(ns4up){doc_width=self.innerWidth;doc_height=self.innerHeight;}elseif(ie4up){doc_width=document.body.clientWidth;doc_height=document.body.clientHeight;}dx=newArray();xp=newArray();yp=newArray();am=newArray();stx=newArray();sty=newArray();for(i=0;i<no;++i){dx[i]=0;xp[i]=Math.random()*(doc_width-50);yp[i]=Math.random()*doc_height;am[i]=Math.random()*20;stx[i]=0.02+Math.random()/10;sty[i]=0.7+Math.random();if(ns4up){if(i==0){document.write("<layername=\"dot"+i+"\"left=\"15\"top=\"15\"visibility=\"show\"><imgsrc='"+snowsrc+"'border=\"0\"></layer>");}else{document.write("<layername=\"dot"+i+"\"left=\"15\"top=\"15\"visibility=\"show\"><imgsrc='"+snowsrc+"'border=\"0\"></layer>");}}elseif(ie4up){if(i==0){document.write("<divid=\"dot"+i+"\"style=\"POSITION:absolute;Z-INDEX:"+i+200+";VISIBILITY:visible;TOP:15px;LEFT:15px;\"><imgsrc='"+snowsrc+"'border=\"0\"></div>");}else{document.write("<divid=\"dot"+i+"\"style=\"POSITION:absolute;Z-INDEX:"+i+200+";VISIBILITY:visible;TOP:15px;LEFT:15px;\"><imgsrc='"+snowsrc+"'border=\"0\"></div>");}}}functionsnowNS(){for(i=0;i<no;++i){yp[i]+=sty[i];if(yp[i]>doc_height-50){xp[i]=Math.random()*(doc_width-am[i]-30);yp[i]=0;stx[i]=0.02+Math.random()/10;sty[i]=0.7+Math.random();doc_width=self.innerWidth;doc_height=self.innerHeight;}dx[i]+=stx[i];document.layers["dot"+i].top=yp[i];document.layers["dot"+i].left=xp[i]+am[i]*Math.sin(dx[i]);}setTimeout("snowNS()",10);}functionsnowIE(){for(i=0;i<no;++i){yp[i]+=sty[i];if(yp[i]>doc_height-50){xp[i]=Math.random()*(doc_width-am[i]-30);yp[i]=0;stx[i]=0.02+Math.random()/10;sty[i]=0.7+Math.random();doc_width=document.body.clientWidth;doc_height=document.body.clientHeight;}dx[i]+=stx[i];document.all["dot"+i].style.pixelTop=yp[i];document.all["dot"+i].style.pixelLeft=xp[i]+am[i]*Math.sin(dx[i]);}setTimeout("snowIE()",10