webstorm制作网页模板（仅前端页面显示）_webstorm简易博客页面制作资源-CSDN文库

共35个文件

png：27个

xml：3个

css：3个

webstorm

需积分: 1 197 浏览量 2024-05-24 09:12:06 上传评论 1 收藏 534KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jd.zip （35个子文件）

pic

30.png 791B

19.png 1KB

10.png 675B

9.png 551B

3.png 507B

12.png 902B

24.png 1KB

25.png 1KB

15.png 945B

1.png 107KB

23.png 1KB

11.png 1KB

13.png 1KB

6.png 105KB

5.png 2KB

4.png 10KB

8.png 263KB

21.png 752B

17.png 1KB

16.png 1KB

7.png 793B

dingwei.png 5KB

20.png 729B

18.png 787B

2.png 6KB

14.png 1KB

22.png 1KB

.idea

codeStyles

codeStyleConfig.xml 153B

workspace.xml 4KB

zuoye.iml 469B

modules.xml 269B

css

no2.css 5KB

no3.css 9KB

no1.css 6KB

moban.html 14KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>京东(JD.COM)</title> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>  <link rel="stylesheet" href="css/no1.css"> <link rel="stylesheet" href="css/no2.css"> <link rel="stylesheet" href="css/no3.css"> </head> <body> <img src="pic/1.png" height="80" width="1600" />   <div class="shortcut"> <div class="w"> <ul class="fl city"> <li><a href="#"><img src="pic/3.png" height="30" width="30"/>山东</a></li> </ul> <ul class="fr"> <li> <a href="#">你好，请登录</a> <a href="#" class="f10">免费注册</a> </li> <li class="space"></li> <li> <a href="#">我的订单</a> </li> <li class="space"></li> <li> <a href="#">我的京东</a> </li> <li class="space"></li> <li> <a href="#">京东会员</a> </li> <li class="space"></li> <li> <a href="#" class="f10">企业采购</a> </li> <li class="space"></li> <li> <a href="#">客户服务</a> </li> <li class="space"></li> <li> <a href="#">网站导航</a> </li> <li class="space"></li> <li> <a href="#" class="mobile">手机京东 <img src="pic/2.png" height="60"width="60"/> </a> </li> </ul> </div> </div>   <div class="w middle"> <div class="logo"> <img src="pic/4.png" height="150" width="150"/> <h1>  <a href="#"></a> </h1> </div>  <div class="form"> <input type="text" placeholder="榨汁机家用">  <button> <i>搜索</i> </button> </div>  <div class="shopCar"> <a href="#" class="f10"><img src="pic/30.png" height="33" width="42"/>我的购物车</a> </div>  <div class="hotwords"> <a href="#" class="f10">音频巅峰日</a> <a href="#">居家换新</a> <a href="#">二手手机</a> <a href="#">服饰换新</a> <a href="#">每100-50</a> <a href="#">春运抢票</a> <a href="#">大牌美妆</a> </div>  <div class="navitems"> <ul> <li><a href="#" class="f10">秒杀</a></li> <li><a href="#" class="f10">优惠券</a></li> <li><a href="#">PLUS会员</a></li> <li><a href="#">品牌闪购</a></li> <li><a href="#">拍卖</a></li> <li class="space"></li> <li><a href="#">京东家电</a></li> <li><a href="#">京东超市</a></li> <li><a href="#">京东生鲜</a></li> <li><a href="#">京东国际</a></li> <li class="space"></li> <li><a href="#">京东金融</a></li> </ul> </div> </div>   <div class="w grid"> <div class="grid-col1 fl"> <div class="ad"> <img src="pic/6.png" height="270" width="240"/> <div class="ad-r"></div> </div> <ul> <li><a href="#">家用电器</a></li> <li><a href="#">手机</a>/<a href="#">运用商</a>/<a href="#">数码</a></li> <li><a href="#">电脑</a>/<a href="#">办公</a></li> <li><a href="#">家居</a>/<a href="#">家具</a>/<a href="#">家装</a>/<a href="#">厨具</a></li> <li><a href="#">男装</a>/<a href="#">女装</a>/<a href="#">童装</a>/<a href="#">内衣</a></li> <li><a href="#">美妆</a>/<a href="#">个护清洁</a>/<a href="#">宠物</a></li> <li><a href="#">女鞋</a>/<a href="#">箱包</a>/<a href="#">钟表</a>/<a href="#">珠宝</a></li> <li><a href="#">男鞋</a>/<a href="#">运动</a>/<a href="#">数码</a></li> <li><a href="#">房产</a>/<a href="#">汽车</a>/<a href="#">汽车用品</a></li> <li><a href="#">母婴</a>/<a href="#">玩具乐器</a></li> <li><a href="#">食品</a>/<a href="#">酒类</a>/<a href="#">生鲜</a>/<a href="#">特产</a></li> <li><a href="#">艺术</a>/<a href="#">礼品鲜花</a></li> <li><a href="#">医药保健</a>/<a href="#">计生情趣</a></li> <li><a href="#">图书</a>/<a href="#">文娱</a>/<a href="#">教育</a>/<a href="#">电子书</a></li> <li><a href="#">机票</a>/<a href="#">酒店</a>/<a href="#">旅游</a>/<a href="#">生活</a></li> <li><a href="#">理财</a>/<a href="#">众筹</a>/<a href="#">白条</a>/<a href="#">保险</a></li> <li><a href="#">安装</a>/<a href="#">维修</a>/<a href="#">清洗</a></li> </ul> </div> <div class="grid-col2 fl"> <div class="grid-col2-t"> <a href="#" class="arrow-l"><</a> <a href="#"><img src="pic/8.png" height="478" width=800"/></a> <a href="#" class="arrow-r">></a> <ul class="circle"> <li></li> <li></li> <li class="current"></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> </div> <div class="grid-col3 fr">  <div class="login"> <div class="login-t"> Hi，欢迎来到京东！<br /> <a href="#">登录</a> <a href="#">注册</a> <a href="#" class="user-info"> <img src="pic/5.png" height="40" width="50"/> </a> </div> <div class="login-b"> <a href="#">新人福利</a> <a href="#">PLUS会员</a> </div> </div>  <div class="news"> <div class="news-t"> <a href="#" ><h3>京东快报</h3></a> <a href="#" class="more">更多</a> <div></div> </div> <div class="news-b"> <ul> <li><a href="#"><img src="pic/9.png" height="20" width="40"/>2019年度TWS...</a></li> <li><a href="#"><img src="pic/9.png" height="20" width="40"/>这是来自未来的手...</a></li> <li><a href="#"><img src="pic/9.png" height="20" width="40"/>污渍难洗？久洗...</a></li> <li><a href="#"><img src="pic/9.png" height="20" width="40"/>iPad mini：A12处理...</a></li> </ul> </div> </div>  <div class="expand"> <ul> <li> <a href="#"> <img src="pic/10.png" height="40" width="43"/> <span>话费</span> </a> </li> <li> <a href="#"> <img src="pic/11.png" height="38" width="47"/> <span>机票</span> </a> </li> <li>

评论收藏

内容反馈