1
JavaScript 课程设计
图 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 元素可以有自己的相关属性，每一个属性还可以由我们网页编制 者赋一定的值。元素属性出现在元素的< >内，并且和元素名之间有一个空格分隔；属性 值用“”引起来。
JavaScript 课程设计
潍坊科技学院 网站开发课程设计
报
告
书
设计题目
网站开发
专业班级 学生姓名 学 号
11 软 1 步巧莲 201101080030 陈凤萍
指导教师 日 成
期 2012.12.24~2012.1.11 绩Leabharlann JavaScript 课程设计
课程设计任务书
院系：中印计算机软件学院 专业： 软件技术 班级：11 软 1 学号：201101080030
1.2 课程设计目标
1.能够熟练使用 css 结合 html，通过咨询和考察，最终确定并实现网页布局。同时使 用动态样式表甚至可以让图片的切换获得多种转场效果。 2．熟练使用 javascript 和 cookie 实现电子购物车，从而提高网页访问速度。 3．熟练使用 javascript 中的内建对象最终实现一个电子商务网站的雏形。
2
JavaScript 课程设计
2.2css
1.css 简介 级联样式表（Cascading Style Sheet）简称“CSS”，它是用来进行网页风格设计。 通过设立样式表，可以统一地控制 HTML 中各标签的显示属性。级联样式表可以使人更能 有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建 特殊效果的能力。 2.css 文件 当要在站点上所有或部份的网页上一致地应用相同样式时，可使用外部样式表。在一 个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一 致性。如果人们决定更改样式，只需在外部样式表中作一次更改，而该更改会反映到所有 与 该 样 式 表 相 链 接 的 网 页 上 。 通 常 外 部 样 式 表 以 .css 做 为 文 件 扩 展 名 ， 例 如 Mystyles.css。
一、课程设计时间
2012 年 12 月 24 日至 2013 年 1 月 11 日，共计 3 周。
二、课程设计内容
使用 html+javascript+css 完成以下任务： 1、能够熟练使用 css 结合 html 实现网页布局。 2、熟练使用文档对象模型和事件驱动，能够很好的实现 web 表单的交互式操作。 3、熟练使用 javascrip 中的对象，实现网页的动态效果。
2. 课程设计说明书：
四、指导教师和学生签字 指导教师： 陈凤萍 五、教师评语： 学生签名： 步巧莲
JavaScript 课程设计
基于 javascript 的电子商务网站开发 摘要
随着网络信息化的飞速发展，人们的生活学习已经离不开网络。 Javascript 是 web 应用开发不可或缺的利器，作为开发人员，了解和熟悉 Javascript 是不可或缺的前提之一。Javascript 作为一种具有正式规范的基于标 准的语言， 在为 WEB 页面增加交互性、 创建整个应用程序方面都有重要地位。 为了方便大家的购物，在网上买东西的越来越多。电子商务也随之发生。本 为就是为了美观电子商务的美观，制作文字特效效果。
2.3javascript
1．javascript 语言 JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。 同时也 是一种广泛用于客户端 Web 开发的脚本语言，常用来给 HTML 网页添加动态功能，响应用 户的各种操作。 2.JavaScript 嵌入 HTML 文件 JavaScript 代码可直接嵌入 HTML 文件中，随网页一起传送到客户端浏览器，然后通 过浏览器来解释执行。 1)、JavaScript 语句插入 HTML 的方式： （1)使用 <SCRIPT> 标签将语句嵌入文档 （2)将 JavaScript 源文件(.js)链接到 HTML 文档中 2)、JavaScript 语句插入 HTML 的位置： （1)body 部分的 JS （2)head 部分的 JS：当脚本被调用、事件被触发时执行，可保证在调用函数前，脚 本已载入
SQL SERVER
3.2 网站软件结构
登录网站
浏览网站
会员注册
会员登录
浏览信
填写个人信 息
提交个人信息
4
浏览商品
购买商品
JavaScript 课程设计
图 3-2 软件结构图
3.3 网站功能设计
在本网站中包括动态切换广告条、浮动广告、中文小日历、电子时钟、数学计算器、 购物车、文字特效、用户注册等，并进行一定的美化和整理，基本完成商务网站的雏形结 构。显示的样式要求如下：
二、关键技术 2.1HTML 相关概念
1.HTML 语言 HTML 语言(Hypertext Markup Language， 中文通常称为超文本置标语言或超文本标
记语言)是一种文本类、 解释执行的标记语言， 它是 Internet 上用于编写网页的主要语言。 用 HTML 编写的超文本文件称为 HTML 文件。 在 WWW 上， 通常使用的发布语言是 HTML， 即超文本标识语言。 当用浏览器打开网页时， 浏览器读取网页中的 HTML 代码，分析其语法结构，然后根据解释的结果显示网页内容， 正是因为如此，制作网页的时候，如果不涉及 HTML 语言，几乎是不可能的。如图：WWW 三 个组成部分
四、 详细设计
在整个网站设计主要负责设计文字特效功能，文字特效的实现主要使用 Java Script 语言和 Html 语言来实现。
4.1 主要代码
<script language="JavaScript"> <!-- Begin text = "电子商务"; //显示的文字 color1 = "blue"; //文字的颜色 color2 = "red"; //转换的颜色 fontsize = "8"; //字体大小 speed = 100; //转换速度 (1000 = 1 秒) i = 0; if (navigator.appName == "Netscape") { document.write("<layer id=a visibility=show></layer><br><br><br>"); } else { document.write("<div id=a></div>"); } function changeCharColor() { if (navigator.appName == "Netscape") { document.a.document.write("<center><font face=arial size =" + fontsize + "><font color=" + color1 + ">"); for (var j = 0; j < text.length; j++) {
3.1 网站总体架构................................................................4 3.2 网站软件结构................................................................4 3.3 网站功能设计................................................................5 四、 详细设计........................................................................ 5
关键字：文字特效、javascript、html、
I
JavaScript 课程设计
目录
一、
前言 1
1.1 课程设计思路................................................................1 1.2 课程设计目标................................................................1 二、关键技术............................................................................ 1 2.1HTML 相关概念.............................................................1 2.2css................................................................................... 3 2.3javascript......................................................................... 3 三、 总体设计........................................................................ 4
