网站开发课程设计
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1.2 课程设计目标
1.能够熟练使用 css 结合 html，通过咨询和考察，最终确定并实现网页布局。同时使 用动态样式表甚至可以让图片的切换获得多种转场效果。 2．熟练使用 javascript 和 cookie 实现电子购物车，从而提高网页访问速度。 3．熟练使用 javascript 中的内建对象最终实现一个电子商务网站的雏形。
5
JavaScript 课程设计
if(j == i) { document.a.document.write("<font face=arial color=" + color2 + ">" + Text.charAt(i) + "</font>"); } else { document.a.document.write(text.charAt(j)); } } document.a.document.write('</font></font></center>'); document.a.document.close(); } if (navigator.appName == "Microsoft Internet Explorer") { str = "<center><font face=arial size=" + fontsize + "><font color=" + color1 + ">"; for (var j = 0; j < text.length; j++) { if( j == i) { str += "<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>"; } else { str += text.charAt(j); } } str += "</font></font></center>"; a.innerHTML = str; } (i == text.length) ? i=0 : i++; } setInterval("changeCharColor()", speed); // End --> </script>
关键字：文字特效、javascript、html、
I
JavaScript 课程设计
目录
一、
前言 1
1.1 课程设计思路................................................................1 1.2 课程设计目标................................................................1 二、关键技术............................................................................ 1 2.1HTML 相关概念.............................................................1 2.2css................................................................................... 3 2.3javascript......................................................................... 3 三、 总体设计........................................................................ 4
2. 课程设计说明书：
四、指导教师和学生签字 指导教师： 陈凤萍 五、教师评语： 学生签名： 步巧莲
JavaScript 课程设计
基于 javascript 的电子商务网站开发 摘要
随着网络信息化的飞速发展，人们的生活学习已经离不开网络。 Javascript 是 web 应用开发不可或缺的利器，作为开发人员，了解和熟悉 Javascript 是不可或缺的前提之一。Javascript 作为一种具有正式规范的基于标 准的语言， 在为 WEB 页面增加交互性、 创建整个应用程序方面都有重要地位。 为了方便大家的购物，在网上买东西的越来越多。电子商务也随之发生。本 为就是为了美观电子商务的美观，制作文字特效效果。
SQL SERVER
3.2 网站软件结构
登录网站
浏览网站
会员注册
会员登录
浏览信
填写个人信 息
提交个人信息
4
浏览商品
购买商品
JavaScript 课程设计
图 3-2 软件结构图
3.3 网站功能设计
在本网站中包括动态切换广告条、浮动广告、中文小日历、电子时钟、数学计算器、 购物车、文字特效、用户注册等，并进行一定的美化和整理，基本完成商务网站的雏形结 构。显示的样式要求如下：
JavaScript 课程设计
潍坊科技学院 网站开发课程设计
报
告
书
设计题目
网站开发
专业班级 学生姓名 学 号
11 软 1 步巧莲 201101080030 陈凤萍
指导教师 日 成
期 2012.12.24~2012.1.11 绩
JavaScript 课程设计
课程设计任务书
院系：中印计算机软件学院 专业： 软件技术 班级：11 软 1 学号：201101080030
3.1 网站总体架构................................................................4 3.2 网站软件结构................................................................4 3.3 网站功能设计................................................................5 四、 详细设计........................................................................ 5
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：当脚本被调用、事件被触发时执行，可保证在调用函数前，脚 本已载入
四、 详细设计
在整个网站设计主要负责设计文字特效功能，文字特效的实现主要使用 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
JavaScript 课程设计
Leabharlann Baidu三、 总体设计
3.1 网站总体架构
本系统的实现采用典型的 B/S 结构来实现，不同的客户端程序通过 IE 共同访问 WEB 服务器的发布页面、WEB 服务器访问数据库服务器进行数据存取，系统结构如图 3-1：
INTERNET
IIS WEB SERVER 图 3-1 系统结构图
4.1 主要代码........................................................................ 5 五、 课设总结.......................................................................... 8 六、参考文献............................................................................ 8
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 元素可以有自己的相关属性，每一个属性还可以由我们网页编制 者赋一定的值。元素属性出现在元素的< >内，并且和元素名之间有一个空格分隔；属性 值用“”引起来。
一、课程设计时间
2012 年 12 月 24 日至 2013 年 1 月 11 日，共计 3 周。
二、课程设计内容
使用 html+javascript+css 完成以下任务： 1、能够熟练使用 css 结合 html 实现网页布局。 2、熟练使用文档对象模型和事件驱动，能够很好的实现 web 表单的交互式操作。 3、熟练使用 javascrip 中的对象，实现网页的动态效果。
2
JavaScript 课程设计
2.2css
1.css 简介 级联样式表（Cascading Style Sheet）简称“CSS”，它是用来进行网页风格设计。 通过设立样式表，可以统一地控制 HTML 中各标签的显示属性。级联样式表可以使人更能 有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建 特殊效果的能力。 2.css 文件 当要在站点上所有或部份的网页上一致地应用相同样式时，可使用外部样式表。在一 个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一 致性。如果人们决定更改样式，只需在外部样式表中作一次更改，而该更改会反映到所有 与 该 样 式 表 相 链 接 的 网 页 上 。 通 常 外 部 样 式 表 以 .css 做 为 文 件 扩 展 名 ， 例 如 Mystyles.css。
二、关键技术 2.1HTML 相关概念
1.HTML 语言 HTML 语言(Hypertext Markup Language， 中文通常称为超文本置标语言或超文本标
记语言)是一种文本类、 解释执行的标记语言， 它是 Internet 上用于编写网页的主要语言。 用 HTML 编写的超文本文件称为 HTML 文件。 在 WWW 上， 通常使用的发布语言是 HTML， 即超文本标识语言。 当用浏览器打开网页时， 浏览器读取网页中的 HTML 代码，分析其语法结构，然后根据解释的结果显示网页内容， 正是因为如此，制作网页的时候，如果不涉及 HTML 语言，几乎是不可能的。如图：WWW 三 个组成部分
三、课程设计要求 1. 课程设计质量：
贯彻事件驱动的程序设计思想，熟练使用 javascript 中的对象，实现网页特效。 网页设计布局合理，色彩搭配合理，网页操作方便。 设计过程中充分考虑浏览器兼容等问题，并做适当处理。 代码应适当缩进，并给出必要的注释，以增强程序的可读性。 课程结束后， 上交课程设计报告书和相关的网页。 课程设计报告书的格式和内容参见提供的模 板。
II
JavaScript 课程设计
一、前言
1.1 课程设计思路
电子商务网站基本组成部分包括广告推荐、商品浏览、电子购物车、用户注册，采用 JavaScript 实现的大部分是客户端逻辑部分， 与数据库打交道基本上是由服务器端脚本语 言来进行的。 JavaScript 在创建电子商务网站的过程中如果运用得当将使网站的效率得到 很大的提高，同时也将提高网站的人性化程度。