购物商城网站前台地设计与实现 - 图文

实用

文档

网站设计实训报告

题 目：购物商城网站前台的设计与实现学生姓名：杨宇飞 学 号：1176807432 专 业：计算机4班 指导教师：张静

实用

课程设计(论文)任务及指导书

题 目 题 目 来 源 题 目 类 型 购物商城网站前台的设计与实现 □实际工程项目 □科研课题 ■教学模拟题目 □其它 □工程设计型 □科学研究型 □调研综述型 ■其它类型 一、课程设计（论文）任务（包括对工程图纸的具体要求）及设计参数 1问题定义、可行性研究 2需求分析。 3总体设计。 4详细设计及实现。 5测试及调试。 二、专题部分要求 设计与实现购物商城网站前台页面，包括网站首页、商品展示页、具体商品详细介绍页、购物车页、注册页、登录页、帮助中心客服页。 三、本题目的重点和难点以及与同组其它学生所做题目的关系 重点：采用DIV+CSS布局。 难点：编码符合W3C标准，无冗余代码。 选题分组方式：三人一组，分工合作完成。 四、指导方式和工作进度要求 指导方式：集中辅导、个别答疑相结合。 工作进度：1天 需求分析； 2天 总体设计； 3-4天 详细设计及编码； 5天 测试及调试。 五、与本设计题目相关的理论知识（包括新知识）提要 网站前台的开发流程； W3C和Web2.0标准； DIV+CSS布局； HTML、CSS语言； 开发工具UltraEdit； Dreamweaver站点管理； 调试工具Firefox+Firebug插件。 六、建议参考资料及使用方法 1 北京阿博泰克北大青鸟.使用HTML语言和CSS开发商业站点，科学技术文献出版社,2011年 2 前沿科技.精通CSS+DIV网页样式布局,人民邮电出版社,2007年 3 徐延章.美工与创意——网页设计艺术,科学出版社, 2012年 4 王爽、徐仕猛、张晶.网站设计网页配色：经典网页设计800例,科学出版社,2011 七、答辩之前学生应作的准备工作提要 1 完成目标网站前台的开发 2 完成课程设计报告的撰写 文档

实用

目录

课程设计(论文)任务及指导书 ............................................ 2 第一章引言 ................................................................ 4

1.1网站开发的背景 ..................................................... 4 1.2 网站开发的目的和意义 .............................................. 4 1.3 网站开发的需求分析 ................................................ 4 第二章 开发技术和工具的介绍 ............................................... 5

2.1 开发技术 .......................................................... 6

2.1.1 html ........................................................ 6 2.1.2 CSS ......................................................... 6 2.1.3 Div+CSS ..................................................... 6 2.2开发工具 ........................................................... 6 第三章 网站的总体设计 ..................................................... 7 第四章 网站的详细设计与实现 ............................................... 8

4.1首页 ............................................................... 8

4.1.1首页布局的实现 ............................................... 8 4.1.2 顶部header的实现 ........................................... 9 4.1.3 主体main的实现 ............................................ 10 4.1.4 底部footer的实现 .......................................... 12 4.2 登陆页 ........................................................... 12

4.1.1登陆布局的实现 .............................................. 12 4.1.2登陆页主体布局的实现 ........................................ 12 4.2 购物车页 ......................................................... 14

4.2.1购物车页布局的实现 .......................................... 14 4.2.2购物车页主体布局的实现 ...................................... 14

第五章网站的兼容性测 ..................................................... 16

5.1浏览器之间的兼容性测试方法 ........................................ 16 5.2验证是否符合W3C标准的方法 ........................................ 16 第六章 结论 .............................................................. 17 参考文献 ................................................................. 18

文档

实用

第一章引言

1.1网站开发的背景

近年来,随着Internet的迅速崛起,互联网已日益成为收集提供信息的最佳最快渠道，并快速进入传统的流通领域。互联网的跨地域性、可交互性、全天候性使其在与传统媒体行业和传统贸易行业的竞争中具不可抗拒的优势，因而发展十分迅速。在电子商务在中国逐步兴起的大环境下，越来越多的人们开始选择在网上购物，这其中包括所有日常生活用品及食品、服装等。通过在网上订购商品，可以由商家直接将商品运送给收货人，节省了亲自去商店挑选礼品的时间，具备了省时、省事、省心等特点，让顾客足不出户可以购买到自己满意的商品。

1.2 网站开发的目的和意义

我们的网上商城建设在为浏览者与网站所有人搭建起一个网络平台，浏览者或潜在客户在这个平台上可以进行整个交易、交流过程，与商务型网站相比，商城网站建设的业务更依赖于互联网，基于互联网络销售，消费者基本都来源于网上。电子商城的订购功能更强大，集批发、零售、团购及在线支付等功能于一体的订单创建与费用支付。网上商城方案结合网站建设电子商务应用与开发的成功经验和技术积累，以实惠的价格向更多的商家及个人提供先进、稳定的网上商城平台开发服务。

（1）以独立域名在互联网上开设网上商城，集销售、服务、资讯一体化的电子商务平台； （2）依托此商城开展综合性的网络营销活动，推广网站，树立品牌； （3）建立起良好的数据/应用集成接口。

1.3 网站开发的需求分析

1.网站目标受众：电子商品需求者、商业人士。 2.通过贵美商城网站：

(1)展示商品价格、质量和类型；

文档