文档库 最新最全的文档下载
当前位置:文档库 › 基于JavaScript班级网站开发之班级首页

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

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

潍坊科技学院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的班级网站(班级主页)开发

摘要

随着I n t e r n e t飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。I n t e r n e t上发布信息主要是通过网站来实现的,获取信息也是要在I n t e r n e t“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在I n t e r n e t应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。J a v a S c r i p t是开发W e b应用程序不可或缺的一种语言,无论是为W e b页面增加交互性还是创建整个应用程序,如果没有J a v a S c r i p t,今天的W e b就不会是现在这个样子。把J a v a S c r i p t与h t m l和c s s结合起来,功能将会更加强大。

关键字:班级网站、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编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(Unix、Windows)自1990年以来HTML就一直被用作WWW的信息表示语言,用于描述Homepage的格式设计和它与WWW上其他Homepage的连接信息,使用HTML 语言描述的文件,需要通过WWW浏览器显示出效果。

当用浏览器打开网页时,浏览器读取网页中的HTML代码,分析其语法结构,然后根据解释的结果显示网页内容如图:WWW三个组成部分

图2-1WWW的组成

2.HTML文件结构

元素出现在文档的开头部分。与之间的内容不会在浏览器的文档窗口显示,但是其间的元素有特殊重要的意义。

元素定义HTML文档的标题。<title>与之间的内容将显示在浏览器窗口的标题栏。

HTML 文件的正文//元素表明是HTML文档的主体部分。在与之间,通常都会有很多其它元素;这些元素和元素属性构成HTML文档的主体部分。

2.2css

1.css简介

级联样式表(Cascading Style Sheet)简称“CSS”,它是用来进行网页风格设计。通过设立样式表,可以统一地控制HTML中各标签的显示属性。级联样式表可以使人更能

有效地控制网页外观。使用级联样式表,可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。

2.css文件

当要在站点上所有或部份的网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观的一致性。如果人们决定更改样式,只需在外部样式表中作一次更改,而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以 .css 做为文件扩展名,例如Mystyles.css。

2.3javascript

1.javascript语言

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,响应用户的各种操作。

2.JavaScript嵌入HTML文件

JavaScript代码可直接嵌入HTML文件中,随网页一起传送到客户端浏览器,然后通过浏览器来解释执行。

1)、JavaScript 语句插入 HTML的方式:

(1)使用