HTML5期末⼤作业：电商购物⽹站设计——电商购物⽹站设计（55页）电商⽹
页设计制作简单静。。。
HTML5期末⼤作业：电商购物⽹站设计——电商购物⽹站设计(55页) 电商⽹页设计制作简单静态HTML⽹页作品购物⽹页作业成品学⽣商城⽹站模板
常见⽹页设计作业题材有 个⼈、美⾷、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节⽇、戒烟、电影、摄影、⽂化、家乡、鲜花、礼品、汽车、其他 等⽹页设计题⽬, A+⽔平作业, 可满⾜⼤学⽣⽹页⼤作业⽹页设计需求, 喜欢的可以下载!
作品介绍
1.⽹页作品简介 ：HTML期末⼤学⽣⽹页设计作业 A+⽔平 ，喜欢的可以下载，⽂章页⽀持⼿机PC响应式布局。
2.⽹页作品编辑：作品下载后可使⽤任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改⽹页）。
3.⽹页作品技术：Div+CSS、⿏标滑过特效、Table、导航栏效果、banner、表单、⼆级三级页⾯等，视频、 ⾳频元素 、Flash，同时设计了logo（源⽂件），基本期末作业所需的知识点全覆盖。
⽂章⽬录
⼀、作品展⽰
html+css美食静态网页设计
⼆、⽂件⽬录
三、代码实现
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="keywords"content="">
<meta name="description"content="">
<link rel="stylesheet"href="css/safe/css.css"/>
<link rel="stylesheet"href="css/safe/common.min.css"/>
<link rel="stylesheet"href="css/safe/ms-style.min.css"/>
<link rel="stylesheet"href="css/safe/personal_member.min.css"/> <link rel="stylesheet"href="css/safe/Snaddress.min.css"/>
<link rel="stylesheet"href="css/sui.css"/>
<script type="text/javascript"src="js/jquery-1.9.1.min.js"></script> <script type="text/javascript"src="js/sui.js"></script>
<style>
a{
color: #000000;
}
</style>
</head>
<body class="ms-body">
<body class="ms-body">
<div id=""class="ng-top-banner"></div>
<div class="ng-toolbar">
<div class="ng-toolbar-con wrapper">
<div class="ng-toolbar-left">
<a class="ng-bar-node ng-bar-node-backhome"id="ng-bar-node-backhome">
<span><img src="img/Home.png"/>返回买啦⾸页</span>
</a>
<div class="ng-bar-node-box ng-site-nav-box">
<a href=""class="ng-bar-node ng-bar-node-site">
<span><img src="img/daohang.png"/>⽹站导航</span><em class="ng-iconfont down"> </em> </a>
<div class="ng-sn-site-nav ng-d-box site-nav-child">
<dl class="sn-site-list lnb">
<dt>
特⾊购物
</dt>
<dd>
<p><a target="_blank">###</a></p>
<p><a target="_blank">###</a></p>
<p><a target="_blank">###</a></p>
</dd>
</dl>
<dl class="sn-site-list">
<dt>
主题频道
</dt>
<dd>
<p><a target="_blank">###</a></p>
<p><a target="_blank">###</a></p>
<p><a target="_blank">###</a></p>
<p><a target="_blank">###</a></p>
<p><a target="_blank">###</a></p>
dreamweaver自学教程<p><a target="_blank">###</a></p>
</dd>
</dl>
<dl class="sn-site-list">
<dt>sql中的substring函数
⽣活助⼿
</dt>
<dd>
<p><a target="_blank">###<i class="hot"></i></a></p>
<p><a target="_blank">###</a></p>
<p><a target="_blank">###</a></p>
<p><a target="_blank">###</a></p>
<p><a target="_blank">###</a></p>
<p><a target="_blank">###</a></p>
</dd>
</dl>
<dl class="sn-site-list">
<dt>
会员服务
</dt>
<dd>
<p><a target="_blank">###<i class="hot"></i></a></p>
<p><a target="_blank">###</a></p>
<p><a target="_blank">###</a></p>
<p><a target="_blank">###</a></p>
</dd>
</dl>
<dl class="sn-site-list rnb">
<dt>
更多热点
</dt>
<dd>
<p><a target="_blank">###</a></p>
<p><a target="_blank">###</a></p>
<p><a target="_blank">###</a></p>
<p><a target="_blank">###<i class="hot"></i></a></p>html表单按钮位置
</dd>
</dl>
<a href=""class="ng-close"><em class="ng-iconfont"> </em></a>
</div>
</div>
</div>
<div class="ng-toolbar-right">
<a href=""class="ng-bar-node username-bar-node username-bar-node-showside"id=""rel="nofollow">
<span id="">吉⽶⼩⼦</span>
<em class="hasmsg ng-iconfont"> </em>
</a>
<div class="ng-bar-node-box username-handle"id="">
<a href=""rel="nofollow"class="ng-bar-node username-bar-node username-bar-node-noside">
<span id="">吉⽶⼩⼦</span>
<em class="hasmsg ng-iconfont"> </em>
<em class="ng-iconfont down"> </em>
</a>
<div class="ng-d-box ng-down-box ng-username-slide">
<a href=""class="ng-vip-union"target="_blank"rel="nofollow">账号管理</a>
<a href=""rel="nofollow">退出登录</a>
</div>
</div>
<div class="ng-bar-node reg-bar-node"id="reg-bar-node">
<a href=""rel="nofollow"class="login">登录</a>
<a href=""target="_blank"class="login reg-bbb"rel="nofollow">注册</a>
</div>
<div class="ng-bar-node-box myorder-handle">
<a class="ng-bar-node ng-bar-node-fix touch-href ng-bar-node-pr5"><span>我的买啦</span><em class="ng-iconfont down"> </em></a>
<div class="ng-down-box ng-d-box myorder-child">
<a>待⽀付<em id="waitPayCounts"></em></a>
<a>待收货<em id="waitDeliveryCounts"></em></a>
<a>待评价<em id="waitEvaluation"></em></a>
<a>修改订单</a>
</div>
</div>
<a class="ng-bar-node ng-bar-node-mini-cart"rel="nofollow"href="">
<span><img src="img/购物车.png"/>购物车</span>
<span class="total-num-bg-box">
<em></em>
<i></i>
</span>
</span>
</a>
<div class="ng-bar-node-box mysuning-handle">
<a href=""rel="nofollow"name=""class="ng-bar-node ng-bar-node-fix touch-href ng-bar-node-pr5"><span>收藏夹</span><em class="ng-iconfont dow n"> </em></a>
<div class="ng-down-box ng-d-box mysuning-child">
<a href=""rel="nofollow"target="_blank">我的⼆⼿</a>
<a href=""rel="nofollow">我的收藏</a>
</div>
</div>
<div class="ng-bar-node-box app-down-box">
<a href=""target="_blank"rel="nofollow"class="ng-bar-node mb-suning touch-href">
<span>关注买啦</span>
</a>
<div class="ng-mb-box ng-d-box mb-down-child">
<div class="ng-code-box">
个人网店营销策略<p class="ng-tip">
<a href=""rel="nofollow"target="_blank"></a>
</p>
</p>
<a target="_blank">
<img src=""height="80"width="80">
</a>
</div>
<div class="ng-app-box">
<div class="ng-app-list">
<a href=""target="_blank"rel="nofollow"class="ng-app">
<img src=""title="###"></a>
<a href=""target="_blank"rel="nofollow"class="ng-app">
<img src=""title="###"></a>
<a class="ng-app">
<img src=""title="###"></a>
<a href=""target="_blank"rel="nofollow"class="ng-app">
<img src=""title="###"></a>
</div>
</div>
<a href=""target="_blank"rel="nofollow">
<img src=""height="35"width="242">
</a>
<a href=""class="ng-close"rel="nofollow"><em class="ng-iconfont"> </em></a>
</div>
</div>
<a href=""class="ng-bar-node ng-bar-node-pr5"target="_blank"><span>卖家中⼼</span><em class="ng-iconfont down"> </em></a>
<div class="ng-bar-node-box service-handle">
<a href=""class="ng-bar-node ng-bar-node-service ng-bar-node-fix touch-href ng-bar-node-pr5"rel="nofollow"><span></span><em class="ng -iconfont down"> </em>
</a>
<div class="ng-down-box ng-d-box service-center-child ng-ser-list">
<a>帮助中⼼</a>
<a>查门店</a>
<a>退换货</a>网页制作与设计表白设计
<a>帮客预约</a>
<a>建议反馈</a>
</div>
</div>
</div>
<div id="ng-minicart-slide-box"></div>
</div>
</div>
<header class="ms-header ms-header-inner ms-head-position">
<article class="ms-header-menu">
<style type="text/css">
.nav-manage .list-nav-manage{
position: absolute;
padding: 15px 4px 10px 15px;
left: 0;
top: -15px;
width: 90px;
background: #FFF;
box-shadow: 1px 1px 2px #e3e3e3, -1px 1px 2px #e3e3e3;
z-index: 10;
}
.ms-nav li{
float: left;
position: relative;
padding: 0 20px;
height: 44px;
font: 14px/26px "Microsoft YaHei";
color: #FFF;
cursor: pointer;
z-index: 10;
}
</style>
<div class="header-menu">
<div class="ms-logo">
<a class="ms-head-logo"name="Myyigou_index_none_daohangLogo"><span >我的买啦</span></a>
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论