JavaScript班级网站开发之同学信息.docVIP

潍坊科技学院 JavaScript课程设计 报 告 书 课题 基于JavaScript的班级网站开发 专业班级 中印计算机11级软件1班 学生姓名 苟祥明 学 号 201101080026 指导教师 陈凤萍 组 长 邵园园 日 期 2013.1.8 成 绩 目录 一、 前言 1 1.1课程设计思路 1 1.2课程设计目标 1 二、关键技术 2 2.1HTML相关概念 3 2.2css 4 2.3javascript 4 三、 总体设计 5 3.1网站总体架构 5 3.2网站登陆注册 6 3.3网站信息查询 8 四、 详细设计 4.2主要代码 8 五、运行调试 12 五、课设总结 12 基于javascript的班级网站（同学信息）课设 前言 1.1课程设计思路 一 需求分析 进入21世纪，随着网络时代的不断普及，网络已深入到人们的生活当中.信息化成为一股不可逆转的潮流。在这潮流中，各校纷纷建起了学校网站，而我们忽视了班级网站的建设和应用。大学生活不同于高中生活，同学之间往往少了面对面的交流，而在这种情形下，班级网站的存在就更具其意义。它将帮助我们共享班级的一些信息，获取学校的相关重要新闻动态，帮助我们记录班级的重大活动，为班级成员提供一个更为广阔的交流平台，有助于同学间感情的培养，有利于班级的团结，班风的建设。 1.2课程设计目标 1.能够熟练使用css结合html，通过咨询和考察，最终确定并实现网页布局。同时使用动态样式表甚至可以让图片的切换获得多种转场效果。 2．本课程设计旨在使学生掌握HTML语言的语法结构，并且能够使用HTML语言编写静态网页，控制网页中的文字，图片，超级链接，表格，表单，框架等，能够使用HTML语言实现移动的文字，制作多媒体页面，能够读懂复杂网页的源代码。 3．熟练使用网页设计工具Dreamweaver MX，能够使用Dreamweaver MX设计网页的框架，导航条，设置文字，图片，超级链接，滚动文字，弹出窗口的属性，能够使用Dreamweaver MX设计出比较复杂的网页，建立小型网站。 6. 懂得Microsoft Access 建立数据库，实现ODBC数据源的创立于连接的基本方法。学会使用ASP的基本语法、内建对象、内建组件以及ASP访问数据库的方法。在此基础之上实现一个界面美观，功能实际的班级网站。 三、关键技术 3.1html相关概念 1.HTML语言 HTML语言(Hypertext?Markup?Language，中文通常称为超文本置标语言或超文本标记语言)是一种文本类、解释执行的标记语言，它是Internet上用于编写网页的主要语言。用HTML编写的超文本文件称为HTML文件。在WWW上，通常使用的发布语言是HTML，即超文本标识语言。当用浏览器打开网页时，浏览器读取网页中的HTML代码，分析其语法结构，然后根据解释的结果显示网页内容，正是因为如此，制作网页的时候，如果不涉及HTML语言，几乎是不可能的。 图2-1WWW的组成 2.HTML文件结构 HTML HEAD head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 title/title title元素定义HTML文档的标题。title与/title之间的内容将显示在浏览器窗口的标题栏。 /HEAD BODY HTML 文件的正文//body元素表明是HTML文档的主体部分。在body与/body之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。 /BODY /HTML 元素：是HTML语言的基本部分。元素总是成对出现，每一对元素一般都有一个开始的标记（如body），也有一个结束的标记（如/body）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。 HTML元素属性:HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的 内，并且和元素名之间有一个空格分隔；属性值用“”引起来。 2.2css 1.css简介 级联样式表（Cascading Style Sheet）简称“CSS”，它是用来进行网页风格设计通过设立样式表，可以统一地控制HTML中各的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式