html网页设计期末大作业——紫色化妆品包装设计(2页) HTML+CSS+JS网页设计期末课程大作业
常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
获取更多源码
PC电脑端关注我们
🧡作者主页-更多源码
🧡HTML期末大作业文章专栏
文章目录
html网页设计期末大作业——紫色化妆品包装设计(2页) HTML+CSS+JS网页设计期末课程大作业获取更多源码一、作品展示二、文件目录三、代码实现四、获取更多源码五、学习资料六、更多源码一、作品展示
二、文件目录
三、代码实现
<!doctype html><html><head><meta charset="utf-8"><title>index</title></head><link href="css/style.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="js/js.js"></script> <body><!--head--><div id="head"><div class="inner"><span class="fl">您好，欢迎来到常州艾富瑞晟美包装科技有限公司官网！</span><p class="fr"><a href="#">设为首页</a> | <a href="#">收藏本站</a> </p></div><div class="clear"> </div></div><div class="top inner"><div class="logo"><img src="images/logo.png" /><h2>常州艾富瑞晟美包装科技有限公司</h2></div><div class="tel"><img src="images/tel.jpg" /><i>全国咨询热线</i><b>0519-83819618</b></div></div><div class="clear"> </div></div><!--nav--> <nav><ul><li class="first"><a href="index.html" >艾富瑞首页</a></li><li><a href="about.html">关于我们</a> <ul><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></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 class="clear"> </div></nav><!--banner--><div class="flexslider"><ul class="slides"><li style="background:url(images/banner1.jpg) 50% 0 no-repeat;"></li><li style="background:url(images/banner2.jpg) 50% 0 no-repeat;"></li><li style="background:url(images/banner3.jpg) 50% 0 no-repeat;"></li><li style="background:url(images/banner4.jpg) 50% 0 no-repeat;"></li><li style="background:url(images/banner5.jpg) 50% 0 no-repeat;"></li></ul></div><div class="product"><!--search--><div class="inner sea"><p><b>您是否在搜</b>：旋转笔、按压笔、唇彩笔、遮瑕笔、眼霜笔、睫毛增长液笔</p><div class="ser_r"><form><input class="sousuo" type="button" value="搜索"><input type="text" value="" id="" onblur="if(this.value=='') this.placeholder='请输入您搜索关键词';" onfocus="if(this.placeholder=='请输入您搜索关键词') this.placeholder='';" class="sousuo1" placeholder="请输入您搜索关键词" /></form></div><div class="clear"> </div></div><!--product--><div class="pro inner"><div class="left"><h2><b>产品专区</b><br><i>Product zone</i></h2><ul class="prl"><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><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><li><a href="#">其他</a></li></ul></div><div class="prr"><ul><li><img src="images/hot.png" class="hot"><img src="images/p1.jpg" class="img"/><p><a href="#">牙齿美白笔</a></p></li><li><img src="images/hot.png" class="hot"><img src="images/p2.jpg" class="img"/><p><a href="#">牙齿美白笔</a></p></li><li><img src="images/hot.png" class="hot"><img src="images/p3.jpg" class="img"/><p><a href="#">牙齿美白笔</a></p></li><li><img src="images/hot.png" class="hot"><img src="images/p4.jpg" class="img"/><p><a href="#">牙齿美白笔</a></p></li><li><img src="images/hot.png" class="hot"><img src="images/p5.jpg" class="img"/><p><a href="#">牙齿美白笔</a></p></li><li><img src="images/hot.png" class="hot"><img src="images/p6.jpg" class="img"/><p><a href="#">牙齿美白笔</a></p></li></ul></div></div><div class="clear"> </div></div><!--四大优势--><div class="youshi"><h2>our advantages</h2><h3><strong>·· </strong>艾富瑞晟美包装的4大优势 <strong>··</strong></h3><ul class="ys"><li><h3></h3><h2><a href="#">追求相互尊重，相互支持的工作方式</a></h2><p>我们尊重每一位员工，相信团队合作才是成功的唯一出路。我们激发每一位员工自我设立更高的期望和目标，并在相互支持的工作氛围中帮助员工予以实现。我们如实区分并反映团队成绩和个人工作表现。</p></li><li><h3></h3><h2><a href="#">追求相互尊重，相互支持的工作方式</a></h2><p>我们尊重每一位员工，相信团队合作才是成功的唯一出路。我们激发每一位员工自我设立更高的期望和目标，并在相互支持的工作氛围中帮助员工予以实现。我们如实区分并反映团队成绩和个人工作表现。</p></li><li><h3></h3><h2><a href="#">追求相互尊重，相互支持的工作方式</a></h2><p>我们尊重每一位员工，相信团队合作才是成功的唯一出路。我们激发每一位员工自我设立更高的期望和目标，并在相互支持的工作氛围中帮助员工予以实现。我们如实区分并反映团队成绩和个人工作表现。</p></li><li><h3></h3><h2><a href="#">追求相互尊重，相互支持的工作方式</a></h2><p>我们尊重每一位员工，相信团队合作才是成功的唯一出路。我们激发每一位员工自我设立更高的期望和目标，并在相互支持的工作氛围中帮助员工予以实现。我们如实区分并反映团队成绩和个人工作表现。</p></li></ul><div class="clear"></div></div><!--about--><div class="about"><img src="images/about.jpg" ><h2>ivorie <b>艾富瑞简介</b></h2><p>常州艾富瑞晟美包装科技有限公司是一家专业从事高端化妆品包装制造的生产型企业。至创立之日起，成为细分行业最佳ODM&OEM供应商，专业铸就优质高效，就是我们不懈的追求。我们定位高端，依托研发，立志在市场上走出具有自主知识产权的创新之路。</p><a href="#">了解更多</a></div><div class="clear"> </div><!--guodu--><div class="guodu"></div><div class="clear"> </div><div class="xinwen"><div class="inner"><!--news--><div class="news"><div class="newst"><h2>新闻资讯 <b>news</b> <a href="#"><img src="images/jt2.png" ></a></h2></div><img src="images/news.jpg"><ul class="new"><li><h2><b></b><i>5-17</i></h2><h3><a href="#">ODM与OEM的彻底区别</a></h3><p>OEM和ODM的主要区别就在于前者是由委托方提出产品设计方案——不管整体设计是由谁完成的…</p></li><li><h2><b></b><i>5-17</i></h2><h3><a href="#">国产化妆品品牌应寻求突破</a></h3><p>尚普咨询化工行业分析师认为：面对迅速发展的市场，本土的化妆品品牌应该注意寻求突破…</p></li><li><h2><b></b><i>5-17</i></h2><h3><a href="#">护肤品分装瓶这么清洗才是正解</a></h3><p>不得不说，现在市面上的分装瓶简直做得分门别类，五花八门是样样都能装。从液体化妆水、卸妆水到乳霜状的膏体…</p></li></ul></div><!--资讯--><div class="zxs"><div class="newst"><h2>行业资讯 <b>industry news</b> <a href="#"><img src="images/jt2.png" ></a></h2></div><img src="images/zx.jpg"><ul class="zx"><li><a href="#">解析化妆品OEM加工厂无尘车间</a><span>-5-17</span></li><li><a href="#">可充香水瓶怎么用</a><span>-5-17</span></li><li><a href="#">浅析：化妆品投资市场前沿商机</a><span>-5-17</span></li><li><a href="#">香水瓶包装理念的新变化</a><span>-5-17</span></li><li><a href="#">小瓶来袭 化妆品流行</a><span>-5-17</span></li><li><a href="#">小容量化妆品包装瓶更受欢迎</a><span>-5-17</span></li><li><a href="#">怎样辨别化妆品oem加工厂是否专业</a><span>-5-17</span></li><li><a href="#">中国日化行业的死与生：本土品牌的激荡三十年</a><span>-5-17</span></li><li><a href="#">专为香水行业开发！能保留气味的装置</a><span>-5-17</span></li></ul></div></div></div><div class="clear"></div><!--foot--><div id="tabs" class="inner"><ul><li class="on"><a href="javascript:;">主营业务</a></li> <span> | </span><li><a href="javascript:;">友情链接</a></li></ul><div class="clear"> </div></div><div id="tab" class="inner"><ul class="cur"> 目前公司专业生产旋转笔、按压笔、底部充装便携式香水瓶、牙齿美白笔、唇彩笔、遮瑕笔、眼霜笔、睫毛增长液笔、眼线液管、口红管等各类管状化妆品包材以及与此配套的各款笔头。</ul><ul class=hide>友情链接：<a href="#">东网科技</a> <a href="#">常州网络公司</a></ul></div><script type="text/javascript">window.onload=function(){var li=document.getElementById("tabs").getElementsByTagName("li");var ul=document.getElementById("tab").getElementsByTagName("ul");for( var i=0; i<li.length;i++){li[i].about=i;li[i].onclick=function(){for( var j=0; j<li.length;j++){li[j].className="";ul[j].className="hide"; }this.className="on"; ul[this.about].className = "";}} }</script></div><div class="ftb"><div class="inner"><div class="ewm"><p><img src="images/ewm.jpg" />1688店铺 </p><p><img src="images/ewm1.jpg" />手机扫一扫 </p></div><ul class="foot"><li><a href="#">关于我们</a></li><span>|</span><li><a href="#">产品展示 </a></li><span>|</span><li><a href="#">新闻中心 </a></li><span>|</span><li><a href="#">在线留言 </a></li><span>|</span><li><a href="#">联系我们</a></li><br><p>Copyright © 常州艾富瑞晟美包装科技有限公司 苏ICP备09059678号 版权声明<br> 电话：86 0519 83819618传真：86 0519 83829618<br> 地址：中国 江苏 常州市经济开发区横山桥新安戚月658号 <br>技术支持:<a href="#">江苏东网科技</a> <a href="#">[后台管理]</a></p></ul><div class="clear"> </div></div></div></body></html>
四、获取更多源码
PC电脑端关注我们
五、学习资料
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
六、更多源码
PC电脑端关注我们
HTML5期末考核大作业源码* 包含个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
