Web课程设计报告

Web

 课程设计报告

    目:      基于Web的便捷学习系统      

                 刘飞艳                   

               1208045120                    

           计算机科学系               

             信息管理与信息系统               

指导教师             郑添健                       

20##年 12 20


前 言

当今时代是飞速发展的信息时代。在各行各业中离不开信息处理,这正是计算机被广泛应用于信息管理系统的环境。计算机的最大好处在于利用它能够进行信息管理。使用计算机进行信息控制,不仅提高了工作效率,而且大大的提高了其实用性。

电子资源的使用越来越便捷,同时对于我们也越来越重要,但是也有着很多的问题,比如当你需要寻找一个文档或者相关软件时检索出来的不一定就是正规而且最好的,因此我们需要的一种是可以提供各种学习相关文档阅读、在线学习、软件下载的即安全又全面内容的网址。

开发工具选择

随着互联网的发展,网站技术也成为了一门重要且热门的技术,而网页是整个网站的组成元素,是用HTML语言来表示的。HTML代码编辑工具很多,由最简单的记事本、写字板,到现在出现的许多功能强大的网页编辑工具FrontPage、Dreamweaver、HomeSite等。记事本、写字板相对于编辑HTML代码来说是最原始的编辑工具了,这样做需要开发人员对HTML语言非常的熟练,而且工作繁琐,用它作为开发工具是极不理想的选择。而目前最流行并被广泛使用的工具就是FrontPage和Dreamweaver。本系统的开发采用的是FrontPage。

FrontPage是Microsoft公司开发的一种用于创建网页、组织和管理WEB站点的网页设计软件。它由许多不同的元素组成。FrontPage的网页视图提供给了一种简单、实用的工具,用于Web网页的编辑和格式化。其他视图提供了用于管理Web站点中文件集合的复杂工具。另外,FrontPage带有内置的工具可产生动画(移动的图形)、交互性(对象代表访问者的动作)甚至在线数据收集和数据管理。简而言之,它是一种所见即所得、简单实用、功能强大的网页编辑工具。

   Dreamweaver是Macromedia公司开发的,也是一种功能强大、所见即所得的网页编辑工具,而且它支持最新的DHTML和CSS标准,具有完善的站点管理机制。从功能上来看,它比FrontPage要多,而且用户无需熟悉HTML语言就可以用它做出很不错的网页。可以说,它是一种傻瓜式的编辑工具。

也许有人会置疑,既然Dreamweaver比FrontPage功能要多,为何要选择FrontPage来作为本系统的开发工具呢?对于一位专业的开发者来说,需要的并不只是一个简单易用的傻瓜式的编辑工具,而是一种能让程序运行稳定、操作界面简洁的编辑工具。而FrontPage它虽然没有Dreamweaver那么多的附加功能,但它在网页的编辑方面更具专业性、稳定性、可见性和易修改性,是开发本系统的理想工具。

便捷学习系统的设计

系统界面风格设计

便捷学习系统主界面

各项功能实现

在学习中我们需要查询各类书籍、需要在网上学习、练习考试或者下载软件,当我们搜索是也许我们找不到相应的最好的,并且也容易误入一些恶意网站,因此我们把各个庞大的电子图书馆的网站、在线学习正规网站、在线考试优秀网站以及各软件下载网站的地址链接到相应版块,当你需要哪方面的帮助时,就可以有全面精湛的内容供你选择,也就更容易找到需要的东西。

源程序清单

主页面

<body bgColor=#ffffff leftmargin="0" background="imag/1.png" topmargin="0" >

<div align=center ><center>

<table cellSpacing=0 cellPadding=0 width=720 border=0>

  <tr><td width="100%"><div align=center><center>

    <table width="1089" height="58" border="0" cellPadding=0>

      <tr><td width=210 height="10"   ><p align=center b></style>

        <img src="imag/10264377_104551183162_2.jpg" width="210" height="69" /></p></td>

         <td width="141" >       </td>

      <td width="471" ><marquee class="STYLE9" height="">

          <p>&nbsp;</p>

          <p>便捷学习        </p>

         </marquee></td>

      <td width="136" >&nbsp;</td>

      <td width="69" ><a  href="denglu.html" >登陆 </a></td>

      <td width="48" ><a  href="denglu.html">退出</a></td>

      </tr></table>

  </center></div>

    <div align="center"><center>

       <table width="1096" height="72" border="0" cellpadding="2" name="nav">

        <tr><td width=145 height="6" align=middle style="border-right:1px ridge; border-top: 1px ridge; border-left: 1px ridge; border-bottom:1px ridge" ><div align="center" class="STYLE4"><a href="index.html">首页</a></div>

          <a href="index.html"></a></td>

        <td style="border-right:1px ridge; border-top: 1px ridge; border-left: 1px ridge; border-bottom:1px ridge" align=middle width=145 ><div align="center" class="STYLE4"><a href="http://bookworld.sslibrary.com/" >书世界</a></div></td>

        <td style="border-right:1px ridge; border-top: 1px ridge; border-left: 1px ridge; border-bottom:1px ridge" align=middle width=145 ><div align="center" class="STYLE4"><a href="tushuguan.html">我的图书馆</a></div></td>

      

        <td style="border-right:1px ridge; border-top: 1px ridge; border-left: 1px ridge; border-bottom:1px ridge" align=middle width=145 ><div align="center" class="STYLE4"><a href="zaixianxuexi.html">在线学习</a></div></td>

        <td style="border-right:1px ridge; border-top: 1px ridge; border-left: 1px ridge; border-bottom:1px ridge" align=middle width=145 ><div align="center" class="STYLE4"><a href="zaixiankaos.html">在线考试</a></div></td>

        <td style="border-right:1px ridge; border-top: 1px ridge; border-left: 1px ridge; border-bottom:1px ridge" align=middle width=182 ><div align="center" class="STYLE4"><a href="yingyongruanj.html">应用软件</a></div></td>

</tr></table>

    </center></div>

<div  align="center"><center>

<table width="1092" height="400" border="0" cellpadding="0" cellspacing="0">

<tr><td bgcolor="#ffffff" colspan="2">&nbsp;</td></tr>

<tr><td width="135" bgcolor="#ffffff" rowspan="3"><img border="0" src="imag/t013f239df61d3567d4.jpg" width="166" height="400" /></td>

         <td width="961" height="32">&nbsp;</td></tr>

         <tr><td width="961"><div align="center"><center>

           <table width="95%" height="180" border="0" cellpadding="0" cellspacing="0">

         <tr><td width="100%">

         <table width="102%" height=180" border="1" cellpadding="2" bordercolor="#ffffff">

         <tr>

           <td height="210" colspan="3" bordercolor="#70b8e2"> 

              <div ><marquee direction="up"  behavior="scroll" height="200" width="800" scrolldelay="80" onMouseOver="this.stop()" onMouseOut="this.start()" loop="-1"

              <p align="center" class="STYLE6" >&nbsp;</p>

              <p align="center" class="STYLE6" a lign="center" >每个人都应有一双合脚的鞋,</p>

              <p align="center" class="STYLE6" >&nbsp;</p>

              <p align="center" class="STYLE6">我们才能迈开轻盈的脚步越走越远。</p>

              <p align="center" class="STYLE6">&nbsp;</p>

              <p align="center" class="STYLE6">如果鞋小了,</p>

              <p align="center" class="STYLE6">&nbsp;</p>

              <p align="center" class="STYLE6">每走一步都疼痛不已,</p>

              <p align="center" class="STYLE6">&nbsp;</p>

              <p align="center" class="STYLE6">如果鞋大了,</p>

              <p align="center" class="STYLE6">&nbsp;</p>

              <p align="center" class="STYLE6">每走一步都小心翼翼。</p>

              <p align="center" class="STYLE6">&nbsp;</p>

              <p align="center" class="STYLE6">其实在生活中,</p>

              <p align="center" class="STYLE6">&nbsp;</p>

              <p align="center" class="STYLE6">有很多人都在穿着不合脚的鞋走路,</p>

              <p align="center" class="STYLE6">&nbsp;</p>

              <p align="center" class="STYLE6">为什么呢?</p>

              <p align="center" class="STYLE6">&nbsp;</p>

              <p align="center" class="STYLE6">因为自己的鞋是别人选的。</p>

              <p align="center" class="STYLE6">&nbsp;</p>

              <p align="center" class="STYLE6">要想穿合脚的鞋,</p>

              <p align="center" class="STYLE6">&nbsp;</p>

              <p align="center" class="STYLE6">就要学会自己为自己选鞋。</p>

              <p align="center" class="STYLE6">&nbsp;</p>

              <p align="center" class="STYLE6">别总让别人左右你,</p>

              <p align="center" class="STYLE6">&nbsp;</p>

              <p align="center" class="STYLE6">做真正的自我吧!</p>

                </marquee>  

                 <div align="right" class="STYLE4">刘飞艳制作             </div>

               </div></td>

           </tr>

         </table>

        

        

         </td>

         </tr></table>

           <marquee><img src="imag/11-1306241J232.jpg" width="181" height="219" /><<img src="imag/11-1306241J250.jpg" width="178" height="221" /><img src="imag/201305282241180758.jpg" width="170" height="221" /><img src="imag/12-141213154501.jpg" width="167" height="219" /><img src="imag/11-131011114U1.jpg" width="171" height="219" /><img src="imag/4-121115114G4.jpg" width="163" height="215" />

         <img src="imag/4930063_180753730125_2.jpg" width="179" height="217" />

         <img src="imag/t01a3780aca106f6c93.jpg" width="170" height="221" /><img src="imag/4-121115114G4.jpg" width="163" height="215" />

         <img src="imag/4930063_180753730125_2.jpg" width="170" height="217" />

         </marquee>

           </center></div></td></tr></table>

</center></div>

        

 </tr>

</table>

 <p>&nbsp;</p>

</body>

相关推荐