HTML5+CSS3程序设计第16章 综合案例——51购商城

综合项目—51购商城项目概述项目概述网络购物已经不再是什么新鲜事物，当今无论是企业，还是个人，都可以很方便地在网上交易商品，批发零售。比如在淘宝上开网店，在微信上做微店等。本章将并制作一个综合的电子商城项目——51购商城。循序渐进，由浅入深，不仅实现传统PC端的页面功能，而且适配移动端（手机和平板设备等），使网站的界面布局和购物功能具有更好的用户体验。用淘宝微店来做这个演示说明*界面预览界面预览打开我们的项目来进行页面的演示过程*功能结构功能结构图51购商城登录和注册数字验证邮箱验证付款支付和物流方式收货地址文件夹组织结构文件夹组织结构 主页的设计主页的设计*顶部区和底部区功能的实现顶部区和底部区功能的实现商品分类导航功能的实现商品分类导航功能的实现那么通过谷歌浏览器，为大家展示常用的一些屏幕的大小。我们用淘宝的网站*轮播图功能的实现轮播图功能*商品推荐功能商品推荐功能*适配移动端的实现适配移动端的实现商品列表页面的设计商品列表页面的设计用谷歌浏览器来显示一些宽度的区别等等*分类选项功能的实现分类选项功能的实现商品列表区的实现商品列表区的实现商品详情页面的设计商品详情页面的设计商品概要功能的实现商品概要功能的实现商品评价功能的实现商品评价功能的实现猜你喜欢功能的实现猜你喜欢功能的实现购物车页面的设计购物车页面的设计购物车页面的实现购物车页面的实现付款页面的设计付款页面的设计付款页面的实现付款页面的实现登录注册页面的实现登录注册页面的设计登录页面的实现登录页面的实现注册页面的实现注册页面的实现小结主页。轮播图使用HTML5结合JavaScript技术，以内嵌JavaScript代码的方式，动态控制轮播图片的显示和隐藏。商品列表页面。设计并实现了智能排序（根据销量、评价和综合排序）、推荐组合商品和分页组件等电商网站必备功能模块。商品详情页面。设计并实现商品概览功能、宝贝详情功能、评价功能和猜你喜欢功能。购物车和付款页面。实现了订单详情、收货地址、物流方式和支付方式等通用交易流程的布局和功能。登录注册页面。兼容PC端和移动端登录注册。*用淘宝微店来做这个演示说明*打开我们的项目来进行页面的演示过程**那么通过谷歌浏览器，为大家展示常用的一些屏幕的大小。我们用淘宝的网站***用谷歌浏览器来显示一些宽度的区别等等**