你的位置:首页 > 网页设计

[网页设计]顺丰官网代码(自编)


<!DOCTYPE html>
<html>
<head>
<title>顺丰官网</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<!-- 顺丰logo与头部信息部分 -->
<div >
<p ><a href="#"><img src="images 2/logoSC.png"></a></p>
<p ><span>选择国家或地区</span><img src="images 2/123.png"></p>
<p >
<a href="#">首页</a>
<a href="#">关于顺丰</a>
<a href="#">顺丰科技</a>
<a href="#">顺丰分享</a>
<a href="#">顺丰公益</a>
<a href="#">登录</a>
<a href="#">注册</a>
</p>
</div>
<!-- 导航栏部信息使用列表做 -->
<div >
<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><img src="images 2/promotion_cn.png"></li>
</ul>
</div>
<!-- 第二导航栏信息加图片标记 -->
<div >
<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>
</ul>
<div >
<p >登录我的顺丰</p>
<p >成为会员</p>
</div>
</div>
<!-- 成会员与填写运单号部分 -->
<div >
<div >
<form>
<input type="text" name="" value="在此输入运单号查询"><img src="qq.png">
</form>
</div>
</div>
<!-- 主题内容部分可以分为5块 -->
<div >
<!-- 第一块 -->
<div ><span>新闻公告</span><a href="#">+更多新闻公告</a></div>
<div >
<ul>
<li><a href="#">顺丰驱城市速度深圳站</a></li>
<li><a href="#">关于2016年第1号强台风“尼伯特”登陆</a></li>
<li><a href="#">顺丰发力跨境物流 倾情服务中俄出口</a></li>
<li><a href="#">关于近期全国大范围强降雨天气提醒</a></li>
<li><a href="#">2016年7月公路运输项目采购招标公告</a></li>
<li><a href="#">2016年7月公路运输项目采购招标公告</a></li>
<li><a href="#">2016年7月公路运输项目采购招标公告</a></li>
<li><a href="#">关于杭州举办“20国集团领导人第11次</a></li>
<li><a href="#">“顺丰驱动 城市速度” ——顺丰北....</a></li>
<li><a href="#">高州荔枝上市,顺丰冷链首发,荔枝新鲜</a></li>
<li><a href="#">丰速运有限公司——(系统线上招</a></li>
<li><a href="#">关于2016年顺丰燃油附加费收费机制</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="#">顺丰国际亮相香港Post Expo 2016</a></li>
<li><a href="#">关于国际快递保价服务上线的通知</a></li>
</ul>
</div>
<!-- 第二块 -->
<div ><span>活动促销</span><a href="#">+更多活动促销</a></div>
<!-- 第三块 -->
<div >
<p><a href="#"><img src="http://www.sf-express.com/cn/en/.galleries/promotion/guojizhuanyun_0718_small_sc.jpg"></a></p>
<p><a href="#"><img src="http://www.sf-express.com/cn/en/.galleries/promotion/wangluozhishi_2016_07_01_small-sc.jpg"></a></p>
<p><a href="#"><img src="http://www.sf-express.com/cn/en/.galleries/promotion/2016/20160531-SFs-Cold-chain-services-small-sc.jpg"></a></p>
</div>
<div >
<div>
<a>国际转运首重1KG只需1元</a>
<p >进行中</p>
<p >2016.7.1-2016.12.31</p>
<p >中国大陆适用</p>
</div>
<div>
<a>国际转运首重1KG只需1元</a>
<p >进行中</p>
<p >2016.7.1-2016.12.31</p>
<p >中国大陆适用</p>
</div>
<div>
<a>国际转运首重1KG只需1元</a>
<p >进行中</p>
<p >2016.7.1-2016.12.31</p>
<p >中国大陆适用</p>
</div>
</div>
<!-- 第四部分信息 -->
<div ><span>推广信息</span></div>
<!-- 滚动图片部分 -->
<div ><img src="p.jpg"></div>
<!-- 结尾部分相关信息 -->
<div ><p></p></div>
<!-- 结尾列表部分 -->
<div >
<div>
<ul>
<li>寄件</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>
<ul>
<li>服务(产品)</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>
<li><a href="#">海购丰运</a></li>
</ul>
</div>
<div>
<ul>
<li>会员</li>
<li><a href="#">个人会员</a></li>
<li><a href="#">个人会员积分</a></li>
<li><a href="#">月结会员积分</a></li>
</ul>
</div>
<div>
<ul>
<li>联系我们</li>
<li><a href="#">客服热线</a></li>
<li><a href="#">我要合作</a></li>
<li><a href="#">采购信息</a></li>
<li><a href="#">开放平台</a></li>
</ul>
</div>
<div>
<ul>
<li>自助工具</li>
<li><a href="#">顺丰微信公众号</a></li>
<li><a href="#">速运通APP</a></li>
<li><a href="#">打客服发件工具</a></li>
</ul>
</div>
<div>
<ul>
<li>集团</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 ><img src="images 2/QR-code.png"></div>
<div >
<div>
<ul>
<li>客服专线</li>
<li >95338</li>
<li>在线客服</li>
<li ><img src="footer-links-customer-service.png">&nbsp;&nbsp;进入在线客服</li>
<li>官方微博</li>
<li><img src="images 2/footer-links-sina-weibo.png">&nbsp;&nbsp;顺丰官方微博</li>
</ul>
</div>
</div>
</div>
<!-- 底部一栏信息部分 -->
<div >
<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 >2014顺丰速运版权所有粤ICP备08034243号</li>
</ul>
<a href="#"><img src="cnnic.png"></a>
<a href="#"><img src="security_site_1.png"></a>
<a href="#"><img src="security_site_2.png"></a>
<a href="#"><img src="newGovIcon.gif"></a>
</div>
<!-- 两块固定的联系窗口 -->
<div >
<div >
<p ></p>
<p >关于冒充顺丰速运诈骗客服的警示公告</p>
</div >
<div >
<p ></p>
<p ><a href="#">点我,点我,点我来给我打分</a></p>
</div>
</div>
</body>
</html>