asp动态网页设计.docx
《asp动态网页设计.docx》由会员分享，可在线阅读，更多相关《asp动态网页设计.docx（17页珍藏版）》请在冰豆网上搜索。
asp动态网页设计
ASP网页设计
课程报告
课程设计题目：
315寝室asp
专业班级：
网络101
学生姓名：
周国祥
学号：
08061310141
指导教师：
陈淦
2013年1月2日
目录
一、网页制作要求2
二、我的目的2
三、网页设计操作过程2
四、网页主要部分10
五、静态向动态的实现13
六、系统不足及需要改进的方法14
七、整个设计的收获、感想以及体会15
Asp网页设计报告
一、网页制作要求：
1分成三个框架；
2背景音乐，flash，表格，图片，表格，图片，列表及表单；
3流动字幕；
4路过导航栏，导航栏变色使用（css）；
5至少有5个页面，页面之间风格一致，内容不一样，5个页面之间通过链接连在一起。
6页面有登录的时间，和第几个登录的用户；
7内容风格不能雷同，否则不及格；
8首页统一叫index.asp
（ps以下为网络同学要做到的..）
1做一个页面为留言板，实现随时登录，随时留言，随时显示留言；
第四条改为：
路过导航栏，出现下拉菜单（css不用层）
二．我的目的：
通过网页介绍我的寝室，并和大家分享我的得意视频.
三、网页设计操作过程
先做成静态网页，再弄动态网页。
《1》主页模块
主页用框架分成三块，结构为上下3:
7，左右65:
35，top部分由一个网页模块链接做导航栏；left部分由另一个模块链接，可以随时实现其他页面的跳转。
Right部分主要由用户登录信息和留言板做成.
主页代码：
index
《2》导航栏模块
Top部分由一个流动字幕和一个css做的导航栏，整个网页的页面都可以通过它实现跳转并附带一张超萌的图片。
Top部分代码
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
导航栏
--
*{margin:
0;padding:
0;border:
0;}
{
font-family:
arial,华文行楷,serif;
font-size:
20px;
}
#nav{
line-height:
42px;list-style-type:
none;background:
green;
}
#nava{
display:
block;width:
80px;text-align:
center;
}
#nava:
link{
color:
green;text-decoration:
none;
}
#nava:
visited{
color:
green;text-decoration:
none;
}
#nava:
hover{
color:
blue;text-decoration:
none;font-weight:
bold;
}
#navli{
float:
left;width:
80px;background:
pink;
}
#navlia:
hover{
background:
yellow;
}
#navliul{
line-height:
27px;list-style-type:
none;text-align:
left;
left:
-999em;width:
180px;position:
absolute;
}
#navliulli{
float:
left;width:
180px;
background:
#F1F1F1;
}
#navliula{
display:
block;width:
156px;text-align:
left;padding-left:
24px;
}
#navliula:
link{
color:
green;text-decoration:
none;
}
#navliula:
visited{
color:
green;text-decoration:
none;
}
#navliula:
hover{
color:
brown;text-decoration:
none;font-weight:
normal;
background:
lavender;
}
#navli:
hoverul{
left:
auto;
}
#navli.sfhoverul{
left:
auto;
}
#content{
clear:
left;
}
-->
--//-->
[CDATA[//>
--
functionmenuFix（）{
varsfEls=document.getElementById（"nav"）.getElementsByTagName（"li"）;
for（vari=0;isfEls[i].onmouseover=function（）{
this.className+=（this.className.length>0?
"":
""）+"sfhover";
}
sfEls[i].onMouseDown=function（）{
this.className+=（this.className.length>0?
"":
""）+"sfhover";
}
sfEls[i].onMouseUp=function（）{
this.className+=（this.className.length>0?
"":
""）+"sfhover";
}
sfEls[i].onmouseout=function（）{
this.className=this.className.replace（newRegExp（"（?
|^）sfhover\\b"）,
""）;
}
}
}
window.onload=menuFix;
//-->
]]>
亲！
欢迎来到315寝室
寝室人员
周国祥
江冰王水良寝室介绍关于我们分享视频来访记录