JavaScript+jQuery开发框架课程设计.docVIP

JavaScript+jQuery开发框架课程设计

题目网络站点

院（系）信息工程学院

专业班级

学生姓名

学号

设计地点

指导教师

起止时间：2016年5月30日至2016年6月5日

JavaScript课程设计

PAGE

站点截图

PAGEI

基于javascript的网站开发

摘要

JavaScript是开发WEB应用程序不可或缺的一种语言，无论是为web页面增加交互性还是创建整个应用程序，如果没有Javascript，今天的web就不是现在这个样子了。

JavaScript是具有正式规范的基于标准语言；然而，正如任何一个web开发人员所告诉你的那样，几乎每个web浏览器对这个规范的解释都不同。

本网站充分的结合了HTML与CSS的结合充分显示了网站的动态效果，是客户与网站能够充分的结合，进行信息的交换信息不断的进行更新。

基于新闻管理网站，国外新闻页面更具有代表性，是网站最标准型之一，通过Javascript脚本的交互式该页面更好与其他的页面相互结合。

同时通常页面的下载是按照代码的排列顺序，而表格布局代码的排列代表从上向下，从左到右，无法改变。而通过CSS控制，您可以任意改变代码的排列顺序，比如将重要的右边内容先加载出来。

关键字：Javascript脚本

目录

TOC\o1-3\h\z一、 前言 1

1.1课程设计 1

1.2课程设计目标 1

二、关键技术 1

2.1HTML相关概念 1

2.2css 2

2.3javascript 3

一、 总体设计 4

3.1网站总体架构 4

3.2网站软件结构 4

3.3网站功能设计 5

二、 详细设计 8

4.1中文日历 8

4.2主页代码 8

五、课设总结 22

六、参考文献 23

PAGE17

前言

1.1课程设计思路：设计一个交互性强网络站点大量运用CSS样式等，美化网站，提升网站的吸睛度。

1.2课程设计目标

1.能够熟练使用css结合html，利用代码编写出日历雏形，。

2．熟练使用javascript和cookie实现日期精准查询，从而提高网页访问速度。

3．熟练使用javascript中的内建对象最终实现一个中文日历的雏形。

二、关键技术

2.1HTML相关概念

1.HTML语言

HTML语言(Hypertext?Markup?Language，中文通常称为超文本置标语言或超文本标记语言)是一种文本类、解释执行的标记语言，它是Internet上用于编写网页的主要语言。用HTML编写的超文本文件称为HTML文件。

在WWW上，通常使用的发布语言是HTML，即超文本标识语言。当用浏览器打开网页时，浏览器读取网页中的HTML代码，分析其语法结构，然后根据解释的结果显示网页内容，正是因为如此，制作网页的时候，如果不涉及HTML语言，几乎是不可能的。如图：WWW三个组成部分

图2-1WWW的组成

2.HTML文件结构

HTML

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

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

/HEAD

BODY

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

/BODY

/HTML

元素：是HTML语言的基本部分。元素总是成对出现，每一对元素一般都有一个开始的标记（如body），也有一个结束的标记（如/body）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。

HTML元素属性:HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的内，并且和元素名之间有一个空格分隔；属性值用“”引起来。

2.2css

1.css简介

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