网站开发课程设计.docVIP

潍坊科技学院 网站开发课程设计 报 告 书 设计题目 网站开发 专业班级 11软1 学生姓名 步巧莲 学 号 201101080030 指导教师 陈凤萍 日 期 2012.12.24~2012.1.11 成 绩 课程设计任务书 院系：中印计算机软件学院 专业： 软件技术 班级：11软1 学号：201101080030 一、课程设计时间 2012年12月24日至2013年1月11日，共计3周。 二、课程设计内容 使用html+javascript+css 完成以下任务： 1、能够熟练使用css结合html实现网页布局。 2、熟练使用文档对象模型和事件驱动，能够很好的实现web表单的交互式操作。 3、熟练使用javascrip中的对象，实现网页的动态效果。 三、课程设计要求 1. 课程设计质量： 贯彻事件驱动的程序设计思想，熟练使用javascript中的对象，实现网页特效。 网页设计布局合理，色彩搭配合理，网页操作方便。 设计过程中充分考虑浏览器兼容等问题，并做适当处理。 代码应适当缩进，并给出必要的注释，以增强程序的可读性。 2. 课程设计说明书： 课程结束后，上交课程设计报告书和相关的网页。课程设计报告书的格式和内容参见提供的模板。 四、指导教师和学生签字 指导教师： 陈凤萍 学生签名： 步巧莲 五、教师评语： 基于javascript的电子商务网站开发 摘要 随着网络信息化的飞速发展，人们的生活学习已经离不开网络。Javascript是web应用开发不可或缺的利器，作为开发人员，了解和熟悉Javascript是不可或缺的前提之一。Javascript作为一种具有正式规范的基于标准的语言，在为WEB页面增加交互性、创建整个应用程序方面都有重要地位。为了方便大家的购物，在网上买东西的越来越多。电子商务也随之发生。本为就是为了美观电子商务的美观，制作文字特效效果。 关键字：文字特效、javascript、html、 目录 一、 前言 1 1.1课程设计思路 1 1.2课程设计目标 1 二、关键技术 1 2.1HTML相关概念 1 2.2css 3 2.3javascript 3 三、 总体设计 4 3.1网站总体架构 4 3.2网站软件结构 4 3.3网站功能设计 5 四、 详细设计 5 4.1主要代码 5 五、 课设总结 8 六、参考文献 8 前言 1.1课程设计思路 电子商务网站基本组成部分包括广告推荐、商品浏览、电子购物车、用户注册，采用JavaScript实现的大部分是客户端逻辑部分，与数据库打交道基本上是由服务器端脚本语言来进行的。JavaScript在创建电子商务网站的过程中如果运用得当将使网站的效率得到很大的提高，同时也将提高网站的人性化程度。 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语言，几乎是不可能的。 图2-1WWW的组成 2.HTML文件结构 HTML HEAD head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 title/title title元素定义HTML文档的标题。title与/title之间的内容将显示在浏览器窗口的标题栏。 /HEAD BODY HTML 文件的正文//body元素表明是HTM