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

潍坊科技学院 JavaScript课程设计 报 告 书 课题 基于JavaScript的班级网站开发 专业班级 ：11软1 学生姓名 ：邵园园 学 号 ：2 指导教师 ：陈凤萍 小组成员 ：邵园园、刘娜、苟祥明、石妍慧 于明明、王超、孙慎伟、马安顺 组长：邵园园 日 期 ：2018 . 1 . 7 成 绩 ： 课程设计任务书 院系：中印计算机软件学院专业：软件技术班级：11软1学号：2 一、课程设计时间 2018年12月24日至2018年1月11日，共计3周。 二、课程设计内容 使用html+javascript+css 完成以下任务： 1、能够熟练使用css结合html实现网页布局。 2、熟练使用文档对象模型和事件驱动，能够很好的实现web表单的交互式操作。 3、熟练使用javascrip中的对象，实现网页的动态效果。 三、课程设计要求 1. 课程设计质量： 贯彻事件驱动的程序设计思想，熟练使用javascript中的对象，实现网页特效。 网页设计布局合理，色彩搭配合理，网页操作方便。 设计过程中充分考虑浏览器兼容等问题，并做适当处理。 代码应适当缩进，并给出必要的注释，以增强程序的可读性。 2. 课程设计说明书： 课程结束后，上交课程设计报告书和相关的网页。课程设计报告书的格式和内容参见提供的模板。 四、指导教师和学生签字 指导教师： 学生签名： 五、教师评语： 基于javascript的班级网站班级主页）开发 摘要 随着Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。JavaScript是开发Web应用程序不可或缺的一种语言，无论是为Web页面增加交互性还是创建整个应用程序，如果没有JavaScript，今天的Web就不会是现在这个样子。把JavaScript与html和css结合起来，功能将会更加强大。 关键字：班级网站、javascript 目录 TOC \o 1-3 \h \u 一、 前言 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编写的超文本文档称为HTML文档，它能独立于各种操作系统平台Unix、Windows）自1990年以来HTML就一直被用作WWW的信息表示语言，用于描述Homepage的格式设计和它与WWW上其他Homepage的连接信息，使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。 当用浏览器打开网页时，浏览器读取网页中的HTML代码，分析其语法结构，然后根据解释的结果显示网页内容如图：WWW三个组成部分 图2-1WWW的组成 2.HTML文件结构 HTML Head/head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 title/titletitl