<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>淘宝网</title>
<link rel="stylesheet" href="./taobao.css">
<link rel="shortcut icon" type="image/x-icon" href="./img/taobaoicon.png" />
<script src="./taobao.js"></script>
<script src="./iconfont.js"></script>
<style>
.icon {
width: 1em; height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
color:#9c9c9c;
}
.gouwuche,.gengduo{
color: #ff6a05;
}
</style>
</head>
<body>
<div class="all">
<div class="site-nav">
<div class="site-nav-center">
<ul class="site-nav-center-l">
<li>
<a href=""> 中国大陆</a>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiangxia"></use>
</svg>
<div class="site-nav-menu">
<ul>
<li>中国大陆</li>
<li>中国大陆</li>
<li>中国大陆</li>
<li>中国大陆</li>
<li>中国大陆</li>
<li>中国大陆</li>
<li>中国大陆</li>
<li>中国大陆</li>
<li>中国大陆</li>
<li>中国大陆</li>
<li>中国大陆</li>
</ul>
</div>
</li>
<li><a href="" style="color: #f22e00;">亲,请登录</a></li>
<li><a href="">免费注册</a></li>
<li><a href="">手机逛淘宝</a></li>
</ul>
<ul class="site-nav-center-r">
<li>
<a href="">我的淘宝</a>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiangxia"></use>
</svg>
<div class="site-nav-menu">
<ul>
<li>已买到的宝贝</li>
<li>我的足迹</li>
</ul>
</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gouwuchekong" class=" gouwuche"></use>
</svg>
<a href="">购物车</a>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiangxia"></use>
</svg>
</li>
<li>
<a href="">收藏夹</a>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiangxia"></use>
</svg>
<div class="site-nav-menu">
<ul>
<li>收藏的宝贝</li>
<li>收藏的店铺</li>
</ul>
</div>
</li>
<li><a href="">商品分类</a></li>
<li><a href="">免费开店</a></li>
<li>
<a href="">千牛卖家中心</a>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiangxia"></use>
</svg>
<div class="site-nav-menu">
<ul>
<li>免费开店</li>
<li>已卖出的宝贝</li>
<li>出售中的宝贝</li>
<li>卖家服务市场</li>
<li>卖家培训中心</li>
<li>体验中心</li>
<li>问商友</li>
</ul>
</div>
</li>
<li>
<a href="">联系客服</a>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiangxia"></use>
</svg>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gengduo" class="gengduo"></use>
</svg>
<a href="">网站导航</a>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiangxia"></use>
</svg>
<div class="site-nav-menu" id="wangzhan">
<ul>
<li style="color: #fc4200;">主题市场
<div class="wangzhi-detail">
<ul>
<li>
<li>卖家培训中心</li>
<li>体验中心</li>
<li>问商友</li>
<li>卖家服务市场</li>
<li>卖家培训中心</li>
<li>体验中心</li>
<li>问商友</li>
</li>
</ul>
</div>
</li>
<li style="color:#a6bd46;">特色市场</li>
<li style="color: #d75696;">阿里App</li>
<li style="color:#40a7de;">精彩推荐集</li>
<li>卖家培训中心</li>
<li>体验中心</li>
<li>问商友</li>
<li>卖家服务市场</li>
<li>卖家培训中心</li>
<li>体验中心</li>
<li>问商友</li>
<li>卖家服务市场</li>
<li>卖家培训中心</li>
<li>体验中心</li>
<li>问商友</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div class="main">
<div class="search">
<img src="./img/logo.png" class="logo" alt="">
<div class="search-btn">
<div class="search-wrap">
<div class="search-bd">
<div class="search-triggers">
<span>宝贝</span>
<ul class="search-triggers-list">
<li>天猫</
没有合适的资源?快使用搜索试试~ 我知道了~
web前端设计大作业-简易淘宝网设计,含项目完整代码、实验报告
共196个文件
jpg:120个
png:60个
js:5个
20 下载量 191 浏览量
2023-08-14
07:41:37
上传
评论 4
收藏 7.66MB ZIP 举报
温馨提示
该资源是关于Web前端设计的大作业,是一个简易的淘宝网站设计项目。它包含了项目的完整代码和实验报告。 内容概要: 该项目是一个仿照淘宝网的简易设计,实现了基本的电商功能。项目采用了HTML、CSS和JavaScript等前端技术进行开发。页面布局、商品展示、购物车管理、用户登录等功能都得到了实现。项目代码结构清晰,注释详细,方便理解和修改。 适用人群: 该资源适用于对Web前端开发有一定了解的学生和从业人员。读者需要具备HTML、CSS和JavaScript等前端基础知识,了解网页布局和交互设计的基本原理。此外,对电商网站的设计和功能实现有一定的了解也会更有帮助。 使用场景及目标: 该资源适用于以下场景和目标: 学习参考: 该项目提供了一个实际的Web前端设计案例,读者可以学习其中的代码实现和设计思路。通过阅读代码和实验报告,理解如何设计网页布局、处理用户交互、实现购物车等核心功能。 课程作业: 该项目适合作为Web前端相关课程的实践作业。学生可以基于该项目进行二次开发,增加新的功能或改进现有功能,提升自己的编码和设计能力。
资源推荐
资源详情
资源评论
收起资源包目录
web前端设计大作业-简易淘宝网设计,含项目完整代码、实验报告 (196个子文件)
taobao.css 17KB
taobao.css 17KB
.DS_Store 14KB
.DS_Store 10KB
.DS_Store 8KB
.DS_Store 6KB
taobao.html 66KB
taobao.html 59KB
regisiter.html 5KB
login.html 2KB
卫生纸.jpg 477KB
cdb.jpg 175KB
cdb.jpg 175KB
g5.jpg 113KB
g5(1).jpg 113KB
g5.jpg 113KB
g1.jpg 111KB
g1(1).jpg 111KB
g1.jpg 111KB
g6.jpg 103KB
g6.jpg 103KB
g6(1).jpg 103KB
冰墩墩.jpg 91KB
lb1.jpg 71KB
lb1(1).jpg 71KB
lb1.jpg 71KB
lb4.jpg 61KB
lb4.jpg 61KB
lb4(1).jpg 61KB
lb2.jpg 58KB
lb2(1).jpg 58KB
lb2.jpg 58KB
g2.jpg 52KB
g2.jpg 52KB
g2(1).jpg 52KB
lb3.jpg 48KB
lb3(1).jpg 48KB
lb3.jpg 48KB
g4.jpg 34KB
g4(1).jpg 34KB
g4.jpg 34KB
s2.jpg 32KB
s2.jpg 32KB
s2(1).jpg 32KB
s3.jpg 32KB
s3(1).jpg 32KB
s3.jpg 32KB
s1.jpg 31KB
s1.jpg 31KB
s1(1).jpg 31KB
g3.jpg 25KB
g3.jpg 25KB
g3(1).jpg 25KB
tab3.jpg 21KB
tab3.jpg 21KB
tm2.jpg 18KB
tm2.jpg 18KB
tm2(1).jpg 18KB
tm1.jpg 17KB
tm1(1).jpg 17KB
tm1.jpg 17KB
g18.jpg 16KB
g18.jpg 16KB
g22.jpg 15KB
g22.jpg 15KB
g26.jpg 14KB
g26.jpg 14KB
g26(1).jpg 14KB
g12.jpg 14KB
g12.jpg 14KB
g12(1).jpg 14KB
g20.jpg 14KB
g20.jpg 14KB
iPhone.jpg 13KB
g15.jpg 13KB
g15.jpg 13KB
g29.jpg 13KB
g29.jpg 13KB
g29(1).jpg 13KB
g24.jpg 13KB
g24.jpg 13KB
g24(1).jpg 13KB
g14.jpg 12KB
g14.jpg 12KB
g8.jpg 11KB
g8.jpg 11KB
g8(1).jpg 11KB
g19.jpg 10KB
g19.jpg 10KB
g28.jpg 10KB
g28(1).jpg 10KB
g28.jpg 10KB
g9.jpg 9KB
g9(1).jpg 9KB
g9.jpg 9KB
g13.jpg 9KB
g13.jpg 9KB
g10.jpg 9KB
g10(1).jpg 9KB
g10.jpg 9KB
共 196 条
- 1
- 2
资源评论
长安er
- 粉丝: 960
- 资源: 14
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功