javascript课程设计

JavaScript+jQuery 开发框架课程设计

题目毕业留言板

院（系）

专业班级

学生姓名

学号

设计地点

指导教师

起止时间：2015年6月8日至2015年6月12日

目录

一、前言

1.1 课程设计思路 (3)

1.2 课程设计目标 (3)

二、关键技术 (3)

2.1 HTML相关概念 (3)

2.2 CSS (5)

2.3 JavaScript (6)

三、总体设计 (7)

3.1 网站总体布局 (7)

四、详细设计 (7)

4.1 主要代码 (7)

4.2 网页结果显示 (18)

五、课设总结 (19)

六、参考文献 (20)

一、前言

光阴似箭，岁月如梭，三年美好而艰辛的大学生活犹如漏斗中的沙石已悄然流进昨日。此时站在漫漫求学道路终点站的我心潮澎湃，思绪万千，昔日的点点滴滴，林林总总，跃然而起，历历在目。此时面对着我可爱的同学，面对着美丽的校园，我心中虽有千言万语，却只字难出。

三年改变了我们的容颜和那颗曾经年轻的心，而成长的代价就是我们失去纯真的微笑，而多了一份离别的伤感。无论我们有多少不舍，都唤不回逝去的四年。但我们无须失落，我们依然可以一路高歌，让六月的骄阳永远见证我们的无悔青春。

日出日落，月圆月缺，总叫人期待，期待一次惊喜的通话，一封意外的信件，一刻相聚的欢愉，一夕促膝的长谈，一束鲜花的清香……日后，我最爱的同学们啊，我期待的一丝喜悦都来自于你。让时间老去，让激情回归！愿事业一帆风顺，爱情甜甜美美，请带着我的期冀幸福一生！写不完的句子，但终一句话，我爱你们！

1.1 课程设计思路

临近毕业，心中不免感慨万千，那么，就在现在，大胆地说出你的想法，你的感动，和身边在人分享，留下你们的记忆。这次课程设计的目的也是想和同学们一起留下我们当初的记忆，然后用就一生去珍藏、去感受。

1.2 课程设计目标

1.能够熟练javascript，通过咨询和考察，最终确定并实现网页布局。同时使用动态样式表甚至可以让图片的切换获得多种转场效果。

2．熟练使用javascript和css中的内建对象最终实现本次课程设计。

3．熟练使用javascript和html实现用户登记，从而提高网页访问速度。

二、关键技术

2.1 HTML相关概念

HTML的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。

和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。

一个HTML文件的后缀名是.htm或者是.html。

用文本编辑器就可以编写HTML文件。

这就试写一个HTML文件吧！

打开你的Notepad，新建一个文件，然后拷贝以下代码到这个新文件，然后将这个文件存成first.html。

This is my first homepage. This text is bold

要浏览这个first.html文件，双击它。或者打开浏览器，在File菜单选择Open，然后选择这个文件就行了。

示例解释

这个文件的第一个Tag是，这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是，表示HTML文件到此结束。

在和之间的内容，是Head信息。Head信息是不显示出来的，你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head 信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。

在之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。

在和之间的信息，是正文。

在和之间的文字，用粗体表示。顾名思义，就是bold的意思。

HTML文件看上去和一般文本类似，但是它比一般文本多了Tag，比如，等，通过这些Tag，可以告诉浏览器如何显示这个文件。

HTML元素(HTML Elements)

HTML元素(HTML Element)用来标记文本，表示文本的内容。比如body, p, title就是HTML元素。

HTML元素用Tag表示，Tag以<开始，以>结束。

Tag通常是成对出现的，比如。起始的叫做Opening Tag，结尾的就叫做Closing Tag。目前HTML的Tag不区分大小写的。比如，和其实是相同的。

2.2 CSS

1、CSS简介

CSS[1]是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML或 XML等文件样式的计算机语言。CSS目前最新版本为CSS3，能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML 的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒模型的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。

2、CSS文件

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