化妆品商城(1).zip资源-CSDN文库

共243个文件

jpg：112个

png：69个

js：26个

需积分: 9 104 浏览量 2022-12-03 16:43:26 上传评论收藏 6.7MB ZIP 举报

"化妆品商城(1).zip"是一个包含多个网页文件的压缩包，很可能是一个简易的化妆品在线购物平台的源代码或静态页面集合。这个压缩包中的文件可能用于展示商品目录、购买流程、用户中心等功能。由于描述为空，我们可以推测这个“化妆品商城”可能是一个基本的电商网站模版，用于演示或者教学目的。它可能包含了一些常见的电商网站功能，如商品浏览、品牌选购、用户登录与注册、订单支付、商品详情查看、用户收藏以及地址管理等。由于没有提供标签，我们根据文件名来推断可能涉及的关键技术点： 1. **HTML**：index.html、product_list.html等文件都是HTML页面，它们构成了网站的基础结构，用于展示内容和交互元素。 2. **产品展示**：product_list.html可能用于显示化妆品的列表，用户可以通过这个页面浏览不同种类的化妆品。 3. **品牌购买**：Buy_Brands.html可能是一个品牌选购页面，用户可以按照品牌筛选或购买化妆品。 4. **用户中心**：User_Center.html可能是用户个人账户的页面，包括个人信息、订单历史、收藏品等。 5. **订单支付**：Order_payment.html涉及在线支付流程，可能包含支付选项（如信用卡、支付宝、微信支付等）和确认订单的界面。 6. **商品详情**：Product_Detailed.html展示单个商品的详细信息，包括图片、描述、价格等。 7. **热门推荐**：Must_see.html可能是一个推荐页面，展示热销或特别推荐的化妆品。 8. **用户收藏**：User_Collect.html可能让用户查看和管理他们收藏的商品。 9. **用户地址**：User_address.html用于用户管理收货地址，添加、编辑和删除地址。 10. **订单表格**：User_Orderform.html可能是一个订单表格页面，用户可以查看订单状态和历史。这些HTML文件组合在一起，构建了一个模拟实际操作的化妆品电商网站，对于学习Web开发、电商网站设计或者进行快速原型测试的人来说，是非常有价值的资源。通过分析和修改这些文件，可以了解网站开发的基本流程，以及如何实现用户友好的交互和流畅的购物流程。同时，如果想要进一步提升功能，可以考虑引入动态服务器端语言（如PHP、Python、Node.js等）、数据库集成（如MySQL、MongoDB等）以及前端框架（如React、Vue、Angular等）。

资源推荐

资源详情

资源评论

收起资源包目录

化妆品商城(1).zip （243个子文件）

style.css 93KB

common.css 24KB

linkage.css 7KB

demo.css 3KB

iconfont.css 2KB

iconfont.eot 19KB

loading.gif 22KB

loading.gif 2KB

btn_sure.gif 2KB

buy2.gif 2KB

help_m_jia.gif 1KB

help_m_jian.gif 1KB

buy1.gif 1KB

liselected.gif 1KB

btn_log.gif 300B

index.html 43KB

product_list.html 37KB

Buy_Brands.html 35KB

User_Center.html 30KB

Order_payment.html 28KB

Product_Detailed.html 25KB

Must_see.html 25KB

User_Collect.html 24KB

User_address.html 23KB

User_Orderform.html 22KB

Footprint.html 21KB

Feedback.html 21KB

help.html 20KB

Group_buy.html 20KB

Cart.html 20KB

demo.html 11KB

registered.html 7KB

AD-01.jpg 495KB

AD-p-5.jpg 236KB

AD-111.jpg 215KB

AD-112.jpg 199KB

AD-04.jpg 195KB

AD-03.jpg 184KB

06.jpg 165KB

02.jpg 163KB

AD-p-6.jpg 160KB

04.jpg 148KB

07.jpg 107KB

01.jpg 103KB

AD-D-1.jpg 103KB

AD-D-3.jpg 89KB

AD-02.jpg 89KB

03.jpg 85KB

05.jpg 77KB

AD-D-4.jpg 75KB

AD2.jpg 66KB

AD-D-2.jpg 61KB

AD-D-5.jpg 57KB

AD1.jpg 49KB

06.jpg 45KB

p_29.jpg 44KB

p_16.jpg 44KB

04.jpg 43KB

02.jpg 40KB

p_15.jpg 39KB

p_10.jpg 37KB

p_9.jpg 34KB

p_22.jpg 33KB

p_13.jpg 32KB

618.jpg 30KB

07.jpg 28KB

01.jpg 27KB

p_26.jpg 27KB

03.jpg 27KB

p_11.jpg 25KB

p_19.jpg 25KB

p_27.jpg 24KB

3.jpg 22KB

AD-4.jpg 22KB

4.jpg 21KB

05.jpg 21KB

2.jpg 21KB

AD-p-4.jpg 20KB

AD-p-2.jpg 20KB

1.jpg 19KB

AD-10.jpg 19KB

p_14.jpg 19KB

5.jpg 19KB

AD-2.jpg 19KB

p_24.jpg 19KB

AD-p-3.jpg 18KB

AD-9.jpg 18KB

p_31.jpg 17KB

p_1.jpg 17KB

AD-p-1.jpg 17KB

p_21.jpg 17KB

AD-5.jpg 16KB

AD-7.jpg 16KB

AD-8.jpg 16KB

p_30.jpg 15KB

p_34.jpg 15KB

AD-6.jpg 14KB

p_17.jpg 13KB

p_12.jpg 13KB

共 243 条

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="css/common.css" rel="stylesheet" type="text/css" /> <link href="fonts/iconfont.css" rel="stylesheet" type="text/css" /> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script> <script src="js/common_js.js" type="text/javascript"></script> <script src="js/footer.js" type="text/javascript"></script> <title>商城首页</title> </head> <body>  <div class="p_f_name infonav_hidden" style="background:url(images/top_AD_01.png) no-repeat; background-position:center; height:436px; width:100%"> <div class="Menu_style"><p class="infonav_mores"><a href="#" class="more" href="javascript:" onclick="infonav_more_down(0);return false;"><em class="iconfont icon-close2"></em></a></p></div> </div>  <div class="mod_qr"> <a href="#" class="mod_qr_bd"><img src="images/AD-p-3.jpg" /></a> <a href="javascript:void(0);" id="close" class="fixed_qr_close"><em class="iconfont icon-close2"></em></a> </div>  <div class="Suspension" id="left_nav"> <div class="Suspension_top"></div> <div class="Suspension_menu"> <ul> <li><a href="#" class="">每日必看</a></li> <li><a href="#" class="">爆款榜</a></li> <li><a href="#" class="">上新单品</a></li> <li><a href="#" class="">品牌团购</a></li> </ul> </div> <div class=""></div> </div>  <div id="header_top"> <div id="top"> <div class="Inside_pages"> <div class="Collection">下午好，欢迎光临锦宏颜！<em></em><a href="#">收藏我们</a></div> <div class="hd_top_manu clearfix"> <ul class="clearfix"> <li class="hd_menu_tit zhuce" data-addclass="hd_menu_hover">欢迎光临本店！<a href="#" class="red">[请登录]</a> 新用户<a href="#" class="red">[免费注册]</a></li> <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">我的订单</a></li> <li class="hd_menu_tit" data-addclass="hd_menu_hover"> <a href="#">购物车</a> </li> <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">联系我们</a></li> <li class="hd_menu_tit list_name" data-addclass="hd_menu_hover"><a href="#" class="hd_menu">客户服务</a> <div class="hd_menu_list"> <ul> <li><a href="#">常见问题</a></li> <li><a href="#">在线退换货</a></li> <li><a href="#">在线投诉</a></li> <li><a href="#">配送范围</a></li> </ul> </div> </li> <li class="hd_menu_tit phone_c" data-addclass="hd_menu_hover"><a href="#" class="hd_menu "><em class="iconfont icon-shouji"></em>手机版</a> <div class="hd_menu_list erweima"> <ul> <img src="images/erweima.png" width="100px" height="100"/> </ul> </div> </li> </ul> </div> </div> </div>   <div id="header " class="header page_style"> <div class="logo"><a href="index.html"><img src="images/logo.png" /></a></div>  <div class="Search"> <p><input name="" type="text" class="text"/><input name="" type="submit" value="搜索" class="Search_btn"/></p> <p class="Words"><a href="#">苹果</a><a href="#">香蕉</a><a href="#">菠萝</a><a href="#">西红柿</a><a href="#">橙子</a><a href="#">苹果</a></p> </div>  <div class="hd_Shopping_list" id="Shopping_list"> <div class="s_cart"><em class="iconfont icon-cart2"></em><a href="#">我的购物车</a> <i class="ci-right">></i><i class="ci-count" id="shopping-amount">0</i></div> <div class="dorpdown-layer"> <div class="spacer"></div>  <ul class="p_s_list"> <li> <div class="img"><img src="images/tianma.png"></div> <div class="content"><p><a href="#">产品名称</a></p><p>颜色分类:紫花8255尺码:XL</p></div> <div class="Operations"> <p class="Price">￥55.00</p> <p><a href="#">删除</a></p></div> </li> </ul> <div class="Shopping_style"> <div class="p-total">共<b>1</b>件商品　共计<strong>￥ 515.00</strong></div> <a href="#" title="去购物车结算" id="btn-payforgoods" class="Shopping">去购物车结算</a> </div> </div> </div> </div>  <div id="Menu" class="clearfix"> <div class="index_style clearfix"> <div id="allSortOuterbox"> <div class="t_menu_img"></div> <div class="Category"><a href="#"><em></em>所有产品分类</a></div> <div class="hd_allsort_out_box_new">  <ul class="Menu_list"> <li class="name"> <div class="Menu_name"><a href="product_list.html" >面部护理</a> <span><</span></div> <div class="link_name"> <p><a href="Product_Detailed.html">茅台</a> <a href="#">五粮液</a> <a href="#">郎酒</a> <a href="#">剑南春</a></p> </div> <div class="menv_Detail"> <div class="cat_pannel clearfix"> <div class="hd_sort_list"> <dl class="clearfix" data-tpc="1"> <dt><a href="#">面膜<i>></i></a></dt> <dd><a href="#">撕拉面膜</a><a href="#">面膜贴</a><a href="#">免洗面膜</a><a href="#">水洗面膜</a></dd> </dl> <dl class="clearfix" data-tpc="2"> <dt><a href="#">洁面<i>></i></a></dt> <dd><a href="#">洁面摩丝</a><a href="#">洁面乳 </a><a href="#">洁面啫哩/胶</a><a href="#">面部去角质/磨砂</a><a href="#">洁面膏/霜</a><a href="#">洁肤皂</a></dd> </dl> <dl class="clearfix" data-tpc="3"> <dt><a href="#">化妆水<i>></i></a></dt> <dd><a href="#"> 喷雾</a><a href="#"> 精华水</a><a href="#"> 柔肤水</a><a href="#">爽肤水</a><a href="#">收敛水/紧肤水</a></dd> </dl> <dl class="clearfix" data-tpc="4"> <dt><a href="#">眼部护理<i>></i></a></dt> <dd><a href="#"> 眼膜</a><a href="#"> 眼部凝胶</a><a href="#">眼部精华</a><a href="#">眼霜</a></dd> </dl> <dl class="clearfix" data-tpc="4"> <dt><a href="#">眼部护理<i>></i></a></dt> <dd><a href="#"> 眼膜</a><a href="#"> 眼部凝胶</a><a href="#">眼部精华</a><a href="#">眼霜</a></dd> </dl> <dl class="clearfix" data-tpc="4"> <dt><a href="#">防晒<i>></i></a></dt> <dd><a href="#"> 眼膜</a><a href="#"> 眼部凝胶</a><a href="#">眼部精华</a><a href="#">眼霜</a></dd> </dl> <dl class="clearfix" data-tpc="4"> <dt><a href="#">唇部护理<i>></i></a></dt> <dd><a href="#"> 眼膜</a><a href="#"> 眼部凝胶</a><a href="#">眼部精华</a><a href="#">眼霜</a></dd> </dl> <dl class="clearfix" data-tpc="4"> <dt><a href="#">乳液/面霜<i>></i></a></dt> <dd><a href="#"> 乳液</a><a href="#"> 面霜</a><a href="#">按摩霜</a><a href="#">面部啫喱</a><a href="#">凝露/凝胶</a></dd> </dl> </div><div class="Brands"> <a href="#" class="logo_Brands"><img src="product/logo/34.jpg" /></a> <a href="#" class="logo_Brands"><img src="product/logo/42.jpg" /></a> <a href="#" class="logo_Brands"><img src="product/logo/152.jpg" /></a> <a href="#" class="logo_Brands"><img src="product/logo/156.jpg" /></a> <a href="#" class="logo_Brands"><img src="product/logo/458.jpg" /></a> <a href="#" class="logo_Brands"><img src="product/logo/339.jpg" /></a> <a href="#" class="logo_Brands"><img src="product/logo/245.jpg" /></a>

评论收藏

内容反馈