200字范文 > HTML5期末大作业：大学生购物商城网站设计——优分期大学生购物商城(7页) 大学生大学

HTML5期末大作业：大学生购物商城网站设计——优分期大学生购物商城(7页) 大学生大学

时间：2022-02-23 16:54:24

HTML5期末大作业：大学生购物商城网站设计——优分期大学生购物商城(7页) 大学生大学生购物商城作业模板下载静态HTML购物商城网页制作下载_网页设计代码

常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

作品介绍

1.网页作品简介：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

HTML5期末大作业：大学生购物商城网站设计——优分期大学生购物商城(7页) 大学生大学生购物商城作业模板下载静态HTML购物商城网页制作下载_网页设计代码作品介绍一、作品展示二、文件目录三、代码实现四、学习资料五、更多源码

一、作品展示

二、文件目录

三、代码实现

<!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>html5优分期大学生分期购物商城模板源码</title><link rel="stylesheet" href="css/app/reset.css"><link rel="stylesheet" href="css/app/header.css"><link rel="stylesheet" href="css/app/footer.css"><link type="text/css" rel="stylesheet"href="css/global.css" /><link type="text/css" rel="stylesheet"href="css/banner.css" /><link type="text/css" rel="stylesheet"href="css/bin/index.css" /><link type="text/css" rel="stylesheet"href="css/list.css" /><link type="text/css" rel="stylesheet"href="css/index2.css" /><link type="text/css" rel="stylesheet"href="css/dialog.css"></head><body style="overflow:-Scroll;overflow-x:hidden"><div class="head-top"><div class="head-wrap"><p class="head-top-left"><span>欢迎来到优分期，更快更好的大学生信用消费平台，憋说话，吻我！</span><span class="vertical-line"></span><a href="shoujiyoufenqi.html" target="_blank"><i></i>手机优分期</a></p><ul class="head-top-right"><li class="login list-item"><a href="login.html" rel="nofollow" class="grade-one">请【登录】</a></li><li class="login list-item"><a href="register.html" rel="nofollow" class="grade-one" style="padding-right: 5px"> 【免费注册】</a></li><input type="hidden" name="_csrf" id="_csrf" value="49ae70ec-fc3e-4659-9981-2bb91805fe5b" /><li class="vertical-line"></li><li class="user-box list-item top-hover-box"><a href="/user/home" class="top-hover-link grade-one">我的优分期<var class="down-arrow icon-iconfont-arrow3"></var></a><ul class="top-hover"><li class=""><a href="#" rel="nofollow">我的信用</a></li><li class=""><a href="#" rel="nofollow">我的收藏</a></li><li class=""><a href="#" rel="nofollow">我是大使</a></li></ul></li><li class="vertical-line"></li><li class="list-item"><a href="#" rel="nofollow" class="grade-one">我的订单</a></li><li class="vertical-line"></li><li class="list-item"><a href="#" rel="nofollow" class="grade-one">我要还款</a></li><li class="vertical-line"></li><li class="help-box list-item top-hover-box"><a href="/help/info/help_center" rel="nofollow" class="top-hover-link grade-one">帮助中心<var class="down-arrow icon-iconfont-arrow3"></var></a><ul class="top-hover" id="help_nav_list"><li><a href="#" rel="nofollow" target="_blank">分期说明</a></li><li><a href="#" rel="nofollow" target="_blank">售后说明</a></li><li><a href="#" rel="nofollow" target="_blank">信用提现</a></li><li><a href="#" rel="nofollow" target="_blank">还款说明</a></li><li><a href="#" rel="nofollow" target="_blank">反欺诈</a></li></ul></li></ul></div></div><div id="top-ad"><a class="top_active_ad" href="#" title=""><img src="images/dingbubanner.jpg" alt=""></a></div><div id="top-notice"></div><div id="top-ad"></div><div class="header-search dib-wrap"><a class="ulogo left" href="/"></a><div class="search-box left dib"><input type="text" placeholder="搜索您需要的商品" class="dib" id="searchTxtId" name="q" value=""><button class="dib" id="keyWordSearchId">搜索</button></div><ul class="right header-qq-num"><li class="r-item top-qq"><a href="#" target="_blank"><i></i>在线咨询</a></li><li class="r-item tel-num"><i></i>400-081-0707</li><li class="r-item anti-cheat"><a href="#" target="_blank"><i></i>反欺诈</a></li></ul></div><section><div class="main-slide"><a class="main_btn" href="#"></a><div class="main_box"><img src="images/ufenqi_ios.png" class="main_pic main_ios"/><img src="images/ufund_pc.png" class="main_pic main_and"/></div></div><div class="u-service"><div class="wrapper"><img class="img_center"src="images/u_server.png" alt="" /></div></div><div class="wrapper"><div class="u-howto"></div></div><div class="ufund-tips-wrap"><dl class="ufund-tips"><dt>U基金说明</dt><dd>1. 用户收款银行信息需实名认证<ahref="#">（信用提现常见问题）</a>，并且与优分期信用认证信息一致，否则无法即时到帐。</dd><dd>2. U基金可多次获取（仅限单笔申请成功后），但总额不能超过5000元。</dd><dd>3. 优分期转账至您绑定的银行卡后，账单即生成，请及时还款。</dd><dd>4. U基金申请成功后，不可退款，优分期提示您合理消费，享受生活。</dd></dl></div><div class="count-wrap"><div class="count-close"></div><div class="count-content"><var class="count-icon"></var><span>还款计算器：</span> <span>金额：</span> <select id="ufund-sum"><option value="10000">100 元</option> <option value="20000">200 元</option> <option value="30000">300 元</option> <option value="40000">400 元</option> <option value="50000">500 元</option> <option value="60000">600 元</option> <option value="70000">700 元</option> <option value="80000">800 元</option> <option value="90000">900 元</option> <option value="100000">1000 元</option> <option value="110000">1100 元</option> <option value="120000">1200 元</option> <option value="130000">1300 元</option> <option value="140000">1400 元</option> <option value="150000">1500 元</option> <option value="160000">1600 元</option> <option value="170000">1700 元</option> <option value="180000">1800 元</option> <option value="190000">1900 元</option> <option value="200000">2000 元</option> <option value="210000">2100 元</option> <option value="220000">2200 元</option> <option value="230000">2300 元</option> <option value="240000">2400 元</option> <option value="250000">2500 元</option> <option value="260000">2600 元</option> <option value="270000">2700 元</option> <option value="280000">2800 元</option> <option value="290000">2900 元</option> <option value="300000">3000 元</option> <option value="310000">3100 元</option> <option value="320000">3200 元</option> <option value="330000">3300 元</option> <option value="340000">3400 元</option> <option value="350000">3500 元</option> <option value="360000">3600 元</option> <option value="370000">3700 元</option> <option value="380000">3800 元</option> <option value="390000">3900 元</option> <option value="400000">4000 元</option> <option value="410000">4100 元</option> <option value="420000">4200 元</option> <option value="430000">4300 元</option> <option value="440000">4400 元</option> <option value="450000">4500 元</option> <option value="460000">4600 元</option> <option value="470000">4700 元</option> <option value="480000">4800 元</option> <option value="490000">4900 元</option> <option value="500000">5000 元</option> </select> <span>分期月数：</span> <select id="month-count"><option value="1">1个月</option><option value="3">3个月</option><option value="6">6个月</option><option value="9">9个月</option><option value="12">12个月</option></select> <span>月供：</span><var class="ffa">￥</var><strong id="month-pay" class="ffa">35.67</strong> <span>日供：</span><var class="ffa">￥</var><strong id="day-pay" class="ffa">1.19</strong></div></div></section><footer class="ft-wrap"><div class="ft-main-box main-wrap"><ul class="ft-main"><li class="left"><strong class="block">分期说明</strong><a href="#" rel="nofollow" target="_blank">分期购物</a><li class="left"><strong class="block">售后说明</strong><a href="#" rel="nofollow" target="_blank">退换货说明</a><a href="#" rel="nofollow" target="_blank">品牌真伪查询</a></li><li class="left"><strong class="block">信用提现</strong><a href="#" rel="nofollow" target="_blank">提现（U基金）</a></li><li class="left"><strong class="block">关于优分期</strong><a href="#" rel="nofollow" target="_blank">关于我们</a><a href="#" rel="nofollow" target="_blank">联系我们</a><a href="#" rel="nofollow" target="_blank">牛人加入</a><a href="#" rel="nofollow" target="_blank">校园招聘</a></li><li class="left ft-phoneapp"><strong class="block">手机优分期</strong><a href="#" target="_blank" class="app-h5">/</a><a href="#" target="_blank" class="ft-btn app app-ios"><i class="icon-iconfont-ios inline-block"></i>iPhone</a><a href="shoujiyoufenqi.html" target="_blank" class="ft-btn app app-android"><i class="icon-iconfont-android inline-block"></i>Android</a></li><li class="left ft-mobile"><p><strong>400-081-0707</strong></br>周一至周日9：00-22：00</p><a href="#" target="_blank" class="ft-btn ft-customer">在线客服</a></li></ul><div class="ft-copyright"><ul class="ft-safety"><li id="kx_verify" class="safety-1"><a href="#" target="_blank"></a></li><li class="safety-2"><a href="#" target="_blank"></a></li><li class="safety-3"><a href="#" target="_blank"></a></li><li class="safety-4"><a href="#" target="_blank"></a></li></ul><div class="footer-info" ><p>北京市公安局朝阳分局备案编号1101080956|<a href="#" target="_blank">京ICP证备14020586号</a>|<a href="images/businessLicence.jpg" target="_blank">营业执照号：110108016963882</a>|<a href="javascript:void(0);" target="_blank">食品流通许可证号：SP1101081510244633</a> </p><p>京海食药监械经营许0358号 | 京海食药监械经营备0440号</p><p>公司名称：北京和创未来网络科技有限公司|公司地址：北京市海淀区上地东路5号院京蒙高科A座6层|联系方式：400-081-0707</p><p>Copyright -,版权所有</p></div></div><script type="text/javascript">var docByid = function(o){return document.getElementById(o);}if(docByid('logout')){docByid('logout').onclick = function(){docByid('form-logout').submit();}}</script><script src="js/jquery-1.11.1.min.js"></script></div></footer></body></html>