HTML5期末大作业：化妆品主题——绿色大气的html5响应式化妆品护肤品肌肤网页设计(11页) HTML+CSS+JavaScript 整体风格非常漂亮...

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

1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？
2.没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~
3.原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。包含：首页走进爱萌伊人明星产品肌肤管理蜕变心声精彩瞬间联系我们，总共11个页面。

2.网页作品编辑：此作品为学生期末大作业网页设计题材，代码为简单学生水平 html+css 布局制作，作品下载后可使用任意HTML编辑软件(例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页)。

3.网页作品布局：网页布局整体为响应式布局、LOGO、导航、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。

4.网页作品技术：使用DIV+CSS制作网页, 背景图、音乐、视频、flash、鼠标经过及选中导航变色效果、下划线、等。表单提交、评论留言，并使用JavaScript制作了表单判断(提交时表单不能为空)。

文章目录

HTML5期末大作业：化妆品主题——绿色大气的html5响应式化妆品护肤品肌肤网页设计(11页) HTML+CSS+JavaScript 整体风格非常漂亮期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品
作品介绍
一、作品展示
1.首页
2.品牌故事
3.品牌文化
4.咨询
5. 宣传视频
6. 联系
二、文件目录
三、代码实现
四、web前端(学习资料)
五、源码获取
六、更多源码

1.首页

2.品牌故事

3.品牌文化

4.咨询

5. 宣传视频

6. 联系

二、文件目录

三、代码实现

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=no;"><meta http-equiv="X-UA-Compatible" content="ie=edge"><!--[if lt IE 9]><script src="js/html5shiv.min-3.7.3.js"></script><script src="js/respond.min1.4.2.js"></script><![endif]--><link rel="stylesheet" type="text/css" href="css/swiper.min.css"><link rel="stylesheet" type="text/css" href="css/style.css"><link rel="stylesheet" type="text/css" href="css/mobile.css"><script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><script type="text/javascript" src="js/swiper.min.js"></script><script type="text/javascript" src="js/javascript.js"></script><title>健康管理有限公司 </title><meta name="keywords" content=""><meta name="description" content=""></head><body>

<div class="mainFilter"></div>

<div class="wrapper"><div class="header"><div class="wrap"><div class="logo"><a href="index.html"><img src="picture/logo.png"></a></div><div class="menuBtn"><span class="line1"></span><span class="line2"></span><span class="line3"></span></div><div class="nav"><div class="tit">MENU</div><ul><li class="on"><a href="index.html">首页</a></li><li><a href="gushi.html">走进爱萌伊人</a><div class="sub"><ul><li><a href="gushi.html">品牌故事</a></li><li><a href="wenhua.html">品牌文化</a></li><li><a href="rongyu.html">资质荣誉</a></li><li><a href="news.html">最新资讯</a></li></ul></div></li><li><a href="product.html">明星产品</a><div class="sub"><ul><li><a href="product.html">单品介绍</a></li><li><a href="product.html">套装介绍</a></li></ul></div></li><li><a href="ketang.html">肌肤管理</a><div class="sub"><ul><li><a href="ketang.html">美丽课堂</a></li><li><a href="jieda.html">问题解答</a></li></ul></div></li><li><a href="anli.html">蜕变心声</a><div class="sub"><ul><li><a href="anli.html">肌肤案例</a></li><li><a href="xinsheng.html">蜕变心声</a></li></ul></div></li><li><a href="shipin.html">精彩瞬间</a><div class="sub"><ul><li><a href="shipin.html">宣传视频</a></li></ul></div></li><li><a href="contact.html">联系我们</a><div class="sub"><ul><li><a href="contact.html">联系我们</a></li><li><a href="partner.html">城市合伙人</a></li></ul></div></li></ul></div></div></div>

<div class="main"><div class="banner"><div class="swiper-container"><div class="swiperList"><div class="list"><a href="#"><img src="picture/20180620043723111.jpg"></a></div><div class="list"><a href="#"><img src="picture/20180620044353771.jpg"></a></div><div class="list"><a href="#"><img src="picture/20180620043753962.jpg"></a></div><div class="list"><a href="#"><img src="picture/20180705104632177.jpg"></a></div><div class="list"><a href="#"><img src="picture/20180706045602560.jpg"></a></div></div><div class="swiper-pagination"></div></div><script>var bannerSwiper = new Swiper ('.banner .swiper-container', {wrapperClass : 'swiperList',slideClass : 'list',effect : 'slide',       //滑动效果autoplay: true,         //自动滑动speed:400,            //滑动速度autoplay: {delay: 3000,        //间隔时间disableOnInteraction: false,//用户操作之后是否停止          },watchOverflow: true,      //仅有1个slide，swiper无效loop: false,          //循环滚动simulateTouch : true,     //鼠标模拟触摸allowTouchMove: true,     //触摸滑动grabCursor : true,        //手掌鼠标slidesPerView : 1,        //可视个数resistanceRatio : 0,      //边缘抵抗力

//分页器pagination: {el: '.swiper-pagination',clickable :true,    //点击切换          },

        })</script></div><div class="section section2" style="background-image: url(images/section2.jpg);"><div class="wrap"><div class="columnTitle"><h3 class="tit">新品推荐</h3><div class="txt"><span></span>生肌肤之泽，蕴天地之润<span></span></div></div><div class="newProduct"><div class="swiper-container"><div class="swiperList"><div class="list"><div class="pic"><img src="picture/20180621105326412.png"></div><div class="name">水活草本保湿乳</div><div class="btn"><a href="#">了解详情</a></div></div><div class="list"><div class="pic"><img src="picture/20180611104508807.png"></div><div class="name">水活氨基酸洗面奶</div><div class="btn"><a href="#">了解详情</a></div></div><div class="list"><div class="pic"><img src="picture/20180621105834371.png"></div><div class="name">水活瓷肌嫩肤原液</div><div class="btn"><a href="#">了解详情</a></div></div><div class="list"><div class="pic"><img src="picture/20180621105958515.png"></div><div class="name">水活瓷肌修护精华素</div><div class="btn"><a href="#">了解详情</a></div></div><div class="list"><div class="pic"><img src="picture/20180621110115338.png"></div><div class="name">水活瓷肌精华晚霜</div><div class="btn"><a href="#">了解详情</a></div></div><div class="list"><div class="pic"><img src="picture/20180621110219137.png"></div><div class="name">焕颜修护精华霜</div><div class="btn"><a href="#">了解详情</a></div></div><div class="list"><div class="pic"><img src="picture/20180621110308809.png"></div><div class="name">清纯素颜霜</div><div class="btn"><a href="#">了解详情</a></div></div><div class="list"><div class="pic"><img src="picture/20180621102603822.png"></div><div class="name">水活瓷肌面膜</div><div class="btn"><a href="#">了解详情</a></div></div><div class="list"><div class="pic"><img src="picture/20180621110401943.png"></div><div class="name">草本眼精华液</div><div class="btn"><a href="#">了解详情</a></div></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div></div><script>var bannerSwiper = new Swiper ('.newProduct .swiper-container', {wrapperClass : 'swiperList',slideClass : 'list',effect : 'slide',       //滑动效果autoplay: true,         //自动滑动speed:400,            //滑动速度autoplay: {delay: 3000,        //间隔时间disableOnInteraction: false,//用户操作之后是否停止              },watchOverflow: true,      //仅有1个slide，swiper无效loop: false,          //循环滚动simulateTouch : true,     //鼠标模拟触摸allowTouchMove: true,     //触摸滑动slidesPerView : 3,        //可视个数grabCursor : true,        //手掌鼠标// 前后按钮navigation: {nextEl: '.swiper-button-next',prevEl: '.swiper-button-prev',              },            })</script></div></div></div><div class="section section3" style="background-image: url(images/section3.jpg);"><div class="wrap"><div class="columnTitle white"><h3 class="tit">宣传视频</h3><div class="txt"><span></span>生肌肤之泽，蕴天地之润<span></span></div></div><div class="promotional"><div class="title"><div class="entit">COMPANY PROFILE</div><div class="tit">爱萌伊人简介</div></div><div class="video"><div class="pic"><div class="icon"></div><img src="picture/20180627022629473.jpg"></div><video controls><source src="http://www.aimengyiren.com/uploadfile/2018/0629/20180629101935592.mp4" type="video/mp4"></video></div><div class="instructions"><div class="title"><div class="entit">SKIN CARE SPECIALIST, FIRST CHOICE FOR AMOROUS SEX</div><div class="tit">护肤专家，首选爱萌伊人</div><div class="line"></div></div><div class="text">健康管理有限公司总部位于深圳市中心区华嵘大厦，是一家专门从事面部肌肤健康管理,一站式解决面部各种色斑.痘印.黄气.色沉等相关肌肤问题，在多年肌肤健康管理的经验基础上，研发了系列养肤类产品。公司创始人朱茂长先生十年磨一剑，以扎实的专业知识和丰富的肌肤健康管理经验</div>          </div></div></div></div><div class="section section4"><div class="columnTitle"><h3 class="tit">最新资讯</h3><div class="txt"><span></span>生肌肤之泽，蕴天地之润<span></span></div></div><div class="newsList"><ul><li><img src="picture/20180620035655300.jpg"></li><li><a href="#"><div class="tit">爱萌伊人荣获“本草护肤行业优选品牌”称号</div><div class="date"></div><div class="text">热烈祝贺健康管理有限公司荣获“本草护肤行业优选品牌”称号。 </div><div class="more">REMO+</div></a></li><li><img src="picture/20180622100226281.jpg"></li><li><a href="#"><div class="tit">体验平台建设完成</div><div class="date"></div><div class="text">根据市场需求，公司的体验平台已扩建，欢迎广大女性朋友来公司体验纯植物的本草黄金面膜。</div><div class="more">REMO+</div></a></li>

<li><a href="#"><div class="tit">肌肤健康管理知识讲解与分享</div><div class="date"></div><div class="text">分享了皮肤结构、斑的形成以及解决问题肌肤的办法</div><div class="more">REMO+</div></a></li><li><img src="picture/20180627031205314.jpg"></li>

<li><a href="#"><div class="tit">爱萌伊人肌肤健康管理有限公司2017年年会</div><div class="date"></div><div class="text">冬去春来，辞旧迎新，2018年1月6日晚上六点，“引领2018，携手并进共赢未来”——2017年度爱萌伊人肌肤管理有限公司在大中华国际交易中心举行，我们荣幸的邀请了近100位全国各地的主管会员</div><div class="more">REMO+</div></a></li><li><img src="picture/20180620101726805.jpg"></li>

</ul></div></div></div>

<div class="footer"><div class="linkList"><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><li><a href="#">联系我们</a></li></ul></div><div class="copyright">&nbsp; &nbsp;Copyright<span style="color: rgb(190, 203, 180); font-family: "Microsoft YaHei", ???è??é?…é?‘, arial; font-size: 12px; text-align: center; background-color: rgb(93, 132, 57);">?</span> 2018 健康管理有限公司&nbsp;&nbsp;<a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备xxxxxx号-1</a></div></div>

</div></body></html>

HTML5期末大作业：化妆品主题——绿色大气的html5响应式化妆品护肤品肌肤网页设计(11页) HTML+CSS+JavaScript 整体风格非常漂亮...相关推荐

HTML5期末大作业：历史——唐宋元明清原创源码纯手打附5500字实验报告（HTML+CSS+JavaScript）
html5期末大作业历史向唐宋元明清纯手打原创文章目录 1. 网站介绍 2. 设计思路 2.1 登录页面 2.2 首页 2.3 朝代页面总结 1. 网站介绍网站主题:浅析中国五朝--唐宋 ...
【网页设计】期末大作业：化妆品主题——绿色大气的html5响应式化妆品护肤品肌肤网页设计(11页)
【网页设计】期末大作业：化妆品主题——绿色大气的html5响应式化妆品护肤品肌肤网页设计(11页)...
web前端大作业：旅游网页主题网站设计——武汉旅游网页设计(11页)HTML+CSS+JavaScript
HTML5期末大作业：茶叶主题网页设计——精美自适应绿色茶叶公司网页设计(12页) HTML+CSS+JavaScript
HTML5期末大作业:茶叶主题网页设计--精美自适应绿色茶叶公司网页设计(12页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品 ...
HTML5期末大作业：酒店主题——绿色温泉度假酒店网页设计(8页) HTML+CSS+JavaScript 大三网页设计源码
HTML5期末大作业:酒店主题--绿色温泉度假酒店网页设计(8页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品常见网页设计作业 ...
HTML5期末大作业：美食主题网站设计——美食零食官网响应式网页设计(6页) HTML+CSS+JavaScript
HTML5期末大作业:美食主题网站设计--美食零食官网响应式网页设计(6页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品常见网 ...
HTML5期末大作业：红酒主题——简单的品牌红酒销售网页设计(4页) HTML+CSS+JavaScript 期末大作业HTML代码
HTML5期末大作业:红酒主题--简单的品牌红酒销售网页设计(4页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末大作业下载 web网页设计制作成品常见网页设计 ...
HTML5期末大作业：主题旅游网站设计——蓝色主题旅游网页设计(6页) HTML+CSS+JavaScript 主题出行
HTML5期末大作业:主题旅游网站设计--蓝色主题旅游网页设计(6页) HTML+CSS+JavaScript 主题出行常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. ...