当前位置:首页>> >>


天猫超市网页设计.rar

收藏

资源目录
    文档预览:
    编号:20181030004001301    类型:共享资源    大小:2.88MB    格式:RAR    上传时间:2018-10-30
    尺寸:148x200像素    分辨率:72dpi   颜色:RGB    工具:   
    18
    金币
    关 键 词:
    超市 网页 设计
    资源描述:
    《Web 基础实训》课程设计报告天猫超市主页及注册登录页面姓 名:杨宜臻班 级:1703学 号:2115170033完成时间:2018.7.12淮阴师范学院计算机与信息科学学院2018-7-121 总体设计1.1 功能模块设计系统从功能模块的角度上划分为以下几个功能模块:用户管理、商品管理、订单管理、购物车管理,店家管理五大部分,以下是该系统的功能模块图见下图2-1:图 2-1 系统模块图以下是各个模块具体实现功能介绍:1.用户管理功能(1)注册用户信息:包括添加用户的用户名,登录密码,性别,联系方式,地址等信息。(2)修改用户信息:包括修改用户的密码等信息。2.商品管理功能(1)查询商家信息:包括通过模糊查询搜索店名的名称。(2)查询商家商品信息:点击选中商品查询具体信息。2 系统实现1.1 用户模块的实现本页面为天猫商城的用户提供注册功能,注册完成后输入用户名密码,选择登陆对象进入页面,在登陆界面可以进行用户密码的修改。4.1.1 用户登录界面,如图所示:登录窗口 body{ margin:0px; padding:0px; } #container{ width:960px; margin:0px auto; } #header { width:100%; height:75px; } #main{ width:100%; height:360px; background:#FF0000; } #footer{ width:900px; height:50px; margin:0 auto; } #left{ width:1190px; height:600px; float:left; } #middle{ width:310px; height:300px; float:left; } #right{ width:80px; height:300px; float:left; } 手机号码或昵称: 密码: 关于天猫 帮助中心 开放平台 诚聘英才 联系我们 网站合作 法律声明 隐私权政策 知识产权 廉正举报 阿里巴巴集团| 淘宝网 | 天猫 | 聚划算 | 全球速卖通 | 阿里巴巴国际交易市场| 1688 | 阿里妈妈 | 飞猪 | 阿里云计算 | AliOS | 阿里通信 | 万网 | 高德 | UC | 友盟 | 虾米 | 钉钉 | 支付宝 增值电信业务经营许可证: 浙 B2-20110446 网络文化经营许可证:浙网文[2015]0295-065 号 12318 举报 出版物网络交易平台服务经营备案证: 新出发浙备字第 001 号 互联网违法和不良信息举报电话:0571-81683755 [email protected] 互联网药品信息服务资质证书编号:浙-(经营性)-2017-0005 浙公网安备 33010002000120 号 (浙)网械平台备字[2018]第 00002 号 2003-2018 TMALL.COM 版权所有 (footer) 4.1.2 用户注册界面如图所示天猫注册 body{margin:0 auto; text-align:center;} 请输入手机号码: 请设置昵称: 请设定密码: 再输入一次密码: 请选择您的性别: 男 女 请选择您所在地区: 请选择省/城市 请选择城市/地区 欢迎阅读服务条款协议... 1.协议 1; 2.协议 2; 3.协议 3; 4.协议 4。 readonly=“readonly 我同意以上协议条款。 您所提供的资料不会做其他用途,敬请安心填写。 天猫商城主页如下:天猫超市,理想生活上天猫 body{margin:0 auto; text-align:center;} /* 所有 ul, li, ol, dl, dd*/ ul, li, ol, dl, dd{ list-style: outside none none; margin:0px; padding:0px; } /* 左侧 li*/ #menu_left_bold li { background-image: url(“images/dd_head_bg_mid.gif“); background-repeat: repeat-x; float: left; height: 28px; padding: 0 3px; } /* 左侧 a*/ .menu_left a{ text-decoration:none; font-weight:bold; color:black; } /* 左侧 左边框图*/ .menu_left_first { background-image: url(“images/dd_head_bg_left.gif“); background-position: 0 0; background-repeat: no-repeat; float: left; height: 28px; width: 4px; } /* 左侧 右边框图*/ .menu_left_end{ background-image: url(“images/dd_head_bg_right.gif“); background-position: 0 0; background-repeat: no-repeat; float: left; height: 28px; width: 4px; } /* a 鼠标移上去状态-放在最后,避免被后面的 a 标签样式替换*/ a:hover{ text-decoration:underline; color:blue; } /* 左侧 a*/ .menu_left{ float: left; line-height: 35px; height: 28px; width: 600px; } /*右边*/ .menu_right{ float: left;
    展开阅读全文
    1
      金牌文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    0条评论

    还可以输入200字符

    暂无评论,赶快抢占沙发吧。

    关于本文
    本文标题:天猫超市网页设计.rar
    链接地址:http://www.gold-doc.com/p-255520.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服客服 - 联系我们
    [email protected] 2014-2018 金牌文库网站版权所有
    经营许可证编号:浙ICP备15046084号-3
    收起
    展开