web前端期末大作业 (仿中国化妆品商城)html+css+javascript网页设计实例 企业网站制作

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

作品介绍

1.网页作品简介方面 ：HTML期末大学生网页设计作业 ,喜欢的可以下载，文章页支持手机PC响应式布局。

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

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

4.网页作品技术方面：使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。 首页制作了留言表单，同时简单使用JavaScript制作了表单判断(提交时表单不能为空)

文章目录

  • web前端期末大作业 (仿中国化妆品商城)html+css+javascript网页设计实例 企业网站制作
  • 作品介绍
  • 一、作品演示
  • 二、代码目录
  • 三、代码实现
  • 四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)
  • 五、源码获取
  • 六、更多HTML期末大作业(成品下载)
    • >>>戳我>>>点击进入200例期末大作业作品

web前端期末大作业 (仿中国化妆品商城)html+css+javascript网页设计实例 企业网站制作_html

二、代码目录

web前端期末大作业 (仿中国化妆品商城)html+css+javascript网页设计实例 企业网站制作_电商网页设计源码HTML_02

三、代码实现 
<!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 name="baidu-site-verification" content="lp240rdBW8" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>首页</title>
<meta name="keywords" content="化妆品批发,化妆品代销,美妆商城,一件代销,护肤用品,彩妆,化妆工具"/>
<meta name="description" content="化妆品·中国是国内大型美妆彩妆、女性生活用品批发代销网站，海量高中低档产品应有尽有，足不出户即可开始您的电商生活，汇聚了化妆品批发,化妆品代销,美妆商城,一件代销,护肤用品,彩妆,化妆工具批发等供求信息。"/>
<meta http-equiv="mobile-agent" content="format=xhtml; url=http://m.chinahzp.wang/"> 
<meta http-equiv="mobile-agent" content="format=html5; url=http://m.chinahzp.wang/">
<meta name="generator" content="化妆品 B2B - www.chinahzp.wang"/>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>
<link rel="bookmark" type="image/x-icon" href="images/favicon.ico"/>
<link rel="archives" title="化妆品[中国]" href="http://chinahzp.wang/archiver/"/>
<link href="css/base.css" rel="stylesheet" type="text/css">
<link href="css/home_header.css" rel="stylesheet" type="text/css">
<link href="css/font-awesome.min.css" rel="stylesheet" />
<script src="js/jquery.js"></script>
<script src="js/jquery.ui.js"></script><!-- PublicHeadLayout Begin -->
<div class="header-wrap"><header class="public-head-layout wrapper"><h1 class="site-logo"><a href="index.html"><img src="images/logo.png" class="pngFix" title="中国化妆品网" alt="化妆品中国"></a></h1>
<div class="head-app"><span class="pic"></span><div class="download-app"><div class="qrcode"><img src="http://chinahzp.wang/mb_app.png" rel="nofollow"></div><div class="hint"><h4>扫描二维码</h4>下载手机客户端</div><div class="addurl"><a href=" " target="_blank" rel="nofollow"><i class="icon-android"></i>Android</a><a href=" " target="_blank" rel="nofollow"><i class="icon-apple"></i>iPhone</a></div></div></div>
<script type="text/javascript">var searchid = 5;</script>
<div class="head-search-bar search-form ">
<!--商品和店铺-->
<form id="destoon_search" action="sell.htmlsearch.php" class="search-form" onsubmit="return Dsearch();">
<input type="hidden" name="moduleid" value="5" id="destoon_moduleid"/>
<input type="hidden" name="spread" value="0" id="destoon_spread"/>
<div id="search"><ul class="tab"><li class="current" onclick="qymbModule(5, this);">找货源</li><li onclick="qymbModule(16, this);">一件代发专区</li><li onclick="qymbModule(6, this);">看求购</li><li onclick="qymbModule(4, this);">批发商</li><li onclick="qymbModule(21, this);">资讯圈</li><li onclick="qymbModule(22, this);">招代理</li>      </ul> <input name="kw" id="destoon_kw" type="text" class="input-text" value="请输入关键词" onfocus="if(this.value=='请输入关键词') this.value='';" onkeyup="STip(this.value);" autocomplete="off"/><input type="submit" value="搜索" class="input-submit"> </div></form><!--搜索关键字--><div class="keyword">热门搜索： <ul><li><a href="sell.htmlsearch.php?kw=%E4%B8%80%E4%BB%B6%E4%BB%A3%E9%94%80" rel="nofollow">一件代销</a></li><li><a href="sell.htmlsearch.php?kw=%E5%8C%96%E5%A6%86%E5%93%81" rel="nofollow">化妆品</a></li></ul></div></div><div class="head-user-menu"><dl class="my-mall"><dt><span class="ico"></span><a href="member_sell_add.html" rel="nofollow">发布货源</a></dt></dl><dl class="my-cart"><dt><span class="ico"></span><a href="cart.html" rel="nofollow">采购车</a> (<span class="head_t" id="destoon_cart">0</span>)</dt>       </dl></div></header>
</div>
<!-- PublicHeadLayout End -->
<!-- publicNavLayout Begin -->
<nav class="public-nav-layout "><div class="wrapper"><div class="all-category"><div class="title"><i></i><h3><a href="http://chinahzp.wang/sitemap/">全部分类</a></h3></div><div class="category"><ul class="menu">     <li cat_id="470" class="even" ><div class="class"><span class="ico"><img src="images/category-pic-470.png"></span><h4><a href="list.htmllist-1.html">护肤保养</a></h4><span class="recommend-class">                   <a href="list.htmllist-17.html" target="_blank" title="查看更多防晒/美白">防晒/美白</a> <a href="list.htmllist-19.html" target="_blank" title="查看更多面膜/面霜">面膜/面霜</a> <a href="list.htmllist-20.html" target="_blank" title="查看更多卸妆/洁面">卸妆/洁面</a> <a href="list.htmllist-23.html" target="_blank" title="查看更多化妆水/乳液">化妆水/乳液</a> </span><span class="arrow"></span> </div><div class="sub-class" cat_menu_id="470">                            <dl><dd class="goods-class"><a href="list.htmllist-17.html" target="_blank" title="查看更多防晒/美白">防晒/美白</a>  <a href="list.htmllist-19.html" target="_blank" title="查看更多面膜/面霜">面膜/面霜</a>  <a href="list.htmllist-20.html" target="_blank" title="查看更多卸妆/洁面">卸妆/洁面</a>  <a href="list.htmllist-23.html" target="_blank" title="查看更多化妆水/乳液">化妆水/乳液</a>  <a href="list.htmllist-25.html" target="_blank" title="查看更多精华/精油">精华/精油</a>  <a href="list.htmllist-26.html" target="_blank" title="查看更多祛痘/祛斑">祛痘/祛斑</a>  <a href="list.htmllist-181.html" target="_blank" title="查看更多面部按摩">面部按摩</a>  <a href="list.htmllist-30.html" target="_blank" title="查看更多补水/控油">补水/控油</a>  <a href="list.htmllist-31.html" target="_blank" title="查看更多护肤套装">护肤套装</a>  </dd></dl></div></li>   <li cat_id="470" class="even" ><div class="class"><span class="ico"><img src="images/category-pic-470.png"></span><h4><a href="list.htmllist-3.html">彩妆香氛</a></h4><span class="recommend-class">                   <a href="list.htmllist-33.html" target="_blank" title="查看更多粉底液/粉饼">粉底液/粉饼</a> <a href="list.htmllist-36.html" target="_blank" title="查看更多隔离/遮瑕">隔离/遮瑕</a> <a href="list.htmllist-37.html" target="_blank" title="查看更多眉部/睫毛">眉部/睫毛</a> </span><span class="arrow"></span> </div><div class="sub-class" cat_menu_id="470">                            <dl><dd class="goods-class"><a href="list.htmllist-33.html" target="_blank" title="查看更多粉底液/粉饼">粉底液/粉饼</a>  <a href="list.htmllist-36.html" target="_blank" title="查看更多隔离/遮瑕">隔离/遮瑕</a>  <a href="list.htmllist-37.html" target="_blank" title="查看更多眉部/睫毛">眉部/睫毛</a>  <a href="list.htmllist-38.html" target="_blank" title="查看更多彩妆套装">彩妆套装</a>  <a href="list.htmllist-39.html" target="_blank" title="查看更多眼线/眼影">眼线/眼影</a>  <a href="list.htmllist-41.html" target="_blank" title="查看更多唇彩/口红">唇彩/口红</a>  <a href="list.htmllist-42.html" target="_blank" title="查看更多腮红/指甲油">腮红/指甲油</a>  </dd></dl></div></li>  </div> 
</body>
</html>