网页设计期末大作业-精美商城-首页框架

共43个文件

png：15个

jpg：11个

svg：7个

版权申诉

网页设计

5星 · 超过95%的资源 32 浏览量 2023-02-18 00:11:47 上传评论收藏 732KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

main.zip （43个子文件）

main

img

uoloads

卫衣.png 63KB

太太乐.jpg 28KB

avatar_1.png 49KB

10001.jpg 51KB

k10x.jpg 13KB

漫画书.jpg 41KB

姜糖.jpg 11KB

order_goods_2.jpg 15KB

10002.jpg 135KB

可乐.jpg 10KB

order_goods_1.jpg 19KB

ֽ.jpg 20KB

鸡蛋.png 59KB

images

远程看房.png 3KB

远程看房 (1).png 3KB

安全中心.png 5KB

drjm.jpg 132KB

钱包.png 3KB

个人结汇.png 4KB

生活.png 8KB

远程看房.svg 2KB

优惠券.svg 3KB

分享.png 8KB

个人结汇.svg 2KB

logo.png 10KB

优惠券.png 8KB

购物.png 4KB

安全中心.svg 4KB

商城.png 5KB

logo.svg 2KB

分享.svg 3KB

favicon.ico 5KB

生活.svg 3KB

安全中心 (1).png 5KB

css

common.css 2KB

new_file.css 4KB

base.css 1KB

index.css 2KB

html

denglu.html 1000B

new_file.html 7KB

favicon.ico 5KB

index.html 7KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8" />  <style> .cs{ } </style> <meta name="description" content="你好商城官网，打造送货到家隔天到，让您轻松吃上新鲜食物"> <meta name="keywords" content="你好商城，食品，生鲜，购物，新鲜"> <title>你好商城-新鲜、快捷、次日达</title> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">  <link rel="stylesheet" href="./css/base.css"> <link rel="stylesheet" href="./css/common.css"> <link rel="stylesheet" href="./css/index.css"> </head> <body>  <div class="ss"> <div class="ww"> <ul> <li><a href="html/denglu.html">请先登录</a></li> <li><a href="#">免费注册</a></li> <li><a href="#">我的订单</a></li> <li><a href="#">会员中心</a></li> <li><a href="#">帮助中心</a></li> <li><a href="#">在线客服</a></li> <li><a href="#">手机版</a></li> </ul> </div> </div>  <div class="t_h ww"> <div class="logo"> <a href="#"><img src="./img/images/logo.png" alt=""></a> </div> <div class="nav"> <ul> <li><a href="#">首页</a></li> <li><a href="#">女装</a></li> <li><a href="#">男装</a></li> <li><a href="#">数码</a></li> <li><a href="#">零食</a></li> <li><a href="#">家具</a></li> <li><a href="#">母婴玩具</a></li> <li><a href="#">图书音像</a></li> </ul> </div> <div class="frame"> <input type="text" placeholder="搜一搜"> </div> <div class="car"></div> </div>  <div class="wai"> <div class="waiwai ww">  <ul> <li><a href="#"><img src="./img/uoloads/10001.jpg" alt=""></a></li>  </ul>  <div class="wai_b"> <ul> <li><a href="#">生鲜<span>水果素菜</span><span class="aaa">></span></a></li> <li><a href="#">美食<span>面点干果</span><span class="aaa">></span></a></li> <li><a href="#">餐厨<span>数码产品</span><span class="aaa">></span></a></li> <li><a href="#">电器<span>床品被枕</span><span class="aaa">></span></a></li> <li><a href="#">居家<span>奶粉辅食</span><span class="aaa">></span></a></li> <li><a href="#">洗护<span>洗发洗护</span><span class="aaa">></span></a></li> <li><a href="#">孕婴<span>奶粉玩具</span><span class="aaa">></span></a></li> <li><a href="#">服饰<span>女装男装</span><span class="aaa">></span></a></li> <li><a href="#">杂货<span>户外图书</span><span class="aaa">></span></a></li> <li><a href="#">品牌<span>品牌制造</span><span class="aaa">></span></a></li> </ul> </div>  <a href="#" class="wai_c_a"><</a> <a href="#" class="wai_c_b">></a>  <ol> <li class="current"></li> <li></li> </ol> </div> </div>  <div class="lit"> <div class="ww"> <div class="div1"> <p class="div_a">商城秒杀 <span>新鲜出炉品质靠谱</span> </p> </div> <div class="grid grid_a"> <div class="grid_a_a"> <img src="./img/uoloads/太太乐.jpg" alt=""> <p>太太乐三鲜鸡精加倍提鲜 454g</p> <p class="h">三鲜鸡精加倍提鲜</p> </div> <div class="grid_a_b"> <div class="jiage"> <div class="jiage1">￥17.5</div> <div class="jiage2"><p>立即抢购</p></div> </div> </div> </div> <div class="grid grid_b"> <div class="grid_a_a"> <img src="./img/uoloads/姜糖.jpg" alt=""> <p>寿全斋枣茶姜糖120g</p> <p class="h">爆款直降限时特卖</p> </div> <div class="grid_a_b"> <div class="jiage"> <div class="jiage1">￥19.7</div> <div class="jiage2"><p>立即抢购</p></div> </div> </div> </div> <div class="grid grid_c"> <div class="grid_a_a"> <img src="./img/uoloads/可乐.jpg" alt=""> <p>百事可乐百七美3330ml*24混合装</p> <p class="h">百七美混合细长罐装</p> </div> <div class="grid_a_b"> <div class="jiage"> <div class="jiage1">￥40.9</div> <div class="jiage2"><p>立即抢购</p></div> </div> </div> </div> <div class="grid grid_d"> <div class="grid_a_a"> <img src="./img/uoloads/漫画书.jpg" alt=""> <p>半小时漫画历史与诗词12册礼盒</p> <p class="h">每满100减50</p> </div> <div class="grid_a_b"> <div class="jiage"> <div class="jiage1">￥400</div> <div class="jiage2"><p>立即抢购</p></div> </div> </div> </div> <div class="grid gridb grid_e"> <div class="grid_a_a"> <img src="./img/uoloads/卫衣.png" alt=""> <p>冬季厚款双面绒长袖卫衣</p> <p class="h">冬季厚款双面绒打底衫</p> </div> <div class="grid_a_b"> <div class="jiage"> <div class="jiage1">￥58</div> <div class="jiage2"><p>立即抢购</p></div> </div> </div> </div> <div class="grid gridb grid_f"> <div class="grid_a_a"> <img src="./img/uoloads/k10x.jpg" alt=""> <p>K10x 5G手机极夜 8GB+128GB</p> <p class="h">至高优惠100元</p> </div> <div class="grid_a_b"> <div class="jiage"> <div class="jiage1">￥1399</div> <div class="jiage2"><p>立即抢购</p></div> </div> </div> </div> <div class="grid gridb grid_g"> <div class="grid_a_a"> <img src="./img/uoloads/纸.jpg" alt=""> <p>洁云抽纸绒触感3层100抽30包</p> <p class="h">限时低至5.5折</p> </div> <div class="grid_a_b"> <div class="jiage"> <div class="jiage1">￥57.9</div> <div class="jiage2"><p>立即抢购</p></div> </div> </div> </div> <div class="grid gridb grid_h"> <div class="grid_a_a"> <img src="./img/uoloads/姜糖.jpg" alt=""> <p>京觅OMEGA-3鲜鸡蛋20枚1kg</p> <p class="h">可生食，单件包邮，礼盒装</p> </div> <div class="grid_a_b"> <div class="jiage"> <div class="jiage1">￥44.9</div> <div class="jiage2"><p>立即抢购</p></div> </div> </div> </div> </div> </div>  <div class="www"> <div class="wwwa"> <div class="top"> <ul> <li><img src="./img/images/商城.png" alt=""><span>正品行货</span></li> <li><img src="./img/images/购物.png" alt=""><span>价格亲民</span></li> <li class="top_a"><img src="./img/images/分享.png" alt=""><span>品类齐全</span></li> </ul> </div> <div class="lok"> <p> <a href="#">联系客服</a> | <a href="#">开放平台</a> | <a href="#">法律声明</a> | <a href="#">关于我们</a> | <a href="#">粤ICP备19xxx13X号</a> </p> <p class="lok_p">Copyright © 你好商城</p> </div> </div> </div> </body> </html>

评论收藏

内容反馈

版权申诉