网站建设课程设计报告说明书文档格式.docx
《网站建设课程设计报告说明书文档格式.docx》由会员分享，可在线阅读，更多相关《网站建设课程设计报告说明书文档格式.docx（12页珍藏版）》请在冰豆网上搜索。
关键词；
网页设计，Internet，中国风
二需求分析
随着以多媒体和网络技术为核心的现代信息技术的飞速发展，是信息管理系统领域经历一场重大的变革。
中国在举办了奥运会、掀起了中国热的风潮。
孔子学说在海外的传扬也是中国风的最大表现。
该项目为学习中国风网站，简单的介绍了中国的青花瓷、茶道、脸谱、民乐、中国这些最带有中国特色的中国元素。
让人简单、明了的学习理解读懂中国元素、是神秘的中国元素让世人皆知。
本网站的平台搭建主要是基于Macromedia公司的网页开发工具Dreamweavercs4，主要分为五大模块：
首页、青花瓷、茶道、脸谱、民乐、留言板。
三开发工具和运行环境
3.1开发工具；
Dreamweavercs4
3.2.1硬件环境
CPU：
最低PentiumII以上，建议PIII以上；
内存：
最低128M以上，建议256M。
3.2.2软件环境
可在Windows2000、WindowsXP、Windows7等多种操作系统上使用，构建网站时需在PC机上安装Dreamweaver8、Flash8和Fireworks8等相关软件。
四详细设计
4.1站点创建
4.2代码设计
4.2.1动态日期代码
<
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>
&
nbsp;
<
!
--日期-->
spanid="
time"
/span>
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="
+min;
if（sec<
=9）sec="
+sec;
varclocktext=+hr+"
点"
+min+"
分"
+"
fontcolor=red>
+sec+"
+"
秒"
;
clocktimer=setTimeout（"
scroll（）"
1000）;
time.innerHTML=clocktext;
}
if（document.all）scroll（）;
//End-->
效果如图
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>
TDvAlign=topwidth=130>
TABLEheight=87cellSpacing=1cellPadding=0width=124
bgColor=#a1591dborder=0>
TD>
A
target=_blank>
IMGheight=87
src="
pic/1.gif"
width=124border=0>
/A>
/TBODY>
/TABLE>
A
pic/2.gif"
pic/3.gif"
pic/4.gif"
pic/5.gif"
pic/6.gif"
pic/7.gif"
pic/8.gif"
pic/9.gif"
pic/10.gif"
TDwidth=-530>
p>
/p>
/MARQUEE>
4.2.3梅花飘落和中国结飘落代码
/body>
JavaScript1.2"
varsnowsrc="
picture/flower.gif"
;
varno=10;
varns4up=（document.layers）?
1:
0;
varie4up=（document.all）?
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（i==0）{
layername=\"
dot"
+i+"
\"
left=\"
15\"
top=\"
visibility=\"
show\"
imgsrc='
+snowsrc+"
'
border=\"
0\"
/layer>
}else{
divid=\"
style=\"
POSITION:
absolute;
Z-INDEX:
+i+200+"
VISIBILITY:
visible;
TOP:
15px;
LEFT:
/div>
functionsnowNS（）{
++i）{
yp[i]+=sty[i];
if（yp[i]>
doc_height-50）{
xp[i]=Math.random（）*（doc_width-am[i]-30）;
yp[i]=0;
dx[i]+=stx[i];
document.layers["
+i].top=yp[i];
+i].left=xp[i]+am[i]*Math.sin（dx[i]）;
setTimeout（"
snowNS（）"
10）;
functionsnowIE（）{
document.all["
+i].style.pixelTop=yp[i];
+i].style.pixelLeft=xp[i]+am[i]*Math.sin（dx[i]）;
snowIE（）"
snowNS（）;
snowIE（）;
4.3css面板
Img.css
body{
margin:
auto;
text-align:
center;
统一.css
@charset"
utf-8"
.下标{
center;
标题.css
.标题{
4.4网站首页（一级页面）
首页是客户打开网站的第一个页面，即一级页面，一般在这个页面中呈现的信息量最大，且需充分展现网站的亮点，以吸引浏览者。
在网站的首页显示了网站的logo、插入已经下载flash、图片、最后用Dreamweaver进行网页的排版，使之美观大方。
4.4.1首页
4.4.2留言板
4.4.3联系我们
五总结
整个开发的过程对我来说是一次将理论应用于实践的过程，是将以前所学知识充分利用的过程，是一次真正的实践过程。
总体说来，在这学期的毕业设计中，学到了一些在课堂内所学不到的知识，收获很大。
网页设计是在指导教师李昊和陈晓飞的悉心指导下独立完成的。
虽然整个整个内容还有很多不足，但是我的确能够感到在我制作过程中技能的提高。
在今后的学习生活中，我将不断提高自己网页设计与制作的能力和水平，从而弥补本次毕业设计中的不足。
在设计中，也得到了许多同学的建议，同时还到许多在工作过程中舍友的支持和帮助，在此一并致以诚挚的谢意。
感谢所有关心、支持、帮助过我的良师益友。
感谢参考文献中的各位作者，真诚的感谢对我的帮助。
六参考文献
1、网页设计与制作教程/刘瑞新等主编.—北京:
机械工业出版社,2005.8
2、DreamweaverMX动态网站设计/赵增敏等编著.—北京:
机械工业出版社,2004.2
3、网站规划与网页设计/李珍香主编.—北京:
机械工业出版社,2005.5
升级会员 