1、 第 1 页 目录目录 引言. 2 内容摘要 2 一、 系统使用描述 3 1. 选课背景 3 2. 技术支持 4 二、 整体规划 . 5 1. 系统功能分析 . 5 2. 网络结构 5 3. 其功能如下： . 5 三、 页面代码实现 6 1. 首页头部导航代码 6 2. 首页主要代码 10 3. 首页底部代码 31 4. 联系我们页面主要代码 34 5. 登录页面主要代码 .35 6. 注册页面主要代码 38 7. 商品详情页面主要代码 42 8. 购物车代码53 四、 各页面的最终效果 57 1. 首页：.57 1.1 搜索： 57 1.2 回到顶端： .57 2. 新品上市：58 3. 分
2、类：.58 3.1 男士： 58 3.2 女士： 59 3.3 儿童： 59 3.4 情侣： .60 4. 联系我们：61 5. 注册：.61 6. 登录：.62 7. 购物车： .62 8. 商品详情：63 五、 总结 .63 第 2 页 引言引言 本课程设计主要是利用 Dreamweaver 这种可视化的网页制作工 具制作网络购物网站。 内容摘要内容摘要 随着计算机技术的日益发展，现代社会已经到了真正的信息时 代，互联网上的这个虚拟世界正在具体化、现实化，并逐渐与现实 生活融为一体。电子商务的迅速发展不仅是因为其将传统商务流程 电子化、数字化而提高效率，而且在于其创造了更多的贸易机会。 这
3、是一个发展迅速的新市场，将形成一套全新的贸易活动框架。与 此同时,商业空间也发展到全球规模, 这更加促进电子商务的 (Electronic Commerce, EC)飞速发展， 电子商务网站也就应运而生。 建立商业网站，成了企业走近电子商务的第一步，电子商务网站使 传统的封闭营销方式转化为利用互联网的方便性，向全世界的消费 者宣传自己的产品。 此电子购物网站主要实现了用户浏览页面，查看商品，联系， 购物车和用户登录注册功能，用户把商品放入购物车，并且对购物 车里的商品进行删除购物车的商品。 关键字：关键字：电子购物 购物车 第 3 页 一、一、系统使用描述系统使用描述 1. 选课背景选课背景
4、电子商务被看作是一种现代化的商业和行政作业方法，这种方 法改善产品和服务质量、提高服务传递速度，实现跨领域商业活动， 满足政府组织、厂商和消费者降低成本的需求，通过计算机网络加 快信息交流以支持决策。电子商务的内涵和外延也在不断充实和扩 展。近年来，世界范围内 Internet/Intranet 网络环境的基本形成， 使得基于 Internet 环境的系统的设计与开发成为重要方向， 特别是 B/S 结构的应用越来越广泛。 本电子商城网站是建立一个商品销售平台，这个平台是企业发 展及走向全球所迫切需要的。为企业单位搭建一个商品发布、交易 的平台，企业将销售商品在此平台发布，由网站相关管理人员管理
5、， 这样既能提高企业的销售量，扩大销售范围，同时也能节约企业开 办更多实体店的费用，从而节约了大量人力物力，于是本电子商务 网站就应运而生了。 随着电子商务魅力的日渐显露，虚拟企业、虚拟银行、网络营销、 网上购物、网上支付、网络广告等一大批前所未闻的新词汇正在为 人们所熟悉和认同，这些词汇同时也从另一个侧面反映了电子商务 正在对社会和经济产生的影响。基于 ASP.NET 技术的文静电子商城 系统正是网上购物的一种。随着网络技术的迅速的发展，网上购物 已在互联网上十分流行，人们可以不受时间的限制和空间的限制， 第 4 页 及不受传统购物的诸多限制，可以随时随地进行购物，同时由于产 品的网络成本远
6、低于传统商店中的产品成本，从而商品的买卖方都 能得到实惠，为此开发文静电子商城网站十分必要。 2. 技术支持技术支持 Dreamweaver 是 MICROSOFT 公司推出的网页制作工具， 它功能强 大、操作方便，易学易用，是目前最为流行的网页制作与站点管理 工具。 Adobe Dreamweaver CS5 是一款集网页制作和管理网站于一身 的所见即所得网页编辑器， Dreamweaver CS5 是第一套针对专业网页 设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制 作出跨越平台限制和跨越浏览器限制的充满动感的网页。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自 信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成，您可以使用 CSS 检查工具进行设计，使 用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。 第 5 页 二、二、整体规划整体规划 1. 系统功能分析系统功能分析 本系统是一个中小型的电子商务系统购物网，可以为各类用户提供方便 的在线购物环境，符合目前国
