《基于JavaScrpt班级网站开发之班级首页.docVIP

潍坊科技学院 JavaScript课程设计 报 告 书 课题 基于JavaScript的班级网站开发 专业班级 ： 11软1 学生姓名 ：邵园园 学 号 ：201101080029 指导教师 ：陈凤萍 小组成员 ：邵园园、刘娜、苟祥明、石妍慧 于明明、王超、孙慎伟、马安顺 组 长 ：邵园园 日 期 ：2013 . 1 . 7 成 绩 ： 课程设计任务书 院系：中印计算机软件学院 专业：软件技术 班级：11软1 学号：201101080029 一、课程设计时间 2012年12月24日至2013年1月11日，共计3周。 二、课程设计内容 使用html+javascript+css 完成以下任务： 1、能够熟练使用css结合html实现网页布局。 2、熟练使用文档对象模型和事件驱动，能够很好的实现web表单的交互式操作。 3、熟练使用javascrip中的对象，实现网页的动态效果。 三、课程设计要求 1. 课程设计质量： 贯彻事件驱动的程序设计思想，熟练使用javascript中的对象，实现网页特效。 网页设计布局合理，色彩搭配合理，网页操作方便。 设计过程中充分考虑浏览器兼容等问题，并做适当处理。 代码应适当缩进，并给出必要的注释，以增强程序的可读性。 2. 课程设计说明书： 课程结束后，上交课程设计报告书和相关的网页。课程设计报告书的格式和内容参见提供的模板。 四、指导教师和学生签字 指导教师： 学生签名： 五、教师评语： 基于javascript的班级网站（班级主页）开发 摘要 随着Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。 关键字：班级网站、javascript  目录 一、 前言 1 1.1课程设计思路 1 1.2课程设计目标 1 二、关键技术 1 2.1HTML相关概念 1 2.2css 2 2.3javascript 3 三、总体设计 3 3.1 网站总体结构 3 3.2主页设计 4 3.3网站功能设计 4 四、详细设计 6 4.1班级网站 6 4.2数据库设计 6 4.3主要代码 6 五、课程总结 12 六、参考文献 13 前言 1.1课程设计思路 班级网站基本组成成分包括班级首页、班级介绍、班级相册、留言板、课外活动、同学信息、星语心愿、学校风貌，采用JavaScript语言并结合数据库知识对班级网站进行设计。明年我们就面临着毕业，面临着离别，做这个网站也是为在我们的生命中留下一分美好的回忆，所以网站里面有班里的全部同学信息以及一些照片。JavaScript在创建班级网站的过程中如果运用得当将会使网站得到一个很好的效果，同时也将提高网站的人性化程度。 1.2课程设计目标 1.能够熟练使用css结合html，通过咨询和考察，最终确定并实现网页布局。同时使用动态样式表甚至可以让图片的切换获得多种转场效果。 2．熟练使用javascript和html知识结合做一个更漂亮的网站。 3．熟练使用javascript中的内建对象最终实现一个班级网站的雏形。 二、关键技术 2.1HTML相关概念 1.HTML语言 HTML语言(Hypertext?Markup?Language中文通常称为超文本置语言，当用浏览器打开网页时，浏览器读取网页中的HTML代码，分析其语法结构，然后根据解释的结果显示网页内容 图2-1WWW的组成 2.HTML文件结构 HTML Head /head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 title/title title元素定义HTML文档的标 题。title与/title之间的内容将显示在浏览器窗口的标