基于动态服务器页面的网络应用程序的设计Word下载.docx
《基于动态服务器页面的网络应用程序的设计Word下载.docx》由会员分享，可在线阅读，更多相关《基于动态服务器页面的网络应用程序的设计Word下载.docx（32页珍藏版）》请在冰豆网上搜索。
图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"
>
htmlxmlns="
//www.w3.org/1999/xhtml"
head>
metahttp-equiv="
Content-Type"
content="
text/html;
charset=gb2312"
/>
title>
首页<
/title>
styletype="
text/css"
--
.STYLE1{
font-size:
x-large;
font-weight:
bold;
}
.STYLE6{
font-family:
新宋体"
;
.STYLE7{color:
#0000CC}
body{
background-image:
url（images/eas.jpg）;
background-color:
#FFFFFF;
background-repeat:
repeat;
.STYLE9{font-family:
黑体"
18px;
color:
#000000;
}
.STYLE11{font-size:
xx-large}
.STYLE12{color:
.STYLE13{
-->
/style>
scripttype="
text/JavaScript"
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<
a.length;
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）;
（x=d[n]）&
d.all）x=d.all[n];
for（i=0;
x&
i<
d.forms.length;
i++）x=d.forms[i][n];
d.layers&
d.layers.length;
i++）x=MM_findObj（n,d.layers[i].document）;
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<
args.length-1;
i+=2）if（（img=MM_findObj（args[i]））!
=null）{
if（!
img.MM_up）img.MM_up=img.src;
img.src=img.MM_dn=args[i+1];
}}
}elseif（event=="
over"
）{
document.MM_nbOver=nbArr=newArray（）;
for（i=1;
i+=3）if（（img=MM_findObj（args[i]））!
img.src=（img.MM_dn&
args[i+2]）?
args[i+2]:
（（args[i+1]）?
args[i+1]:
img.MM_up）;
out"
）{
document.MM_nbOver.length;
i++）{
img=document.MM_nbOver[i];
img.src=（img.MM_dn）?
img.MM_dn:
img.MM_up;
down"
nbArr=document[grpName];
if（nbArr）
nbArr.length;
i++）{img=nbArr[i];
img.src=img.MM_up;
img.MM_dn=0;
document[grpName]=nbArr=newArray（）;
for（i=2;
img.src=img.MM_dn=（args[i+1]）?
//-->
/script>
/head>
bodyonload="
MM_preloadImages（'
images/英格兰圣乔治旗.jpg'
'
images/uk4.jpg'
）"
tablewidth="
764"
height="
1017"
border="
1"
align="
center"
cellpadding="
0"
cellspacing="
<
tr>
tdheight="
111"
bgcolor="
#FF0000"
divalign="
spanclass="
STYLE1"
imgsrc="
images/英国国旗.jpg"
width="
760"
128"
br/>
英国国旗的由来<
/span>
/div>
bordercolor="
#CBCBCB"
32"
valign="
middle"
#666666"
#33FFFF"
STYLE7"
ahref="
index.htm"
target="
_blank"
/a>
/td>
tdalign="
engtext.htm"
英格兰国旗<
scotext.htm"
苏格兰国旗<
waltext.htm"
威尔士国旗<
nirtext.htm"
北爱尔兰国旗<
changes.htm"
英国国旗变迁<
mailto:
lucian608@"
留言给我<
/tr>
/table>
tdwidth="
528"
left"
#000000"
background="
images/abb.jpg"
#EE6A88"
psizcache="
sizset="
30"
STYLE9"
nbsp;
STYLE11"
STYLE12"
英国全称大不列颠及北爱尔兰联合王国，由英格兰、苏格兰、威尔士和北爱尔兰组成的联合王国，统于一个中央政府和国家元首。
/p>
pclass="
sizcache="
images/UK3.jpg"
259"
288"
英国位于欧洲西北面，本土位于大不列颠群岛，被北海、英吉利海峡、凯尔特海、爱尔兰海和大西洋包围。
英国是世界上第一个工业化国家，亦为一个有多元文化和开放思想的社会。
它在19世纪和20世纪早期是世界上最强大的国家但是经过两次世界大战和20世纪下半叶大英帝国的崩溃，早已失去昔日荣光。
不过，英国仍是一个在世界范围内拥有巨大影响力的举足轻重的强国。
首都伦敦是欧洲最大和最具国际特色的城市<
images/uk4.jpg"
228"
176"
bottom"
181"
263"
192"
caption>
STYLE6"
伦敦奥运会宣传片<
/caption>
#89A1D1"
objectclassid="
clsid:
D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="
343"
right"
title="
伦敦奥运会宣传片"
paramname="
movie"
value="
2012年伦敦奥运会宣传片.swf"
quality"
high"
embedsrc="
quality="
pluginspage="
type="
application/x-shockwave-flash"
/embed>
/object>
tableborder="
td>
_top"
onclick="
MM_nbGroup（'
down'
group1'
unnamed1'
images/英国国旗.jpg'
1）"
onmouseover="
over'
'
onmouseout="
out'
alt="
name="
unnamed1"
110"
49"
id="
onload="
init'
600"
STYLE13"
copyright@2012lucian<
/body>
/html>
英格兰代码
英格兰<
.STYLE1{font-size:
.STYLE2{font-family:
medium}
.STYLE14{
xx-large;
.STYLE15{font-family:
宋体"
body>
838"
560"
349"
top"
STYLE2"
/
升级会员 