ASP班级网站设计说明书Word格式文档下载.docx
- 文档编号:20284229
- 上传时间:2023-01-21
- 格式:DOCX
- 页数:10
- 大小:695.55KB
ASP班级网站设计说明书Word格式文档下载.docx
《ASP班级网站设计说明书Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《ASP班级网站设计说明书Word格式文档下载.docx(10页珍藏版)》请在冰豆网上搜索。
第一章网站的开发背景和意义2
第二章网站总体介绍与分析2
2.1网站目标2
2.2网站总体分析2
2.2.1网站分析2
2.2.2栏目规划3
第三章系统功能分析3
第四章网站的建设及实现4
4.1用户管理模块的创建4
4.1.1后台管理登陆界面的建设4
4.1.2后台管理系统的分析与实现4
第五章动态首页的设计及实现5
5.1网页分析及设计5
5.2网页的实现5
第六章网站页面的设计与实现6
6.1.模板的设计6
6.1.1head的设计6
6.1.2foot的设计6
6.1.3mingyianli的设计6
6.2网站页面的完成7
6.2.1班级主页7
6.2.2各子页的制作7
第七章总结8
参考文献9
09电商2班班级网站设计说明书
第一章网站的开发背景和意义
如今网络高速发展,到现在已经发展到了一个惊人的地步。
已经涉及到了各个领域。
班级,作为学校的一个重要组成分子,它承载的是一个班级全体成员的意志,它的荣誉好坏与班级成员密不可分,但是无论外面怎么评价它,班级的成员却会永远把它记在心里,因为不管什么时候,它永远是我们曾经生活、学习、奋斗的地方,那里有我们挥洒的汗水、快乐的笑声、还有泪水、、、、、、点点滴滴那是融进我们血肉里的刻痕。
所以,建设自己的一个班级网站有着十分重要的意义,我要把我们班级的点点滴滴记录进去,让它永远存在下去。
第二章网站总体介绍与分析
2.1网站目标
班级网站目标主要是:
宣传、展示班级风采,介绍班级的优点与特色,增强同学之间的联系,发布班级的重要信息、活动安排,在Internet上完成部分班务管理工作,以提高办事效率。
2.2网站总体分析
2.2.1网站分析
在计班级网站之前,事先的规划与准备是必不可少的。
根据班级网站目标,按照系统开发的基本观点对网站进行分解,从内容上可对网站作下规划:
(1)班级简介:
设置专栏来介绍我的班级详细情况,以让大家了解我的班级。
(2)新闻动态:
主要是随时把一些即将或者是已经发生的班级事件或者是活动放到网站上去,让同学们及时了解班级情况。
(3)班级概况:
通过班级成员、任课教师、专业介绍等方面的文字及图片来展现。
(4)学生留言:
同学们可通过登录或在线留言在班级网站留下对班级的建议等。
(5)班级风采:
将平时班级的一些活动的照片以及同学们平时生活中的一些照片分组分类放到网站上,来展示班级生活。
2.2.2栏目规划
根据对网站的分析,将网站分为一个主页和若干子页的模式。
大体分类如下:
班级首页,班级简介,新闻动态,校园景色,班级活动,同学风采,人才招聘和联系我们。
同时,每个页面又将分成几个小栏目,以便于方便快捷的寻找自己需要的东西,也可以使人一眼就看出本网站的大体内容。
网站主页实现图如下:
图2-1index主页截图
第三章系统功能分析
在本系统中主要有前台登陆客户端和后台管理两大系统。
对于前台客户端主要就是满足管理员的登录需要,所以功能就是登录后台系统。
后台管理系统主要是对网站各个栏目进行管理,主要功能如下:
(1)管理员信息的添加或修改。
(2)栏目的添加和删除。
(3)图片、视频等的上传和管理。
如学生风采、班级活动里边照片以及活动剪辑的上传和管理。
(4)各个栏目信息的输入、添加和修改,比如班级简介的输入,以及随着时间的变化而进行的修改。
第四章网站的建设及实现
4.1用户管理模块的创建
4.1.1后台管理登陆界面的建设
对于登陆界面的设计主要思路如下:
首先,页面要简单,其主要功能为方便管理员的登陆,所以页面只有一个登陆窗口。
代码如下:
<
%@PageLanguage="
C#"
AutoEventWireup="
true"
CodeFile="
index.aspx.cs"
Inherits="
admin_index"
%>
!
DOCTYPEhtmlPUBLIC"
-//W3C//DTDXHTML3.0Transitional//EN"
"
http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
htmlxmlns="
//www.w3.org/1999/xhtml"
>
headid="
Head1"
runat="
server"
<
title>
网站<
/title>
/head>
framesetcols="
186,*"
frameborder="
yes"
border="
6"
framespacing="
rows="
*"
bordercolor="
#A4B6D7"
<
framename="
leftFrame"
scrolling="
auto"
src="
left.aspx"
no"
mainFrame"
right.aspx"
/frameset>
/html>
4.1.2后台管理系统的分析与实现
对于后台管理系统,其功能主要就是使用户更加方便的管理网站,用于网站建设,可以添加删除和修改网站栏目的一些信息,因为已有所以不做具体分析介绍。
第五章动态首页的设计及实现
5.1网页分析及设计
进入一个网站时的第一印象十分的关键,如果你的网站独具一格,那么别人当进入你的网站时就有一种耳目一新的感觉,所以如何做好主页是十分重要的。
我的动态主页主体为一颗翠绿的竹子,摇曳间显示出它的活力与激情,坚韧不屈的翠竹就如我们的班级。
旁边为动态的一首小诗,诉说着我们的班级情谊。
5.2网页的实现
动态首页的实现图如下图(图5-1)indexdezhuye主页截图所示。
图5-1动态首页截图
第六章网站页面的设计与实现
6.1.模板的设计
6.1.1head的设计
Head,也就是网页最上边那部分的设计。
这一部分由logo和标题栏组成。
Logo的设计是一对形似双手的翅膀托起一个白球,手象征着我们团结、自强;
翅膀象征着我们放飞的梦想;
白球象征着世界——我们用双手和汗水创建的未来。
标题栏则是由班级首页、新闻动态、班级简介、班级活动、同学风采等几部分组成,分别对应另外的几个子页。
设计实现如(图6-1-1)所示:
图6-1-1head设计实现图
6.1.2foot的设计
Foot主要是版权等的一些个人信息。
主要代码如下所示:
tdheight="
40"
align="
center"
valign="
middle"
background="
images/downbg..gif"
class="
fonthei"
p>
fontcolor="
black"
CopyRights&
nbsp;
&
copy;
2010青岛滨海学院09电商2班【刘霖】版权所有技术支持:
ahref="
"
target="
_blank"
青岛滨海学院<
/a>
/font>
/p>
scriptlanguage="
javascript"
type="
text/javascript"
#"
/script>
script>
imgalt="
#x6211;
#x8981;
#x5566;
#x514D;
#x8D39;
#x7EDF;
#x8BA1;
style="
border:
none"
/>
/td>
6.1.3mingyianli的设计
Mingyianli主要是网站左边栏目的规划,对于这个位置考虑到整个网站的布局以及协调性,则主要分了新闻动态,会员登陆,同学风采,联系方式几个栏目。
设计实现图如(图6-1-2)所示:
图6-1-2左侧栏目实现图例
6.2网站页面的完成
6.2.1班级主页
首先套用6.1中完成的模板(下面同样需要套用将不会再次叙述),在主页中主要有四大亮点,第一是flash相册的设计,第二是添加了一组滚动图片,第三是加了一个鼠标跟随,四是在logo上加了一个透明flash。
效果图请看(图2-1首页截图)
透明flash代码如下:
embedstyle="
LEFT:
150px;
POSITION:
absolute;
TOP:
10px"
right"
src="
flash/2.swf"
width="
300"
height="
108"
application/x-shockwave-flash"
wmode="
transparent"
quality="
high"
;
/embed>
6.2.2各子页的制作
对于子页的制作首先是将之联系到后台管理上去,通过后台就可以方便的管理各项内容了,各页面的制作方法不一一列举,现在以新闻动态页面为例:
主要代码如下:
asp:
DataListID="
DLdongtai"
Width="
620px"
ItemTemplate>
tableborder="
0"
cellpadding="
cellspacing="
100%"
tr>
tdalign="
left"
20"
ahref='
news_content.aspx?
id=<
%#Eval("
yh_id"
)%>
'
%#CutString(Eval("
yh_bt"
).ToString(),80)%>
LabelID="
Label2"
Text='
yh_tm"
"
{0:
yyyy-MM-dd}"
/asp:
Label>
/tr>
/table>
/ItemTemplate>
DataList>
PanelID="
Panel1"
Height="
50px"
Visible="
False"
550px"
&
当前页为:
labPage"
ForeColor="
Red"
Text="
1"
Label6"
总页为:
labBackPage"
总共<
Label1"
条
HyperLinkID="
HyperLink1"
CssClass="
font"
首页<
HyperLink>
HyperLink2"
上一页<
HyperLink3"
下一页<
HyperLink4"
末页<
Panel>
其它的页面方法以及代码大体相同,不再详细说明。
至此,所有页面完成,该网站基本做完。
第七章总结
回顾该网站的设计过程感想颇多,收获也很多。
大致的总结几点,如下:
1.首先在设计修改网站的时候,经常会遇到不懂、不会的地方,这就需要我自己想方设法的去弄明白弄懂它,这样就让我学到了许多东西,而且记忆更加深刻。
在这方面我学到的是当遇到困难、难题时首先要自己尝试去解决它,因为你并不知道你自身的潜力有多大,往往看似很难的东西,当你认真的去对待的时候却发现不过如此,而且当我经过艰难的深思解决掉一个难题的那一瞬,我心底那种由衷的喜悦也会促使我去更加努力的去克服下一个难题。
第一个难住我的问题就是颜色的搭配,则会以方面我并不是怎么在行,所以对我来说有点难度。
所以我就先请教同学同时到网上查找相关的网站,最后才以蓝色和黑色搭配,虽然还不是很协调,但是总体来说我自己还是比较满意。
第二个问题就是各个图片的修改,因为主题颜色的确定所以许多的图片颜色与网站的主色调不是很搭配,所以需要全面的修改,有的图片还需要重新设计制作。
对于图片的处理主要是用了fireworks来实现的,大量图片的处理使我的图片处理和制作能力得到了很大提高。
还有在登陆界面插入到网站中时,把所有的都改完后发现,运行出错了,当时不知道哪里错了,又从头开始做,却又出现了相同的错误提示。
实在没办法了,只好求助同学,结果是因为我在复制代码时,复制成<
form>
到<
/form>
了,而原要求是不应复制form这句代码的,所以才会多出了个form,去掉那句话后,主页终于运行出来了。
弄明白这个之后,我将老师给的登陆界面的几个网站复制到系统中,然后调试出来主页,点击登陆界面的注册,但是竟然又出错了,明明把三个页面都复制到系统下了,可是就是连接不上。
经过老师的讲解才知道,原来还要在主页的代码中添一句话才可以。
2.随着各个问题的解决我还学到了许多课堂上书本里没有的知识。
比如在做滚动文字和滚动图片的时候,我曾经尝试过很多种方法,在网上也找了许多的代码来试验,最终成功做出了不同效果的滚动文字和图片。
虽然这个花费了我近两节课的时间但是,当我看到我做的滚动与别人的如此的不同的时候十分的高兴。
并且在后边做动态首页的时候添加滚动效果的时候就十分的顺利,一点也不感觉生涩。
3.除以上几点外,当我真正的亲自做完这个网站的时候,虽然大体布局看似没有什么变化,但是细微处却又有所不同。
更加重要的是通过不断的更改、设计我的网站我对我所学的东西更加的熟练,做的多了自然就熟悉了,所谓熟能生巧就是这个样子吧。
4.还有就是在做网站的时候,我需要找许多的素材和代码类的知识,所以我在此期间浏览了大量的相关网站,并且把一些对自己很有用的网站的地址记录了下来,以供今后使用。
参考文献
[1]陈志国晋玉星《ASP.NET网页设计与网站开发》[M].北京:
人民邮电出版社
[2]杨学全.《SQLServer实例教程(第二版)》[M].北京:
中国电子工业出版社.2009
[3]麦斯科.《C#设计模式》[M].北京:
中国电力出版社.2005
[4]刘亚秋.《C#程序设计与应用》[M].北京:
电子工业出版社.2004
[5]朱冰.《C#语言实用教程》[M].北京:
中国铁道出版社.2005
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- ASP 班级 网站 设计 说明书