<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>首页</title>
<!-- 网站说明 -->
<meta name="description" content="选优购商品-专业的综合网上购物商城,销售家电、数码通讯、电脑、
家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物
体验!">
<!-- 页面关键词，是搜索引擎的关注点之一。 -->
<meta name=" keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配
件,手表,存储卡,京东" />
<!-- 网站 favicon 图标 根目录下直接文件名 -->
<link rel="shortcut icon" href="favicon.ico" />
<!-- 引入初始化标签 -->
<link rel="stylesheet" href="./css/base.CSS">
<!-- 引入公共标签 -->
<link rel="stylesheet" href="./css/common.css">
<!-- main 主体模块制作 -->
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 快捷导航 shortcut 制作 -->
<section class="shortcut">
<!-- 版心 -->
<div class="w">
<div class="left">
<ul>
<li>品优购欢迎您！ </li>
<li><a href="#">请登录 </a><a class="style_red" href="register.html">免费注册</a></li>
</ul>
</div>
<div class="right">
<ul>
<li>我的订单</li>
<li></li>
<li class="arrow-icon">我的品优购</li>
<li></li>
<li>品优购会员</li>
<li></li>
<li>企业采购</li>
<li></li>
<li class="arrow-icon">关注品优购</li>
<li></li>
<li class="arrow-icon">客户服务</li>
<li></li>
<li class="arrow-icon">网站导航</li>
</ul>
</div>
</div>
</section>
<!-- header 制作 -->
<header class="header w">
<!-- logo 标志定位 -->
<div class="logo">
<h1><a href="#">品优购商城</a></h1>
</div>
<!-- search 搜索模块定位 -->
<div class="search">
<input type="search" name="" id="" placeholder="语言开发">
<button>搜索</button>
</div>
<!-- hotwords 热词模块定位 -->
<div class="hotwords">
<a href="#" class="style_red">优惠购首发</a>
<a href="#">亿元优惠</a>
<a href="#">9.9元团购</a>
<a href="#">美满99减30</a>
<a href="#">办公用品</a>
<a href="#">电脑</a>
<a href="#">通信</a>
</div>
<!-- shopcar 购物车模块 -->
<div class="shopcar">
我的购物车
<i class="count">8</i>
</div>
</header>
<!-- nav 导航制作 -->
<div class="nav">
<div class="w">
<!-- dropdown 下拉 -->
<div class="dropdown">
<div class="dt">全部商品分类</div>
<div class="dd">
<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>
<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>
<!-- navitems 导航栏组 -->
<div class="navitems">
<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>
</ul>
</div>
</div>
</div>
<!-- main 主体模块制作 -->
<div class="w">
<div class="main">
<!-- 焦点图模块 -->
<div class="focus">
<ul>
<li><img src="./images/banner_bg.png" alt=""></li>
</ul>
</div>
<!-- 新闻快报模块 -->
<div class="newdflash">
<!-- 新闻模块 -->
<div class="news">
<!-- 新闻头部模块 -->
<div class="news-hd">
<h5>品优购快报</h5>
<a href="#" class="more">更多</a>
</div>
<!-- 新闻主题部分 -->
<div class="news-bd">
<ul>
<li><a href="#"><strong>[特惠】</strong>备战开学季 全民半价购数码</a></li>
<li><a href="#"><strong>[公告】</strong>品优稳占家电网购六成份额</a></li>
<li><a href="#"><strong>[特惠】</strong>百元中秋全品类礼券限里领</a></li>
<li><a href="#"><strong>[公告】</strong>上品优生鲜 享阳澄湖大闸蟹</a></li>
<li><a href="#"><strong>[特惠】</strong>每日享折扣品优 品质游</a></li>
</ul>
</div>
</div>
<!-- 生活服务模块 -->
<div class="lifeservice">
<ul>
<li>
<i></i>
<p>花费</p>
</li>
<li>
<em><a>减</a></em>
<i></i>
<p>飞机</p>
</li>
<li>
<i></i>
<p>花费</p>
</li>
<li><i></i>
<p>花费</p>
</li>
<li><i></i>
<p>花费</p>
</li>
<li><i></i>
<p>花费</p>
</li>
<li><i></i>
<p>花费</p>
</li>
<li><i></i>
<p>花费</p>
</li>
<li><i></i>
<p>花费</p>
</li>
<li><i></i>
品优购shopping
需积分: 1 121 浏览量
2024-02-04
18:29:45
上传
评论
收藏 2.1MB RAR 举报
shopping.rar （59个子文件） 
shopping 
register.html 4KB js list.html 10KB css 
base.CSS 1KB common.css 5KB list.css 2KB register.css 2KB index.css 4KB favicon.ico 9KB index.html 20KB images 
recom.png 3KB recommend01.png 12KB success.png 2KB error.png 2KB regetype.png 3KB
wx_cz.jpg 7KB account.png 106KB icon1.png 2KB icon4.png 2KB logo.png 4KB logo copy.png 4KB tv.jpg 13KB banner_bg.png 424KB quan.png 9KB clock.png 4KB sk.png 2KB cartPanelViewIcons.png 5KB loginbg.png 247KB test.png 35KB bao.png 29KB clock copy.png 2KB zh.png 2KB icons copy.png 37KB bg.png 254KB erweima.png 12KB iphone.png 63KB pw.png 1KB delete.png 219B icon3.png 2KB icons.png 37KB checked.png 1KB banner1.png 68KB ad.jpg 11KB icon2.png 2KB upload floor-1-2.png 11KB focus1.png 423KB floor-1-6.png 12KB floor-1-3.png 13KB bargain.png 37KB recom_03.jpg 11KB list.jpg 22KB floor-1-5.png 10KB floor-1-4.png 18KB bg_03.png 93KB floor-1-1.png 16KB floor-1-b01.png 26KB fonts icomoon.woff 17KB
icomoon.svg 58KB icomoon.eot 17KB icomoon.ttf 17KB资源评论
axiu呀
- 粉丝: 789
- 资源: 3
