网站建设与网页设计大作业Word下载.docx
《网站建设与网页设计大作业Word下载.docx》由会员分享，可在线阅读，更多相关《网站建设与网页设计大作业Word下载.docx（30页珍藏版）》请在冰豆网上搜索。
借助平台，院系领导可以及时掌握、了解本单位教师的科研情况，科研秘书可以方便地完成有关的科研管理任务，如项目申报组织、项目中检等工作。
1.3.3帮助汇总分析
平台将各种数据进行汇总分析，形成直观的分析图标，进行横向和纵向的比较，从而为领导提供学校各类科研信息，为科学决策提供支持。
1.3.4定制考评平台
建立科学合理考核体系，定义各种分类评价指标。
以考核为推动力，拉动全体科研人员的积极性，使科研有序、高效，使平台成为日常工作中的科研平台。
1.3.5全面、实时、准确地提供学校的有关科研信息
通过教师个人填报、科研秘书审核后，全校的科研项目、科研论文、科研著作、学术活动、工作量统计和科研考核结果等数据信息即可在平台上显现，全体教职工均可以登录查询，通过不同的权限设置，还可以对其中的数据进行修订和审核，保证数据的准确、真实性，从而让大家通过平台随时掌握学校最新的科研情况。
1.3.6实现全面的网络化管理,实现网上办公
提供了文件传送（发文）、Email、手机短信等多种通讯手段；
实现项目申报和评审、中检、终结的网络化，从而实现无纸化办公目标。
2系统分析与设计
2.1网站的概况及其功能目标
2.1.1科研管理系统的作用和功能结构图
科研管理系统可以划分为基本信息管理、统计分析、最新公告、科研动态、成果展示、科研队伍、友情链接七大部分，其中基本信息管理、统计分析、友情链接又包含了各自的子目录。
其结构图如下所示：
、基本信息管理
基本信息管理包括个人基本信息、学生培训、论文发表、项目情况，在个人基本信息页面，用户用可以查看和修改自己的基本信息的；
在学生培训处，主要说明学生的培训计划；
论文发表主要记录所发表的论文；
项目情况处用于说明正在进行的或计划要执行的项目，记录项目的进展情况，有效地控制项目向着目标方向发展。
二、统计查询
此处用户可以查询各种自己感兴趣的内容，对各种数据进行汇总分析，形成直观的分析图标，进行横向和纵向的比较，从而为领导提供学校各类科研信息，为科学决策提供支持，提高工作效率。
三、最新公告
最新公告动态的更新各种新的科研情况，从而让大家通过平台随时掌握学校最新的科研情况，以提高自己的科研热情。
四、科研动态
科研动态主要用于更新说明学校的科研发展情况。
五、成果展示
成果展示是随时间动态变化的，它可以及时的报道出科研的最新成果。
六、科研队伍
主要用于向用户介绍科研成员的重要成就。
七、友情链接
友情链接是为了让用户了解更多相关知识而设立的一个项目，较大程度地方便用户。
。
2.1.2网站的使用范围
对网站的使用，按所授予的权限的不同分为系统用户和一般用户。
系统用户可以看到的内容比一般用户的多，系统用户可以在网上加入一些新的内容，他们要获得网站管理员的授权才能有这种特殊的权利；
一般用户只需注册成会员用户就可以进入网站。
从服务的对象来说，此平台是一个开放式的网络化管理平台，服务于全校从事科研活动或者科研管理活动的教职工及同学。
2.2人机界面设计
2.2.1网页的主题部分
该部分包含了网站的主题，突出了该主题的简洁大方。
其中设为主页、加入收藏、联系我们，这几个栏目可以更加方便用户运用此系统。
2.2.2导航条
导航条直观地显示了用户感兴趣的基本信息。
个人基本信息可以让用户查看和修改自己的基本情况。
学生培养是用户能及时了解培养过程和培养计划，并且对于一些被授予特殊权利的用户，他们可以上传一些学生培养计划和更新培训过程。
论文发表可以方便用户随时发表自己的论文或者查看自己所发表的论文情况。
项目情况，主要为用户介绍进行中的项目发展情况和计划执行的项目情况。
2.2.3科研动态
科研动态介绍学校科研发展情况。
2.2.4用户登录界面
此页面主要用于用户的登录，里面加入了检验的操作，已在本网站注册过的用户可以登录到会员界面，享受多于普通访客的权限和优惠。
在浏览器端检验用户名和密码是否符合格式要求，当不符合要求时弹出错误提示框。
用户点击重置可清空已填写信息，重新输入。
点击登陆后，由专门程序将提交的信息在服务器端到数据库进行搜索核对。
若检测到数据库中有该会员信息，则进入会员界面；
若没有该会员信息则给出相关提示。
2.2.5注册界面
图2.2-10注册界面
用户在此界面完成注册，相关代码在客户端检验要提交的信息是否符合要求。
发现不符合填写格式的给出对应的错误提示，直到所有信息填写完整并符合规定格式，此时用户单击“提交”按钮就会显示注册成功，然后系统提示进入注册后可以进入的页面。
2.3数据库设计
本网站使用的数据库软件为Microsoftofficeaccess2003。
数据库名称为syc1.mdb，共包含一张表。
表2.3—1huiyuan表
字段名
数据类型
长度
可否空
注
含意
ID
自动编号
长整型
不可
关键字
usename
文本
30
可
用户名
password
密码
sex
2
性别
phone
电话
email
邮箱
shengri
日期/时间
生日
fenshu
整型
入学分数
dept
院系
2.4使用技术分析
模块（功能名）
使用技术
文件名
文件所在文件夹
注册
数据库插入语句
addreg.asp
注册界面
html标记和form控件
Checklogin.asp
武汉理工大学科研管理系统
table、fieldset标记和CSS样式和javascript脚本语言
会员注册页面.asp
用户登录检测
数据库连接和查询语句
用户登录跳转
页面跳转
success.asp
登陆
表单提交
登录页面.asp
首页文字、结构图界面
html和CSS样式
首页.asp
网站首页超链接界面
ASP对象
会员注册页面
css和脚本函数
会员注册页面.asp
3心得体会
因为分组出现特殊情况，所以这次网页的大作业由我一个人完成。
为期一周的综合开发和平时的专项训练使我掌握了许多专业知识，更提高了自己分析实际问题，并用所学知识解决实际问题的能力。
根据现实需求建立系统模型，再用软件工具和编程语言开发出真正的网站，需要抽象的思维和缜密的分析。
遇到技术障碍，需要深入的钻研和坚定的信念。
通过这次科研管理系统网站的建设，我第一次领略了系统开发的全部流程，对我专业技能积累有很大帮助。
在自己的不懈努力和同学的帮助下，我基本了解和掌握了网站建设与网页设计的基本流程；
学会了使用网页制作的基本工具Dreamweaver8、Frontpage2003以及CSS、Vbscript、Javascrip、ASP和ADO等网页设计与制作时所涉及的基本技术；
动脑和动手能力得到切实提高。
建设过程中的失败与成功，都让人体会到学以致用的意义和乐趣。
从规划到实现，从理论到实践，在整整一个星期的日子里，可以说得是苦多于甜，但是可以学到很多很多以前不知道的东西，不仅巩固了课堂上所学过的知识，而且拓展了很多高层次、深层次的知识。
为了做好这次网页设计，我还在网上找了很多学习制作网页的相关资料，并且看老师给的很多网页实例，让我加深了网页设计的理念。
这种课程设计充分激发了我的主动性和求知欲。
我逐渐不仅仅追求实现，而且追求创意和美观，这也许就是层次逐步提升的表现吧。
由于技术尚不成熟，思维模式还不完善，设计时还有许多难题待解决，我此次所做的网站仍存在很多的漏洞，很多功能没有得以实现。
我希望此系统可以成为一个真正强大的科研系统，通过学习更多的知识，能把它改进并扩展成如下图所示的一个科研管理系统：
各个功能快能分别起到一下作用：
（1）科研门户网站
科研门户网站是高校科研活动信息披露和交流的平台。
该部分和科研活动相结合，适时动态发布科研信息，提升科研处知名度。
（2）科研管理系统
科研管理系统是平台的核心部分。
科研管理系统不仅要有科研管理功能，还要有沟通交流的功能。
科研管理系统向全校老师开放，系统要支持老师、院系和科研处三级用户使用模式。
老师可以登录系统录入和维护自己的项目、成果等科研信息，院系用户可以登录系统维护本单位的科研人员、科研项目和科研成果等信息。
科研处用户管理全校的科研信息。
老师个人录入的数据需要经过院系和科研处的审核。
通过制作该网站，我发现自己还有很多的知识还需要努力学习，现在我已经学习到了网页设计的整个思想理念并且培养了自己制作网页的兴趣，我希望有一天，我可以运用自己所学的更深入的知识，把自己做的这个初步网站改进成一个功能强大的完善的科研管理系统。
4网站主要代码
4.1文件名：
首页.asp功能：
主页
代码：
<
styletype="
text/css"
>
*{
margin:
0;
padding:
font-size:
12px;
}
body{
background-color:
#FFFFFF
#all{
width:
760px;
height:
920px;
0pxauto;
padding:
0pxinherit;
#top{
width:
15px;
#9999CC
}
a{
color:
#000000;
text-decoration:
none;
.head{
103px;
margin-top:
0px;
background:
url（img/top.gif）;
#head_daohang
{
text-align:
left;
margin-left:
485px;
270px;
auto;
#head_daohangli
{padding:
margin:
margin-right:
-1px;
height:
20px;
line-height:
display:
block;
padding-left:
5px;
float:
left}
#head_daohangul
{height:
list-style:
.head_sousuo
center;
padding-top:
8px;
.middle{
790px;
10px;
.left{
176px;
780px;
.left_banner_head{
31px;
.left_banner_mid{
317px;
#EFE8F6;
.left_banner_mid_bottom{
padding-bottom:
.left_banner_mid1{
.left_banner_bottom{
362px;
#EFE8F6
.mid{
373px;
left
.mid_banner_head{
37px;
3px;
.mid_banner_head_mid_zzgg{
343px;
.zzgg_left_bottom{
.mid_banner_head_mid_zzggspan{
right;
display:
.zxgg_left_bottomul{
25px;
.zxgg_left_bottomulli{
border-bottom:
#9999991pxdotted;
list-style:
circle;
.mid_banner_bottom{
34px;
-3px;
.mid_banner_bottom_mid{
365px;
.kydt_left{
100px;
80px;
.kydt_txt{
252px;
.kydt_txtp{
text-indent:
2em;
word-spacing:
1.2em;
17px;
.right{
193px;
.right_banner_head{
33px;
.right_banner_head_mid{
.right_banner_head_midul{
.right_banner_head_midulli{
.right_banner_bottom{
.right_banner_bottom_mid{
.right_banner_bottom_midul{
.right_banner_bottom_midulli{
.bottom{
clear:
both;
color:
#0066FF;
form{
4px;
.MMul{
list-style-type:
none;
0px;
block;
.MMli{
font-family:
Arial,Helvetica,sans-serif;
line-height:
26px;
#333333;
176px;
.MM{
left:
top:
right:
bottom:
clip:
rect（0px,0px,0px,0px）;
.MMa:
link{
font-size:
12px;
background-image:
url（images/menu_bg1.gif）;
background-repeat:
no-repeat;
text-align:
center;
overflow:
hidden;
visited{
active{
hover{
font-weight:
bold;
#123BF9;
url（images/menu_bg2.gif）;
._img{
.image{
li
/style>
scriptlanguage="
JavaScript"
functionshow1（a1）{a2.style.display="
none"
;
if（a1.style.display=="
）{a1.style.display="
"
}}
functionshow2（a2）{a1.style.disp
升级会员 