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

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

作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。包含：主页、关于我们、登录、注册，总共4个页面。

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

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

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

文章目录

HTML5期末大作业：电子产品网站设计——电子配件(20页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品大学生毕设网页设计源码HTML 学生dreamweaver网页设计作业成品
作品介绍
一、作品展示
二、文件目录
三、代码实现
四、web前端(学习资料)
五、源码获取
六、更多源码

一、作品展示

HTML5期末大作业：电子产品网站设计——电子配件(20页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品大学生毕设网页设计源码HTML 学生dreamweaver网页设计作业成品

二、文件目录

三、代码实现

<html><!DOCTYPE html><head id="Head"><script type="text/javascript">var allpane = 'headerAreaA|mainArea|sidebarAreaA|footerAreaA|bottomAreaA|fixedBottomArea|fixed-left|fixed-right|popup-area';</script><script type="text/javascript">var skinpath = '/Portals/_default/Skins/leatherProduct/Html/'; </script><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta name="author" content="order by Baidu.com" /><title>产品中心  /  小米保护套_响应式手机电子配件类网站(自适应设备)</title><meta name="keywords" content="" />atherProduct_Html_css_style_black_css" rel="stylesheet" type="text/css" href="style/style-black.css" rel="external nofollow"   /><header class="top header-v1 desktops-section default-top"><!-- top-bar --><!-- top-bar --><!-- S top-main -->  <div class="top-main">    <div class="page-width clearfix">      <div class="logo" skinobjectzone="HtmlLogo_399"><a href="index.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  ><img src="images/3c17c8bb-11c6-476f-8114-c51ca35f2f8c_0_70.png"  alt="响应式手机电子配件类网站(自适应设备)" /></a></div>      <!-- end of logo -->      <div class="top-main-content clearfix"><!-- S nav -->        <nav class="nav">          <div class="main-nav clearfix" skinobjectzone="menu_468">            <ul class="sf-menu">              <li ><a class="first-level" href="index.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong >首页</strong></a><i></i></li>              <li class=""><a class="first-level" href="index-1.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong >关于我们</strong></a><i></i>                <ul class="">                  
                  <li class=""><a class="" href="index-1.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong>企业简介</strong></a></li>                  
                  <li class=""><a class="" href="index-2.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong>企业荣誉</strong></a></li>                  
                  <li class=""><a class="" href="index-3.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong>生产环境</strong></a></li>                  
                  <li class=""><a class="" href="index-4.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong>合作客户</strong></a></li>                  
                </ul>              </li><li class="current"><a class="first-level" href="index-5.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong >产品中心</strong></a><i></i>                <ul class="">                  
                  <li class=""><a class="" href="index-5.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong>苹果保护套</strong></a></li>                  
                  <li class=""><a class="" href="index-6.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong>小米保护套</strong></a></li>                  
                  <li class=""><a class="" href="index-7.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong>三星保护套</strong></a></li>                  
                </ul>              </li><li class=""><a class="first-level" href="index-8.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong >OEM 代工</strong></a><i></i>                <ul class="">                  
                  <li class=""><a class="" href="index-8.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong>代工优势</strong></a></li>                  
                  <li class=""><a class="" href="index-9.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong>代工流程</strong></a></li>                  
                </ul>              </li><li class=""><a class="first-level" href="index-10.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong >新闻中心</strong></a><i></i>                <ul class="">                  
                  <li class=""><a class="" href="index-10.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong>公司新闻</strong></a></li>                  
                  <li class=""><a class="" href="index-11.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong>行业动态</strong></a></li>                  
                  <li class=""><a class="" href="index-12.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong>常见问题</strong></a></li>                  
                </ul>              </li><li class=""><a class="first-level" href="index-13.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong >人力资源</strong></a><i></i>                <ul class="">                  
                  <li class=""><a class="" href="index-13.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong>人才理念</strong></a></li>                  
                  <li class=""><a class="" href="index-14.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target=""><strong>人才招聘</strong></a></li>                  
                </ul>              </li><li class=""><a class="first-level" href="index-15.htm" rel="external nofollow"  rel="external nofollow"   target=""><strong >联系我们</strong></a><i></i>                <ul class="">                  
                </ul>              </li>            </ul>          </div>        </nav>        <!-- E nav--></div>      <!-- S language -->      <div class="language" skinobjectzone="HtmlLanguage_1279"> </div>      <!-- E language --></div>  </div>  <!-- E top-main -->  <div class="clear"></div></header><!-- S touch-top-wrapper --><div class="touch-top mobile-section clearfix">  <div class="touch-top-wrapper clearfix">    <div class="touch-logo" skinobjectzone="HtmlLogo_2657"><a class="" href="index.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  ><img src="images/3c17c8bb-11c6-476f-8114-c51ca35f2f8c_0_70.png"  alt="响应式手机电子配件类网站(自适应设备)" /></a></div>    <!-- S touch-navigation -->    <div class="touch-navigation">      <div class="touch-toggle">        <ul>          <li class="touch-toggle-item-last"><a href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  class="drawer-menu" data-drawer="drawer-section-menu"><i class="touch-icon-menu"></i><span>导航</span></a></li>        </ul>      </div>    </div>    <!-- E touch-navigation --></div>  <!-- S touch-top -->  <div class="touch-toggle-content touch-top-home">    <div class="drawer-section drawer-section-language"> </div>    <div class="drawer-section drawer-section-menu">      <div class="touch-menu" skinobjectzone="menu_3148">        <ul>          <li><a href="index.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  ><span>首页</span></a></li>          <li><a href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><span>关于我们</span><i class="touch-arrow-down"></i></a>            <ul>              
              <li><a href="index-1.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  ><span>企业简介</span></a></li>              
              <li><a href="index-2.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  ><span>企业荣誉</span></a></li>              
              <li><a href="index-3.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  ><span>生产环境</span></a></li>              
              <li><a href="index-4.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  ><span>合作客户</span></a></li>              
            </ul>          </li><li><a href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><span>产品中心</span><i class="touch-arrow-down"></i></a>            <ul>              
              <li><a href="index-5.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  ><span>苹果保护套</span></a></li>              
              <li><a href="index-6.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  ><span>小米保护套</span></a></li>              
              <li><a href="index-7.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  ><span>三星保护套</span></a></li>              
            </ul>          </li><li><a href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><span>OEM 代工</span><i class="touch-arrow-down"></i></a>            <ul>              
              <li><a href="index-8.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  ><span>代工优势</span></a></li>              
              <li><a href="index-9.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  ><span>代工流程</span></a></li>              
            </ul>          </li><li><a href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><span>新闻中心</span><i class="touch-arrow-down"></i></a>            <ul>              
              <li><a href="index-10.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  ><span>公司新闻</span></a></li>              
              <li><a href="index-11.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  ><span>行业动态</span></a></li>              
              <li><a href="index-12.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  ><span>常见问题</span></a></li>              
            </ul>          </li><li><a href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><span>人力资源</span><i class="touch-arrow-down"></i></a>            <ul>              
              <li><a href="index-13.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  ><span>人才理念</span></a></li>              
              <li><a href="index-14.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  ><span>人才招聘</span></a></li>              
            </ul>          </li>          <li><a href="index-15.htm" rel="external nofollow"  rel="external nofollow"  ><span>联系我们</span></a></li>        </ul>      </div>    </div>  <!-- E touch-top --></div><!-- E touch-top-wrapper --><!-- ==================== E top ==================== -->    <div class="crumbs-menu">      <div class="page-width clearfix">        <div class="share float-right"><a class="share-btn" href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >分享</a>          <div class="bdsharebuttonbox"><a title="分享到微信" href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  class="bds_weixin" data-cmd="weixin"></a><a title="分享到新浪微博" href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  class="bds_tsina" data-cmd="tsina"></a><a title="分享到腾讯微博" href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  class="bds_tqq" data-cmd="tqq"></a><a title="分享到QQ空间" href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  class="bds_qzone" data-cmd="qzone"></a><a title="分享到人人网" href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  class="bds_renren" data-cmd="renren"></a><!--<a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  class="bds_more" data-cmd="more"></a>--><a title="更多" target="_blank;" data-cmd="more" class="popup_more" onclick="return false;" href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ></a></div>          <script>     $(document).ready(function(){      $('.crumbs-menu').find('.share').hover(function(){       $(this).find('.bdsharebuttonbox').stop().slideDown('fast');      },function(){       $(this).find('.bdsharebuttonbox').stop().slideUp('fast');      });     }); 
         
     window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script></div>        <!-- S breadcrumbs -->        <div class="breadcrumbs" skinobjectzone="HtmlBreadCrumb_3932"><span>当前位置：</span><a href="index.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  >主页</a> > <a href="index-5.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  >产品中心</a> > <a href="index-6.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  >小米保护套</a> > </div>        <!-- E breadcrumbs --></div>    </div>    <div class="clear"></div>    <!-- ==================== S header ==================== -->    <div id="a1portalSkin_headerAreaA" class="header header-position"><!-- Start_Module_131155 --><a name="32745" id="32745"></a>      <div class="module-default">        <div class="module-inner">          <div id="a1portalSkin_ctr131155131155_mainArea" class="module-content"><!-- Start_Module_131155 --><!-- S slideshow -->            <div class="slideshow slideshow-min carousel clearfix" style="height:350px; overflow:hidden;">              <div id="carousel-131155">                <div class="carousel-item">                  <div class="carousel-img"><a href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  target=""><img src="images/811f6d59-c2fd-497c-846c-5325eccf659c_0_350.jpg"  height="350" alt="广告轮换1" /></a></div>                </div>              </div>              <div class="carousel-btn carousel-btn-fixed" id="carousel-page-131155"></div>            </div>            <script type="text/javascript"> $(window).bind("load resize",function(){  $("#carousel-131155").carouFredSel({
   width       : '100%',
   items  : { visible : 1 },
   auto     : { pauseOnHover: true, timeoutDuration:5000 },
   swipe     : { onTouch:true, onMouse:true },
   pagination  : "#carousel-page-131155",
   scroll   : { fx : "crossfade" }  }); 
 });</script><!-- E slideshow --><!-- End_Module_131155 --></div>        </div>      </div>    </div>    <!-- ==================== E Header ==================== --><!-- ==================== S main ==================== -->    <section class="main">      <div class="page-width clearfix"><!-- S content -->        <section class="content float-right">          <div id="a1portalSkin_mainArea" class="content-wrapper"><!-- Start_Module_131154 --><a name="32730" id="32730"></a>            <div class="module-default">              <div class="module-inner">                <div id="a1portalSkin_ctr131154131154_mainArea" class="module-content"><!-- Start_Module_131154 --><!-- S portfolio-list -->                  <div class="portfolio-list product-list">                    <ul class="column clearfix">                      
                      
                      <li class='col-4-1 fadeInUp animated' data-animate='fadeInUp'>                        <div class="product-item">                          <div class="portfolio-img"><a href="32.html" rel="external nofollow"  rel="external nofollow"   target="_blank"><img src="images/1-160HZ929430-L.png"  alt="" /></a></div>                          <div class="portfolio-title">                            <h2><a href="32.html" rel="external nofollow"  rel="external nofollow"   target="_blank">小米4C 钱包款定制手机保</a></h2>                          </div>                        </div>                      </li>                      
                      <li class='col-4-1 fadeInUp animated' data-animate='fadeInUp'>                        <div class="product-item">                          <div class="portfolio-img"><a href="31.html" rel="external nofollow"  rel="external nofollow"   target="_blank"><img src="images/1-160HZ92U30-L.png"  alt="" /></a></div>                          <div class="portfolio-title">                            <h2><a href="31.html" rel="external nofollow"  rel="external nofollow"   target="_blank">小米4C 电压开窗手机保护</a></h2>                          </div>                        </div>                      </li>                      
                      <li class='col-4-1 fadeInUp animated' data-animate='fadeInUp'>                        <div class="product-item">                          <div class="portfolio-img"><a href="30.html" rel="external nofollow"  rel="external nofollow"   target="_blank"><img src="images/1-160HZ92Q30-L.png"  alt="" /></a></div>                          <div class="portfolio-title">                            <h2><a href="30.html" rel="external nofollow"  rel="external nofollow"   target="_blank">小米4C 车线时尚手机皮套</a></h2>                          </div>                        </div>                      </li>                      <li class='col-4-1 last fadeInUp animated' data-animate='fadeInUp' >                        <div class="product-item">                          <div class="portfolio-img"><a href="29.html" rel="external nofollow"  rel="external nofollow"   target="_blank"><img src="images/1-160HZ92K00-L.png"  alt="" /></a></div>                          <div class="portfolio-title">                            <h2><a href="29.html" rel="external nofollow"  rel="external nofollow"   target="_blank">小米4C 大视窗电压手包款</a></h2>                          </div>                        </div>                      </li>                      
                      <li class='col-4-1 fadeInUp animated' data-animate='fadeInUp'>                        <div class="product-item">                          <div class="portfolio-img"><a href="28.html" rel="external nofollow"  rel="external nofollow"   target="_blank"><img src="images/1-160HZ92F30-L.png"  alt="" /></a></div>                          <div class="portfolio-title">                            <h2><a href="28.html" rel="external nofollow"  rel="external nofollow"   target="_blank">小米4c手机套保护套翻盖式</a></h2>                          </div>                        </div>                      </li>                    </ul>                  </div>                  <!-- E portfolio-list --><!-- S pagination -->                  <div class="m-page">                    <ul class="pagelist">                      <li><span class="pageinfo">共 <strong>1</strong>页<strong>5</strong>条记录</span></li>                    </ul>                  </div>                  <!-- /pages --> 
                  <!-- E pagination --><!-- End_Module_131154 --></div>              </div>            </div>          </div>        </section>        <!-- S content --><!-- S sidebar -->        <section class="sidebar float-left">          <div id="a1portalSkin_sidebarAreaA" class="sidebar-content"><!-- Start_Module_131153 --><a name="32729" id="32729"></a>            <div class="module module-hlbg">              <div class="module-inner">                <div class="module-hlbg-title clearfix">                  <h3 class="" style="">产品中心</h3>                </div>                <div id="a1portalSkin_ctr131153131153_mainArea" class="module-hlbg-content"><!-- Start_Module_131153 --><!-- S product-category -->                  <div class="category category-131153 product-category">                    <ul>                      
                      <li class=""><a href="index-5.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  >苹果保护套</a></li>                      <li class='current'><a href="index-6.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   >小米保护套</a></li>                      <li class=""><a href="index-7.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  >三星保护套</a></li>                      
                    </ul>                  </div>                  <script type="text/javascript"> $(document).ready(function(){  $('.category-131153 ul').find('li:last').addClass('last');  
  $('.category-131153 > ul > li > a, .category-131153 > ul > li > i').click(function(){   if( $(this).parent('li').find('ul') ){    $(this).parent('li').find('ul').slideDown('fast');    $(this).parent('li').siblings('li').find('ul').slideUp('fast');    $(this).parent('li').addClass('current').siblings('li').removeClass('current');   }  }); 
  
 });</script><!-- E product-category --><!-- End_Module_131153 --></div>              </div>            </div>          </div>        </section>        <!-- E sidebar --></div>    </section>    <!-- ==================== E main ==================== --><!-- ==================== S footer ==================== --><footer class="footer">  <div class="footer-main">    <div id="a1portalSkin_footerAreaA" class="page-width clearfix"><!-- Start_Module_131139 --><a name="32737" id="32737"></a>      <div class="module-default">        <div class="module-inner">          <div id="a1portalSkin_ctr131139131139_mainArea" class="module-content"><!-- Start_Module_131139 -->            <div class="qhd-module">              <div class="column marg-per2">                <div class="col-4-1">                  <div id="a1portalSkin_ctr131139131139_Column4C25A25A25A25_QHDCPM131139M1" class="qhd_column_contain"><!-- Start_Module_131140 --><a name="32738" id="32738"></a>                    <div class="module-default">                      <div class="module-inner">                        <div class="module-title module-title-default clearfix">                          <div class="module-title-content clearfix">                            <h3 style="" class="">关于</h3>                          </div>                        </div>                        <div id="a1portalSkin_ctr131139131139_Column4C25A25A25A25_ctr131140131140_mainArea" class="module-content"><!-- Start_Module_131140 --><!-- S link-line -->                          <div class="link link-block">                            <ul>                              
                              <li><a href="index-1.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target="_blank"><span>企业简介</span></a></li>                              
                              <li><a href="index-2.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target="_blank"><span>企业荣誉</span></a></li>                              
                              <li><a href="index-3.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target="_blank"><span>生产环境</span></a></li>                              
                              <li><a href="index-4.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target="_blank"><span>合作客户</span></a></li>                              
                            </ul>                          </div>                          <!-- E link-line --><!-- End_Module_131140 --></div>                      </div>                    </div>                  </div>                </div>                <div class="col-4-1">                  <div id="a1portalSkin_ctr131139131139_Column4C25A25A25A25_QHDCPM131139M2" class="qhd_column_contain"><!-- Start_Module_131141 --><a name="32739" id="32739"></a>                    <div class="module-default">                      <div class="module-inner">                        <div class="module-title module-title-default clearfix">                          <div class="module-title-content clearfix">                            <h3 style="" class="">代工</h3>                          </div>                        </div>                        <div id="a1portalSkin_ctr131139131139_Column4C25A25A25A25_ctr131141131141_mainArea" class="module-content"><!-- Start_Module_131141 --><!-- S link-line -->                          <div class="link link-block">                            <ul>                              
                              <li><a href="index-8.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target="_blank"><span>代工优势</span></a></li>                              
                              <li><a href="index-9.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target="_blank"><span>代工流程</span></a></li>                              
                            </ul>                          </div>                          <!-- E link-line --><!-- End_Module_131141 --></div>                      </div>                    </div>                  </div>                </div>                <div class="col-4-1">                  <div id="a1portalSkin_ctr131139131139_Column4C25A25A25A25_QHDCPM131139M3" class="qhd_column_contain"><!-- Start_Module_131142 --><a name="32740" id="32740"></a>                    <div class="module-default">                      <div class="module-inner">                        <div class="module-title module-title-default clearfix">                          <div class="module-title-content clearfix">                            <h3 style="" class="">新闻</h3>                          </div>                        </div>                        <div id="a1portalSkin_ctr131139131139_Column4C25A25A25A25_ctr131142131142_mainArea" class="module-content"><!-- Start_Module_131142 --><!-- S link-line -->                          <div class="link link-block">                            <ul>                              
                              <li><a href="index-10.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target="_blank"><span>公司新闻</span></a></li>                              
                              <li><a href="index-11.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target="_blank"><span>行业动态</span></a></li>                              
                              <li><a href="index-12.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target="_blank"><span>常见问题</span></a></li>                              
                            </ul>                          </div>                          <!-- E link-line --><!-- End_Module_131142 --></div>                      </div>                    </div>                  </div>                </div>                <div class="col-4-1 last">                  <div id="a1portalSkin_ctr131139131139_Column4C25A25A25A25_QHDCPM131139M4" class="qhd_column_contain"><!-- Start_Module_131143 --><a name="32741" id="32741"></a>                    <div class="module-default">                      <div class="module-inner">                        <div class="module-title module-title-default clearfix">                          <div class="module-title-content clearfix">                            <h3 style="" class="">联系</h3>                          </div>                        </div>                        <div id="a1portalSkin_ctr131139131139_Column4C25A25A25A25_ctr131143131143_mainArea" class="module-content"><!-- Start_Module_131143 -->                          <div class="qhd-content">                            <p> 电话：+86-765-4321<br />
                              传真：+86-123-4567<br />
                              邮箱：admin@Baidu.com<br />
                              QQ：1234567890<br />
                              地址：天朝天堂路99号</p>                          </div>                          <!-- End_Module_131143 --></div>                      </div>                    </div>                  </div>                </div>              </div>            </div>            <!-- End_Module_131139 --></div>        </div>      </div>    </div>  </div></footer><!-- ==================== E footer ==================== --><!-- ==================== S bottom ==================== --><section class="bottom">  <div id="a1portalSkin_bottomAreaA" class="page-width clearfix"><!-- Start_Module_131144 --><a name="32742" id="32742"></a>    <div class="module-default">      <div class="module-inner">        <div id="a1portalSkin_ctr131144131144_mainArea" class="module-content"><!-- Start_Module_131144 -->          <div class="qhd-module">            <div class="column">              <div class="col-5-3">                <div id="a1portalSkin_ctr131144131144_Column2C60A40_QHDCPM131144M1" class="qhd_column_contain"><!-- Start_Module_131145 --><a name="32743" id="32743"></a>                  <div class="module-default module-no-margin">                    <div class="module-inner">                      <div id="a1portalSkin_ctr131144131144_Column2C60A40_ctr131145131145_mainArea" class="module-content"><!-- Start_Module_131145 -->                        <div class="qhd-content">                          <p> Copyright © 2014-2016 Baidu. 我的网站 版权所有  &nbsp;ICP备********号</p>                        </div>                        <!-- End_Module_131145 --></div>                    </div>                  </div>                </div>              </div>              <div class="col-5-2 last">                <div id="a1portalSkin_ctr131144131144_Column2C60A40_QHDCPM131144M2" class="qhd_column_contain"><!-- Start_Module_131146 --><a name="32744" id="32744"></a>                  <div class="module-default module-no-margin">                    <div class="module-inner">                      <div id="a1portalSkin_ctr131144131144_Column2C60A40_ctr131146131146_mainArea" class="module-content"><!-- Start_Module_131146 -->                        <div class="qhd-content">                          <p style="text-align: right;"> <a href="index-14.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  >人才招聘</a>&nbsp; | &nbsp; <a href="javascript:if(confirm('http://www.weibo.com/  \n\n�ļ���δ�� Teleport Pro ȡ�أ���Ϊ �������·��������ʼ��ַ�����õķ�Χ��  \n\n��Ҫ�ӷ������ϴ�����'))window.='http://www.weibo.com/'" rel="external nofollow"   target="_blank">微博</a></p>                        </div>                        <!-- End_Module_131146 --></div>                    </div>                  </div>                </div>              </div>            </div>          </div>          <!-- End_Module_131144 --></div>      </div>    </div>  </div></section><!-- ==================== E bottom ==================== --></div>  <!-- end of wrapper --><!-- S fixed-bottom  -->  <div id="a1portalSkin_fixedBottomArea" class="QHDEmptyArea fixed-bottom"></div>  <!-- E fixed-bottom  --><!-- S fixed-side -->  <div id="a1portalSkin_fixed-left" class="QHDEmptyArea fixed-side fixed-left"></div>  <!-- E fixed-side --><!-- S fixed-side --> 
  <div id="a1portalSkin_fixed-right" class="fixed-side fixed-right"><!-- Start_Module_131147 --><a name="32750" id="32750"></a>  <div class="module-default">    <div class="module-inner">      <div id="a1portalSkin_ctr131147131147_mainArea" class="module-content"><!-- Start_Module_131147 -->        <div class="link-fixed-side">          <ul>            <li class="first"><a href="javascript:if(confirm('http://wpa.qq.com/msgrd?v=3&uin=1234567890&site=qq&menu=yes  \n\n�ļ���δ�� Teleport Pro ȡ�أ���Ϊ �������·��������ʼ��ַ�����õķ�Χ��  \n\n��Ҫ�ӷ������ϴ�����'))window.='http://wpa.qq.com/msgrd?v=3&uin=1234567890&site=qq&menu=yes'" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   class="link-name" target="_blank"><i style="background-image:url(images/2ea1e18f-334b-4a63-ba8e-91a27bbfbff2_32_32_uniformfill.png);" alt="价格咨询"></i><span>价格咨询</span></a></li>            <li class=""><a href="javascript:if(confirm('http://wpa.qq.com/msgrd?v=3&uin=1234567890&site=qq&menu=yes  \n\n�ļ���δ�� Teleport Pro ȡ�أ���Ϊ �������·��������ʼ��ַ�����õķ�Χ��  \n\n��Ҫ�ӷ������ϴ�����'))window.='http://wpa.qq.com/msgrd?v=3&uin=1234567890&site=qq&menu=yes'" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   class="link-name" target="_blank"><i style="background-image:url(images/ee8a85fa-fb3a-4619-af2b-a567769a29a9_32_32_uniformfill.png);" alt="皮具定制"></i><span>皮具定制</span></a></li>            <li class=""><a href="javascript:if(confirm('http://wpa.qq.com/msgrd?v=3&uin=1234567890&site=qq&menu=yes  \n\n�ļ���δ�� Teleport Pro ȡ�أ���Ϊ �������·��������ʼ��ַ�����õķ�Χ��  \n\n��Ҫ�ӷ������ϴ�����'))window.='http://wpa.qq.com/msgrd?v=3&uin=1234567890&site=qq&menu=yes'" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   class="link-name" target="_blank"><i style="background-image:url(images/ed6b8575-39eb-44d2-b260-8090adb831ce_32_32_uniformfill.png);" alt="OEM 代工"></i><span>OEM 代工</span></a></li>            <li class=""><a href="javascript:if(confirm('http://wpa.qq.com/msgrd?v=3&uin=1234567890&site=qq&menu=yes  \n\n�ļ���δ�� Teleport Pro ȡ�أ���Ϊ �������·��������ʼ��ַ�����õķ�Χ��  \n\n��Ҫ�ӷ������ϴ�����'))window.='http://wpa.qq.com/msgrd?v=3&uin=1234567890&site=qq&menu=yes'" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   class="link-name" target="_blank"><i style="background-image:url(images/40a54ffa-dd1b-425a-b824-ff4b4b8ce2a0_32_32_uniformfill.png);" alt="售后服务"></i><span>售后服务</span></a></li>          </ul>        </div>        <!-- End_Module_131147 --></div>    </div>  </div></div> 
  <!-- E fixed-side --><!-- S popup -->  <div id="popup" class="popup">    <div class="popup-content not-animated" data-animate="fadeInDown">      <div id="a1portalSkin_popup-area" class="QHDEmptyArea popup-content-wrapper"></div>      <div class="popup-close-btn"><a href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  title="关闭"><span>关闭</span></a></div>    </div>    <div class="popup-overlay"></div>  </div>  <!-- E popup --><!-- E go top -->  <div class="gotop-wrapper"><a href="javascript:;" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  class="fixed-gotop gotop"></a></div>  <!-- E go top -->  <input name="ScrollTop" type="hidden" id="ScrollTop" />  <input name="__a1portalVariable" type="hidden" id="__a1portalVariable" />  <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" /></form><!-- 外部脚本 --> <!--我的网站（Baidu.com）做最好的织梦整站模板下载网站--></body><script src="js/error.html"  type="text/javascript"></script></html>123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521

四、web前端(学习资料)

web前端零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
HTML5期末大作业：电子产品网站设计——电子配件(20页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品大学生毕设网页设计源码HTML 学生dreamweaver网页设计作业成品

五、源码获取

❉1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧，你的 「点赞，好评，收藏」是我创作的动力。

❉ 2.关注我 ~ 每天带你学习 :各种前端插件、七夕表白网页制作、3D炫酷效果、图片展示、文字效果、以及整站模板、大学生毕业HTML模板、web期末大作业模板、等! 「前后开发者，一起探讨前端，JAVA ，Node 知识，互相学习」！

❉3.以上内容技术相关问题可以相互学习，可在 V幸公Z号 >>> 云炬网络 👇🏻👇🏻👇🏻获取更多源码 👇🏻👇🏻👇🏻 !

资源下载此资源仅限注册用户下载，请先

客服微信：2743319061

收藏 (0) 打赏

感谢您的支持，我会继续努力的!

打开微信/支付宝扫一扫，即可进行扫码打赏哦，分享从这里开始，精彩与您同在

声明：本站所有文章资源，如无特殊说明或标注，均为本站网友和创作者贡献分享。如若本站内容侵犯了原著者的合法权益，可联系网站客服QQ2743319061删除。

云炬星球网页源码 HTML5期末大作业：电子产品网站设计——电子配件(20页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品大学生毕设网页设计源码HTML 学生dreamweaver网页设计作业成品 https://src.yunjunet.cn/584162.html

00 html 代码作业成品毕设源码电子网站网页设计配件

上一篇： HTML5期末大作业：电子产品主题网站设计——电子产品展示科技产品(10页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品大学生毕设网页设计源码HTML 学生dreamweaver网页设计作业成品

下一篇： HTML5期末大作业：动漫电网站设计——动漫电影《你的名字》(7页) HTML+CSS大作业: 动漫电网页制作作业_动漫电网页设计…

常见问题

付款后不发我文件怎么办？

放心亲，我们不会为了几十块钱的东西坏了名声！

查看详情

付款后无法下载怎么办？

付款后会出现“立即下载”按钮（点击即可下载），如果下载失败也可以联系客服发订单截图补发。

查看详情

登录购买和非登录购买有什么区别？如何快速注册登录？

登录购买会多端同步购买记录，永久可以查看反复下载；非登录购买仅将购买记录保存到本地浏览器中，浏览器cookie清除后无法再次下载。先右上角点登录，然后点击微信图标可以快速授权注册登录^_^

查看详情

可以免费试看部分内容吗？

可以试看。点击”查看演示“或“试看预览”按钮可以试读从资料目录中节选的部分内容，也可以自己指定想试看的内容。

查看详情

为什么有的资源无法购买？

原因一：本站所有资源已开启有效性检测（服务器24h全自动监测），当监测到下载链接无法访问时会提示“该资源已失效，请勿购买”，遇到这种情况可以联系客服修复失效的下载链接，或直接联系客服在淘宝下单购买即可。(检测原理：购买前服务器程序会预访问下载链接，响应值为200说明资源有效允许购买，响应值为404或502等报错说明资源失效禁止购买)。原因二：上传者未启用“下载”选项。

查看详情

购买源码后如何调试？

请联系技术客服（http://jishu.yunjunet.cn）发订单截图远程调试。

查看详情

官方客服团队

为您解决烦忧 - 24小时在线专业服务

联系官方团队在线提交工单

作品介绍

文章目录

一、作品展示

二、文件目录

三、代码实现

四、web前端(学习资料)

五、源码获取

会员QQ群

QQ交流群