300字范文 > HTML期末大作业仿小米商城网页设计与制作(HTML+CSS+JavaScript) JavaScript期末大

HTML期末大作业仿小米商城网页设计与制作(HTML+CSS+JavaScript) JavaScript期末大

时间：2022-06-05 02:48:23

HTML期末大作业~基于HTML+CSS+JavaScript仿小米商城(功能齐全)

关于HTML期末网页制作，大作业A+水平~仿小米商城网页作业HTML+CSS+JavaScript实现，共有登录/注册小米首页场景相机商品列表商品详情商品专场购物车等等10个页面!

高仿小米商城HTML+CSS+JS页面设计，可以学习学习，大学网页设计作业，~这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

此次课程设计的题目是网页规划与设计(html+css+js+image)确定每个页面将使用的页面布局技术（如结合使用CSS及表格、DIV、框架等技术），完成各页面的布局设计。

作品演示

1.小米首页

2.登录/注册

3.场景相机

4.商品列表

6.商品详情

文件目录

代码实现

<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title><link rel="stylesheet" href="css/xiaomi.css"/><script type="text/javascript" src="js/jquery-2.1.4.min.js"></script><script src="js/jquery.animate-colors-min.js"></script></head><body><div class="head_box"><div id="head_wrap"><div id="head_nav"><a class="head_nav_a">大米网</a><span>|</span><a class="head_nav_a">MIUI</a><span>|</span><a class="head_nav_a">米聊</a><span>|</span><a class="head_nav_a">游戏</a><span>|</span><a class="head_nav_a">多看阅读</a><span>|</span><a class="head_nav_a">云服务</a><span>|</span><a class="head_nav_a">大米移动版</a><span>|</span><a class="head_nav_a">问题反馈</a><span>|</span><a class="head_nav_a" id="Select_Region_but">Select Region</a></div><div id="head_right"><div id="head_landing"><a class="head_nav_a">登陆</a><span>|</span><a class="head_nav_a">注册</a></div><div id="head_car"><a class="head_car_text">购物车（0）</a><div id="car_content" style="height: 0px;width:0px ;background-color: #edffc6;z-index: 999"><a class="car_text"></a></div></div></div></div></div><div id="foot_box"><div id="foot_wrap"><div class="foot_top"><ul><li>1小时快修服务</li><li class="font_top_i">|</li><li>7天无理由退货</li><li class="font_top_i">|</li><li>15天免费换货</li><li class="font_top_i">|</li><li>满150元包邮</li><li class="font_top_i">|</li><li>520余家售后网点</li></ul></div><div class="foot_bottom"><div class="foot_bottom_l"><dl><dt>帮助中心</dt><dd>购物指南</dd><dd>支付方式</dd><dd>配送方式</dd></dl><dl><dt>服务支持</dt><dd>售后政策</dd><dd>自助服务</dd><dd>相关下载</dd></dl><dl><dt>大米之家</dt><dd>大米之家</dd><dd>服务网点</dd><dd>预约亲临到店服务</dd></dl><dl><dt>关注我们</dt><dd>新浪微博</dd><dd>大米部落</dd><dd>官方微信</dd></dl></div><div class="foot_bottom_r"><a>400-100-5678</a><a>周一至周日 8:00-18:00</a><a>（仅收市话费）</a><span> 24小时在线客服</span></div></div></div><div class="foot_note_box"><div class="foot_note_wrap"><div class="foot_note_con"><span class="foot_logo"><img src="img/mi-logo.png" width="38px" height="38px"></span><span class="foot_note_txt"><a>大米网</a><h>|</h><a>MIUI</a><h>|</h><a>米聊</a><h>|</h><a>多看书城</a><h>|</h><a>大米路由器</a><h>|</h><a>大米后院</a><h>|</h><a>大米天猫店</a><h>|</h><a>大米淘宝直营店</a><h>|</h><a>大米网盟</a><h>|</h><a>问题反馈</a><h>|</h><a>Select Region</a><a> 5555555号</a></span></div></div></div></div><script type="text/javascript" src="js/xiaomi.js"></script></body></html>