基于动态服务器页面的网络应用程序的设计.docx

基于动态服务器页面的网络应用程序的设计.docx

《基于动态服务器页面的网络应用程序的设计.docx》由会员分享，可在线阅读，更多相关《基于动态服务器页面的网络应用程序的设计.docx（32页珍藏版）》请在冰豆网上搜索。

基于动态服务器页面的网络应用程序的设计

课程设计任务书

学生姓名：

维恩·鲁尼专业班级：

曼彻斯特联

指导教师：

弗格森爵士工作单位：

联合王国

题目:

基于ASP的网络应用程序设计

初始条件：

Windows2000/2003/XP;IIS6.0,

ASP/JSP,Dreamweaver/Frontpage/VisualStudio.Net

要求完成的主要任务:

（包括课程设计工作量及其技术要求，以及说明书撰写等具体要求）

1．熟悉ASP或JSP技术及相关开发工具软件；

2．设计网上论坛或网店或其它应用的基本功能；

3．规划设计网页，利用开发工具完成页面的制作，完成基本功能；要求有3个以上的网页；

4．撰写课程设计说明书。

装订后的课程设计说明书不少于10页（含封面、任务书、目录、正文、参考文献、成绩评定表、封底）。

时间安排：

6月18日查阅资料

6月19日—20日方案设计及编程

6月21日撰写设计报告

6月22日答辩

指导教师签名：

年月日

系主任（或责任教师）签名：

年月日

5、网页运行展示

图5.1主页展示

图5.2主页flash动画

图5.3主页导航条

图5.4主页导航条

图5.5英格兰页面展示

（一）

图5.6英格兰页面展示

（二）

图5.7苏格兰页面展示

（一）

图5.8苏格兰页面展示

（二）

图5.9威尔士页面展示

图5.10北爱尔兰页面展示

图5.11变化页面展示

图5.12变化页面flash

图5.13变化页面的锚链接

图5.14给我留言的版块

附录：

首页代码

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//www.w3.org/1999/xhtml">

--

.STYLE1{

font-size:

x-large;

font-weight:

bold;

}

.STYLE6{

font-family:

"新宋体";

font-weight:

bold;

}

.STYLE7{color:

#0000CC}

body{

background-image:

url（images/eas.jpg）;

background-color:

#FFFFFF;

background-repeat:

repeat;

}

.STYLE9{font-family:

"黑体";font-size:

18px;color:

#000000;}

.STYLE11{font-size:

xx-large}

.STYLE12{color:

#000000;font-family:

"黑体";}

.STYLE13{

font-family:

"黑体";

font-weight:

bold;

font-size:

x-large;

}

-->

--

functionMM_preloadImages（）{//v3.0

vard=document;if（d.images）{if（!

d.MM_p）d.MM_p=newArray（）;

vari,j=d.MM_p.length,a=MM_preloadImages.arguments;for（i=0;i

if（a[i].indexOf（"#"）!

=0）{d.MM_p[j]=newImage;d.MM_p[j++].src=a[i];}}

}

functionMM_findObj（n,d）{//v4.01

varp,i,x;if（!

d）d=document;if（（p=n.indexOf（"?

"））>0&&parent.frames.length）{

d=parent.frames[n.substring（p+1）].document;n=n.substring（0,p）;}

if（!

（x=d[n]）&&d.all）x=d.all[n];for（i=0;!

x&&i

for（i=0;!

x&&d.layers&&i

if（!

x&&d.getElementById）x=d.getElementById（n）;returnx;

}

functionMM_nbGroup（event,grpName）{//v6.0

vari,img,nbArr,args=MM_nbGroup.arguments;

if（event=="init"&&args.length>2）{

if（（img=MM_findObj（args[2]））!

=null&&!

img.MM_init）{

img.MM_init=true;img.MM_up=args[3];img.MM_dn=img.src;

if（（nbArr=document[grpName]）==null）nbArr=document[grpName]=newArray（）;

nbArr[nbArr.length]=img;

for（i=4;i

=null）{

if（!

img.MM_up）img.MM_up=img.src;

img.src=img.MM_dn=args[i+1];

nbArr[nbArr.length]=img;

}}

}elseif（event=="over"）{

document.MM_nbOver=nbArr=newArray（）;

for（i=1;i

=null）{

if（!

img.MM_up）img.MM_up=img.src;

img.src=（img.MM_dn&&args[i+2]）?

args[i+2]:

（（args[i+1]）?

args[i+1]:

img.MM_up）;

nbArr[nbArr.length]=img;

}

}elseif（event=="out"）{

for（i=0;i

img=document.MM_nbOver[i];img.src=（img.MM_dn）?

img.MM_dn:

img.MM_up;}

}elseif（event=="down"）{

nbArr=document[grpName];

if（nbArr）

for（i=0;i

document[grpName]=nbArr=newArray（）;

for（i=2;i

=null）{

if（!

img.MM_up）img.MM_up=img.src;

img.src=img.MM_dn=（args[i+1]）?

args[i+1]:

img.MM_up;

nbArr[nbArr.length]=img;

}}

}

//-->

英国国旗的由来