《班级管理网页设计.doc》由会员分享，可在线阅读，更多相关《班级管理网页设计.doc（8页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、班级管理网页设计一、 课程设计任务和要求课程设计任务 学习本课程可以培养学生对于计算机操作的能力和用计算机设计网页的基本技能，使学生具备分析问题、用编程思维解决问题的能力，达到计算机初级网页设计员的水平，使学生养成既善于独立思考，又乐于与人沟通、具备团队合作意识的职业素养。课程设计目的课程设计总的目的在于加深对网页设计与制作的基本知识的理解，网页设计与制作技能综合运用和提高，通过真实工作任务，使学生能设计出有一定水平的网页并解决，可以更好的培养学生的解决实际问题的能力，掌握实际网页设计与制作开发流程和开发方法。具体的课程设计应达到以下目的：1. 提高学生在实际操作中收集信息，对信息进行价值判断
2、，进行信息整理加工的能力。2. 在实际的项目任务中培养网页设计方面的素养。3. 在实际的项目任务中使学生网页编程和制作的能力得到提高。4. 培养学生团队协作和人际交往方面的能力。5. 培养相关知识和技能的综合应用能力。课程设计要求网页设计与制作的课程设计课题选择应从实际出发。具体要求如下：1. 网页的选题可以是个人网站、班级网站、也可以自选主题。2. 站点设计合理、管理有序、无多余文件和文件夹、大小合适。3. 要使用到本书所介绍的各种技术及网页元素。4. 自选主题，主题内容要合法、健康、实用。5. 网站主题突出、内容丰富。6. 网站与网页风格应该协调一致，网站结构应层次分明，内容重点突出，页面
3、设计要符合追求色彩的搭配、布局合理性，以及要有一定的创意。二、需求分析 问题陈述这次我制作的是一个关于班级管理网站的ASP网页设计，在这次网页设计中，我是利用Dreamweaver这个软件制作的，从而让我们更加的了解Dreamweaver强大的功能和更好的使用它。通过此次设计我们还要能够知道网页设计的各种技巧。通过本次设计，使我更加深入掌握了ASP网页设计的技巧。 网页功能本网页是采用HTML语言的进行设计，实现的是一个关于班级管理的ASP网页设计，通过主网页的链接，我们可以实现各个网页之间的互连，也实现了VbScript设计的要求，更重要的是我们实现了数据库的成功连接与运行，在网页中可以进行
4、各项班级管理，页面简洁，一目了然。三、 网页详细设计主页界面设计 主网页是打开班级管理网站后用户所见到的第一个网页，既登陆界面，它给用户留下一个深刻的印象，所以设计得比较简洁、大方、美观。直接输入登陆账号与密码即可登录进入网站，可以一目了然的看到首页的所有布局，如下图：图一 当输入账号和密码之后就进入了网站内了，就可以看见各种版面和各种超链接，既网站的基本设计构架，也可以点击各个链接，进入到相应的页面进行相应的操作，取得相应的权限进而可以可以对班级信息管理和修改，达到相应的目的。图二个人信息修改和班级学生管理是这次网页设计的重点，asp程序不同于普通的html页面，要想正常运行asp程序，则必
5、须在机器上建立起支持asp调试的环境论坛开发的流程，用户登录，账号和密码都是在数据库中核对后才能登陆成功，而且每个人的信息也都是保存在数据库中，网页上的修改是与数据库中同步的，而且各页面之间跳转要求参数的支持，只要将此参数传给要显示的下一页面，便可实现下一页面的显示。对于班级网站的通讯录，只能自己修改自己的资料，而管理员可以修改别人的，但可以相互浏览对方的资料，而且每个人都拥有自己的个人相册，可以完美的实现管理，而且班级也拥有公共的影集库。建立的数据库中增加一条记录，相应的网页中的数据也跟着同步的更新，也就是双方的更改时同步实现的。图三在做增加学生用户这几个页面时是感觉是比较困难的，因为你不仅
6、要把超链接做好，还要把把数据库连接好，并成功运行，而且这几个页面是做追加和删除数据的，所以在做的时候，写代码一定要仔细的去写，最后做到运行时，数据库和网页可同步追加和删除数据，既完美的管理用户，如图：图四就这样，一个完整的小型班级管理网站就做成功了，虽然不算完美，但还是很高兴，毕竟是自己成功的制作出了一个网站。这个网站可以随时直接更新个人资料，无须再通过管理员来修改，可以在“通讯录”-“显示本人资料”-“修改资料”中更改你的资料,管理员可以随时的追加用户并管理。用户权限可分为三类：普通用户、中级用户、管理员。1普通用户：可以修改本人资料，可以在“论坛”中发表、修改、删除自己的帖子，上传、修改、
7、删除个人照片。2中级用户：除了包含普通用户的功能外，还可以在“新闻”中发布、修改、删除自己的文章，上传、修改、删除集体照片。 3.管理员：除包含中级用户的功能外，还可以在“新闻”、“论坛”和“影集”中修改、删除任何文章、帖子或照片。 四、主要代码：登录错误font face= color=登录错误font face= size=3帐号“font color=”不存在，或你输入的密码有误。请检查后重新输入。table border=1 cellspacing=0 cellpadding=2 bgcolor= bordercolorlight=#000000 bordercolordark=#FF
8、FFFF width=80 align=center a href=返回 五、体会与小结经过这几周的网页设计，成功的制作出了一个小型简易的班级管理网站，我感觉收获很多。我对网页制作设计这门课程有了比较大的提高，其中关于网站链接数据库比较深刻。在此次做网页的过程中也让我学到了很多东西，所以呢从我内心来说我是很满意我的这次网页设计。我觉得做网页应该从最基本的代码学起的，只有清楚的了解到根源，才能学得更深刻，更透彻，才能更好的往下学习。想想自己学习别人的网页制做，因为借看了代码，但不会很懂的就改啊，结果改得乱七八糟，所以觉得虽然做网页有很的工具，但是你还是要懂得它的代码的。还有做网页不仅要懂代码，还
9、要懂得设计，不要弄得太繁琐，太花哨，那就使得自己的网页没了重点，别人看了也烦，自己做起来也麻烦。力求简洁大主，突出重点就可。我自己刚开始做的时候搞得花里胡哨的，很不好看，后来做多了就好了。因此以后在生活学习中，慢慢将学习得到的知识运用到实用项目制作中，做到真正让所需要系统的完善功能和谐的网页。在编写网页代码时难免会出现这样那样的错误。当发现错误时，就需要借助错误信息和错误调试工具来进行纠正错误的调试，从而改正程序中的错误。程序调试时可将一些语句暂时作为注释语句，进行逐段调试。一般情况下，最容易出错的地方便是对数据库的操作，只要按照上述方法便可很容易的找出错误所在。 在老师和同学们的共同帮助下，
10、我已经能初步掌握ASP技术，信息系统分析、开发和应用的能力，使我在网站制做方面的能力得到了较大的。这次的网页制作是在完成对Dreamweaver的理论知识和上机操作的系统学习之后所进行的一次综合性的操作实践，这次的网页制作让我看到了自己在动手操作方面的不足，认识到在Dreamweaver学习和平常上机操作中的缺漏，使我更进一步的明白理论知识与实践操作结合的重要性。这次的网页制作首先要感谢老师的教诲以及在制作过程中许多同学的帮助。这次实践运用Dreamweaver这个网页设计软件来进行网页制作，在这次的网页、网站制作过程中经历了很多的困难，也得到了很多同学和老师的帮助，让我收益很多。六、参考文献库少平，网页设计基础教程，北京邮电大学出版社，2010年1月。8