网页设计与制作html商城类型网页作业，可以参考，代码简单资源-CSDN文库

共32个文件

png：23个

jpg：4个

psd：2个

html

网页设计与制作

web前端作业

113 浏览量 2025-01-08 21:20:28 上传评论收藏 29.72MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

包包商城.zip （32个子文件）

包包商城

img

3.0-5.png 51KB

1-1.png 119KB

2.jpg 3.89MB

banner.png 461KB

菱形.png 1KB

1.0-2.png 227KB

2.0-4.png 19KB

2.0-2.png 19KB

logo.png 6KB

未标题-1.jpg 1.8MB

1.jpeg 92KB

4-right.png 3KB

1-2.png 294KB

3.0-1.png 28KB

nav.png 2.07MB

bg.jpg 95KB

2.0-3.png 19KB

首页.psd 30.54MB

content-title.png 1KB

左图.png 290KB

2.0-1.png 13KB

4-left.png 443KB

content1-3.png 1KB

3.0-3.png 41KB

右2-2.png 55KB

左箭头.png 1KB

3.jpg 512KB

产品展示.psd 4.56MB

右键头.png 1KB

右2-1.png 39KB

css

mystyle.css 6KB

index.html 6KB

<!doctype html> <html> <head> <meta charset="utf-8"> <title>迈包包——欢迎您的光顾！</title> <link rel="stylesheet" type="text/css" href="css/mystyle.css"/> </head> <body>  <nav> <div class="nav-mian"> <img src="img/logo.png" alt="LOGO" title="迈包包"/> <ul> <li><a class="no-right" href="">首<span></span>页</a></li> <li><a href="">关于我们</a></li> <li><a href="">产品展示</a></li> <li><a href="">新品推荐</a></li> <li><a href="">品牌简介</a></li> <li><a href="">联系我们</a></li> </ul> </div> </nav>   <img class="banner" src="img/banner.png" alt="banner" title="年轻女孩就是任性"/>   <div class="content-one"> <p>1</p> <h2>关于我们</h2> <h3>ABOUAT US</h3> </div> <div class="content1"> <div class="content1-0"> <div class="content1-01"><img src="img/1-1.png" alt="关于我们" title="关于我们"/></div> <div class="content1-02">领先的时尚箱包在线直销网站，诞生于2007年9月，由意大利近百年历史的箱包家族集团VISCONTI DIFFUSIONE SNC提供天使基金设立而成。致力于打造箱包快速时尚新模式，为中国的消费者提供高性价比的多品牌时尚箱包产品。麦包包集团有限公司是经国家工商部门批准注册的经营箱包的中外合资经营企业，麦包包集团有限公司具备箱包的招商代理资格。麦包包集团有限公司总部设在嘉兴。麦包包集团有限公司优质的产品质量,广阔的市场前景,丰厚的代理待遇,强大的代理优势,让您创业投资不再难。麦包包集团有限公司热诚欢迎各位有志之士前来实地参观和考察。</div> <div class="content1-03"><img src="img/content1-3.png" alt=""/></div> <div class="content1-04"><img src="img/1-2.png" alt=""/></div> </div> </div> <div class="clear"></div> <div class="content-two"> <p>2</p> <h2>产品展示</h2> <h3>PRODUCTS SHOW</h3> </div> <div class="content2"> <div class="content2-0"> <div class="content2-01"> <img src="img/1.0-2.png" alt="" title=""/> </div> <div class="content2-02"> <img class="content2-02-1" src="img/2.0-1.png" alt="" title=""/> <img class="content2-02-2" src="img/2.0-2.png" alt="" title=""/> <img class="content2-02-3" src="img/2.0-3.png" alt="" title=""/> <img class="content2-02-4" src="img/2.0-4.png" alt="" title=""/> </div> <ul class="content2-03"> <li class="content2-03-1"><img src="img/3.0-1.png" alt="" title=""/></li> <li class="content2-03li"><p>新款时尚</p>手提包简约单肩包</li> <li class="content2-03-2"><img src="img/3.0-3.png" alt="" title=""/></li> <li class="content2-03li"><p>新款时尚</p>手提包简约小黑包</li> <li class="content2-03-3"><img src="img/3.0-5.png" alt="" title=""/></li> <li class="content2-03li"><p>可爱休闲</p>樱桃简约单肩包</li> </ul> <div class="clear"></div> </div> </div> <div class="content-three"> <p>3</p> <h2>新品推荐</h2> <h3>NEW ARRIVAL</h3> </div> <div class="content3"> <div class="content3-0"> <div class="content3-0-1"></div> <div class="content3-0-2"><img src="img/左图.png" alt=""/></div> <div class="content3-0-3">NEW</div> <h2>YISUN COLLECTION</h2> <hr/> <div class="content3-0-4"> <div class="left"> <img src="img/右2-1.png" alt=""/> <p>轻巧可爱款</p> </div> <div class="right"> <img src="img/右2-2.png" alt=""/> <p>多角度立体款</p> </div> </div> <img class="content3-0-5" src="img/左箭头.png" alt=""/> <img class="content3-0-6" src="img/右键头.png" alt=""/> </div> </div> <div class="content-four"> <p>4</p> <h2>品牌简介</h2> <h3>BRAND PROFILE</h3> </div> <div class="content4"> <div class="content4-left"><img src="img/4-left.png" alt=""></div> <div class="content4-right"> <p class="content4-r-1">迈包包诞生于2007年9月，由意大利近百年历史的箱包家族集团VISCONTI DIFFUSIONE SNC提供天使基金设立而成。</p> <hr/> <p>在新经济浪潮的影响下，中国时尚产业高速发展，但箱包领域始终缺失领军品牌。并联手联想集团、美国DCM的资本共同推动中国时尚箱包行业的发展。</p> <hr/> <p>迈包包总部在浙江嘉兴，迈包包的研发机构已遍及意大利威尼斯、中国的香港、广州、上海和浙江等地。</p> <hr/> </div> </div> </div>   <div class="footer"> <div class="font"> <ul class="font1 clearfix"> <li><a class="no-left" href="">首<span></span>页</a></li> <li><a href="">关于我们</a></li> <li><a href="">产品展示</a></li> <li><a href="">新品推荐</a></li> <li><a href="">品牌简介</a></li> <li><a href="">联系我们</a></li> </ul> <p class="font2">地址：郑州市商都路与黄河南路交叉口西南角财信大厦20楼</p> <p class="font3">Copyright 2008-2016 版权所有：郑州麦包包有限公司豫ICP备09029557号-1号</p> </div>  </body> </html>

评论收藏

内容反馈