网站建设课程设计报告说明书.docx

网站建设课程设计报告说明书.docx

《网站建设课程设计报告说明书.docx》由会员分享，可在线阅读，更多相关《网站建设课程设计报告说明书.docx（12页珍藏版）》请在冰豆网上搜索。

网站建设课程设计报告说明书

目录

一摘要1

二需求分析2

三开发工具和运行环境2

3.1开发工具2

3.2.1硬件环境2

3.2.2软件环境2

四详细设计2

4.1站点创建3

4.2代码设计3

4.2.1动态日期代码3

4.2.2图片相册代码4

4.2.3梅花飘落和中国结飘落代码6

4.3css面板8

4.4网站首页（一级页面）9

4.4.1首页9

4.4.2留言板10

4.4.3联系我们11

五总结12

六参考文献13

一摘要

在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，正以一种前所未有的冲击力影响着人类的活动。

它在人们政治、经济、生活等各个方面发挥着重要的作用。

因此网站建设在Internet应用上的地位显的格外重要，它已成为政府、企事业单位信息化建设中的重要组成部分。

现今的社会，人们已经离不开了网络，网络已经成为人与人之间交流的一种形式，它能够把事情的复杂化转为简单化，摆脱了时间和空间的限制。

网站为很多人提供了一个网络生活空间，通过其网页展示了企业介绍、城市文化、校园文化介绍、招商信息、加盟程序、留言等一系列内容的介绍。

为了更好的宣传中国文化，通过制作一个网站来介绍宣传中国本土元素。

关键词；网页设计，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动态日期代码

today=newDate（）;

functioninitArray（）{

this.length=initArray.arguments.length

for（vari=0;i

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

vard=newinitArray（"星期日","星期一","星期二","星期三","星期四","星期五","星期六"）;

document.write（"

9pt;font-family:

宋体'>",

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

""）;

--日期-->

--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+"分"+""+sec+""+"秒";

clocktimer=setTimeout（"scroll（）",1000）;

time.innerHTML=clocktext;

}

if（document.all）scroll（）;//End-->

效果如图

4.2.2图片相册代码

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

border=0>

bgColor=#a1591dborder=0>

target=_blank>

src="pic/1.gif"

width=124border=0>

bgColor=#a1591dborder=0>

target=_blank>

src="pic/2.gif"

width=124border=0>

bgColor=#a1591dborder=0>

target=_blank>

src="pic/3.gif"

width=124border=0>

bgColor=#a1591dborder=0>

target=_blank>

src="pic/4.gif"

width=124border=0>

bgColor=#a1591dborder=0>

target=_blank>

src="pic/5.gif"

width=124border=0>

bgColor=#a1591dborder=0>

target=_blank>

src="pic/6.gif"

width=124border=0>

bgColor=#a1591dborder=0>

target=_blank>

src="pic/7.gif"

width=124border=0>

bgColor=#a1591dborder=0>

target=_blank>

src="pic/8.gif"

width=124border=0>

bgColor=#a1591dborder=0>

target=_blank>

src="pic/9.gif"

width=124border=0>

bgColor=#a1591dborder=0>

target=_blank>

src="pic/10.gif"

width=124border=0>

效果如图

4.2.3梅花飘落和中国结飘落代码

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

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（""）;

}else{

document.write（""）;

}

}elseif（ie4up）{

if（i==0）{

document.write（"

absolute;Z-INDEX:

"+i+200+";VISIBILITY:

visible;TOP:

15px;LEFT:

15px;\">