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

《购物商城网站前台地设计与实现》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、实用网站设计实训报告题目：购物商城网站前台的设计与实现学生姓名：杨宇飞学号：1176807432专业：计算机4班指导教师：张静文档实用课程设计(论文)任务及指导书题目购物商城网站前台的设计与实现题目来源□实际工程项目□科研课题■教学模拟题目□其它题目类型□工程设计型□科学研究型□调研综述型■其它类型文档实用一、课程设计（论文）任务（包括对工程图纸的具体要求）及设计参数1问题定义、可行性研究2需求分析。3总体设计。4详细设计及实现。5测试及调试。二、专题部分要求设计与实现购物商城网站前台页面，包括网站首页、商品展示页、具体商品详细介绍页、

2、购物车页、注册页、登录页、帮助中心客服页。三、本题目的重点和难点以及与同组其它学生所做题目的关系重点：采用DIV+CSS布局。难点：编码符合W3C标准，无冗余代码。选题分组方式：三人一组，分工合作完成。四、指导方式和工作进度要求指导方式：集中辅导、个别答疑相结合。工作进度：1天需求分析；2天总体设计；3-4天详细设计及编码；5天测试及调试。五、与本设计题目相关的理论知识（包括新知识）提要网站前台的开发流程；W3C和Web2.0标准；文档实用DIV+CSS布局；HTML、CSS语言；开发工具UltraEdit；Dreamweaver站点管

3、理；调试工具Firefox+Firebug插件。六、建议参考资料及使用方法1北京阿博泰克北大青鸟.使用HTML语言和CSS开发商业站点，科学技术文献出版社,2011年2前沿科技.精通CSS+DIV网页样式布局,人民邮电出版社,2007年3徐延章.美工与创意——网页设计艺术,科学出版社,2012年4王爽、徐仕猛、张晶.网站设计网页配色：经典网页设计800例,科学出版社,2011七、答辩之前学生应作的准备工作提要1完成目标网站前台的开发2完成课程设计报告的撰写目录课程设计(论文)任务及指导书2第一章引言4文档实用1.1网站开发的背景41.2

4、网站开发的目的和意义41.3网站开发的需求分析4第二章开发技术和工具的介绍62.1开发技术62.1.1html62.1.2CSS62.1.3Div+CSS62.2开发工具6第三章网站的总体设计7第四章网站的详细设计与实现84.1首页84.1.1首页布局的实现84.1.2顶部header的实现94.1.3主体main的实现104.1.4底部footer的实现124.2登陆页134.1.1登陆布局的实现134.1.2登陆页主体布局的实现134.2购物车页144.2.1购物车页布局的实现144.2.2购物车页主体布局的实现14文档实用第五章网

5、站的兼容性测165.1浏览器之间的兼容性测试方法165.2验证是否符合W3C标准的方法16第六章结论17参考文献18文档实用第一章引言1.1网站开发的背景近年来,随着Internet的迅速崛起,互联网已日益成为收集提供信息的最佳最快渠道，并快速进入传统的流通领域。互联网的跨地域性、可交互性、全天候性使其在与传统媒体行业和传统贸易行业的竞争中具不可抗拒的优势，因而发展十分迅速。在电子商务在中国逐步兴起的大环境下，越来越多的人们开始选择在网上购物，这其中包括所有日常生活用品及食品、服装等。通过在网上订购商品，可以由商家直接将商品运送给收货人

6、，节省了亲自去商店挑选礼品的时间，具备了省时、省事、省心等特点，让顾客足不出户可以购买到自己满意的商品。1.2网站开发的目的和意义我们的网上商城建设在为浏览者与网站所有人搭建起一个网络平台，浏览者或潜在客户在这个平台上可以进行整个交易、交流过程，与商务型网站相比，商城网站建设的业务更依赖于互联网，基于互联网络销售，消费者基本都来源于网上。电子商城的订购功能更强大，集批发、零售、团购及在线支付等功能于一体的订单创建与费用支付。网上商城方案结合网站建设电子商务应用与开发的成功经验和技术积累，以实惠的价格向更多的商家及个人提供先进、稳定的网上

7、商城平台开发服务。（1）以独立域名在互联网上开设网上商城，集销售、服务、资讯一体化的电子商务平台；（2）依托此商城开展综合性的网络营销活动，推广网站，树立品牌；文档实用（3）建立起良好的数据/应用集成接口。1.3网站开发的需求分析1.网站目标受众：电子商品需求者、商业人士。2.通过贵美商城网站：(1)展示商品价格、质量和类型；(2)传达企业人士的设计理念；(3)加深浏览者对商品的认识3.网站整体设计风格考虑网站的定位、主要受众群体和设计目标，我们采用的设计风格简洁大方，稳重。4.配色方案以橙色主色，以白色为辅助色，字体采用宋体设计。5.

8、网上商城功能概述：(1)首页，商品展示；(2)会员注册、登录，建立完整的会员资料库；(3)管理员发布、管理商品信息、上传图片等；(4)支持商品多级分类检索、关键词模糊搜索；(5)支持价格的管理，包括市场价、