⛵ 源码获取 文末联系 ✈
Web前端开发技术
描述 网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 在线商城购物 | 水果商城 | 商城系统建设 | 多平台移动商城 | H5微商城购物商城项目| HTML期末大学生网页设计作业，Web大学生网页
-
HTML：结构
-
CSS：样式
在操作方面上运用了html5和css3，
采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识 -
JavaScript：做与用户的交互行为
文章目录
- 前端学习路线
- 网页基本结构
- 网页演示
- HTML结构代码
- 学的反而越迷茫
- 学习更多
前端学习路线
（1）html文件：其中index.html是首页、其他html为二级页面；
（2）css文件：css全部页面样式,文字滚动, 图片放大等；
（3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）
网页基本结构
(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个
(2)二级页面：从首页点击进入之后的页面叫做二级页面
(3)三级页面：从二级页面点击进入的页面
网页html：网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，网站就是由网页组成的
首页网站：首页是一个网站的入口网页，故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名
导航菜单：是指位于页面顶部或者侧边区域的，也称之为导航栏，它起着链接站点或者软件内的各个页面的作用.
网页页脚：是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。
网页演示
HTML结构代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>京东(JD.COM)-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
<meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/index.css" />
<script src="js/jquery.min.js"></script>
<script src="js/base.js"></script>
<script src="js/index.js"></script>
<style>
#dlym{
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
position: fixed;
top: 0;
display: none;
}
#dlym .over{
margin: 37px 38px !important;
}
#zcym{
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
display: none;
}
.registerarea{
background: white;
}
.home_electric{
display: none;
}
.home_electric:nth-of-type(2){
display: block;
}
</style>
</head>
<body>
<header>
<a href="list.html">
<img src="images/header.jpg" height="80" width="100%" alt="">
</a>
</header>
<div class="shortcut">
<div class="w">
<ul class="fl city">
<li><i class="f10"></i><a href="list.html">北京</a></li>
</ul>
<ul class="fr nav">
<li class="space"></li>
<li>
<a href="list.html">我的京东</a>
<i></i>
<div class="dropdown-layer">
<dl class="d">
<dd><a href="list.html">待处理订单</a></dd>
<dd><a href="list.html">返修退换货</a></dd>
<dd><a href="list.html">降价商品</a></dd>
</dl>
<dl class="d">
<dd><a href="list.html">消息</a></dd>
<dd><a href="list.html">我的问答</a></dd>
<dd><a href="list.html">我的关注</a></dd>
</dl>
<dl>
<dd><a href="list.html">我的京豆</a></dd>
<dd><a href="list.html">我的白条</a></dd>
</dl>
<dl>
<dd><a href="list.html">我的优惠券</a></dd>
<dd><a href="list.html">我的理财</a></dd>
</dl>
</div>
</li>
<li class="space"></li>
<li>
<a href="list.html">京东会员</a>
</li>
<li class="space"></li>
<li>
<a href="list.html">企业采购</a>
</li>
<li class="space"></li>
<li>
<a href="list.html">客户服务</a>
<i></i>
<div class="dropdown-layer">
<dl class="d">
<dd><a href="list.html">待处理订单</a></dd>
<dd><a href="list.html">返修退换货</a></dd>
<dd><a href="list.html">降价商品</a></dd>
</dl>
<dl class="d">
<dd><a href="list.html">消息</a></dd>
<dd><a href="list.html">我的问答</a></dd>
<dd><a href="list.html">我的关注</a></dd>
</dl>
<dl>
<dd><a href="list.html">我的京豆</a></dd>
<dd><a href="list.html">我的白条</a></dd>
</dl>
<dl>
<dd><a href="list.html">我的优惠券</a></dd>
<dd><a href="list.html">我的理财</a></dd>
</dl>
</div>
</li>
<li class="space"></li>
<li>
<a href="list.html">网站导航</a>
<i></i>
<div class="dropdown-layer">
<dl class="d">
<dd><a href="list.html">待处理订单</a></dd>
<dd><a href="list.html">返修退换货</a></dd>
<dd><a href="list.html">降价商品</a></dd>
</dl>
<dl class="d">
<dd><a href="list.html">消息</a></dd>
<dd><a href="list.html">我的问答</a></dd>
<dd><a href="list.html">我的关注</a></dd>
</dl>
<dl>
<dd><a href="list.html">我的京豆</a></dd>
<dd><a href="list.html">我的白条</a></dd>
</dl>
<dl>
<dd><a href="list.html">我的优惠券</a></dd>
<dd><a href="list.html">我的理财</a></dd>
</dl>
</div>
</li>
<li class="space"></li>
<li class="mobile">
<img src="images/mobile.png" height="60" width="60" alt="">
<i class="close-btn">x</i>
</li>
</ul>
</div>
</div>
<div class="m">
<div class="w middle">
<div class="logo">
<h1> <!-- 提高权重 便利于搜索引擎优化 -->
<a href="index.html" title="京东">京东</a>
</h1>
</div>
<div class="form">
<input id="text" type="text" placeholder="扫描仪">
<button><i></i></button>
</div>
<div class="shopCar">
<i></i><a href="cart.html" class="f10">我的购物车</a><span>8</span>
</div>
<div class="hotwords">
<a href="list.html" class="f10">199减100</a>
<a href="list.html">鼠标试用</a>
<a href="list.html">农资7折</a>
<a href="list.html">低至29元</a>
<a href="list.html">抽奖赢空调</a>
<a href="list.html">记忆棉</a>
<a href="list.html">坐垫</a>
<a href="detail">1分钱买油</a>
<a href="list.html">智能手表</a>
</div>
<div class="navitems">
<ul>
<li><a href="list.html">优惠券</a></li>
<li><a href="list.html">闪购</a></li>
<li><a href="list.html">拍卖</a></li>
<li class="space "></li>
<li><a href="list.html">服装城</a></li>
<li><a href="list.html">京东超市</a></li>
<li><a href="list.html">生鲜</a></li>
<li><a href="list.html">全球购</a></li>
<li class="space"></li>
<li><a href="list.html">京东金融</a></li>
</ul>
</div>
<div class="super">
<a href="list.html"><img src="images/super.png" alt=""></a>
</div>
</div>
</div>
<div class="mr-g">
<ul>
<li><a href="list.html"><img src="uploads/mr-g-1.png" width="34px" alt="">京东超市</a></li>
<li><a href="list.html"><img src="uploads/mr-g-2.png" width="34px" alt="">数码电器</a></li>
<li><a href="list.html"><img src="uploads/mr-g-3.png" width="34px" alt="">京东服饰</a></li>
<li><a href="list.html"><img src="uploads/mr-g-4.png" width="34px" alt="">京东生鲜</a></li>
<li><a href="list.html"><img src="uploads/mr-g-5.png" width="34px" alt="">充值缴费</a></li>
<li><a href="list.html"><img src="uploads/mr-g-6.png" width="34px" alt="">9.9元拼</a></li>
<li><a href="list.html"><img src="uploads/mr-g-7.png" width="34px" alt="">领劵</a></li>
<li><a href="list.html"><img src="uploads/mr-g-8.png" width="34px" alt="">赚钱</a></li>
</ul>
</div>
<div class="w grid">
<div class="grid-col1 fl">
<ul id="navi">
<li><a href="list.html">家用电器</a></li>
<li><a href="list.html">电脑</a>/<a href="list.html">办公</a></li>
<li><a href="list.html">家居</a>/<a href="list.html">家具</a>/<a href="list.html">家装</a>/<a href="list.html">厨具</a></li>
<li><a href="list.html">男装</a>/<a href="list.html">女装</a>/<a href="list.html">童装</a>/<a href="list.html">内衣</a></li>
<li><a href="list.html">美妆</a>/<a href="list.html">个护清洁</a>/<a href="list.html">宠物</a></li>
<li><a href="list.html">女鞋</a>/<a href="list.html">箱包</a>/<a href="list.html">钟表</a>/<a href="list.html">珠宝</a></li>
<li><a href="list.html">男鞋</a>/<a href="list.html">运动</a>/<a href="list.html">户外</a></li>
<li><a href="list.html">房产</a>/<a href="list.html">汽车</a>/<a href="list.html">汽车用品</a></li>
<li><a href="list.html">母婴</a>/<a href="list.html">玩具乐器</a></li>
<li><a href="list.html">食品</a>/<a href="list.html">酒类</a>/<a href="list.html">生鲜</a>/<a href="list.html">特产</a></li>
<li><a href="list.html">艺术</a>/<a href="list.html">礼品鲜花</a>/<a href="list.html">农资绿植</a></li>
<li><a href="list.html">医药保健</a>/<a href="list.html">计生情趣</a></li>
<li><a href="list.html">图书</a>/<a href="list.html">文娱</a>/<a href="list.html">教育</a>/<a href="list.html">电子书</a></li>
<li><a href="list.html">机票</a>/<a href="list.html">酒店</a>/<a href="list.html">旅游</a>/<a href="list.html">生活</a></li>
<li><a href="list.html">理财</a>/<a href="list.html">众筹</a>/<a href="list.html">白条</a>/<a href="list.html">保险</a></li>
</ul>
<div class="content">
<div>
<div class="channel">
<a href="list.html">家电馆 ></a>
<a href="list.html">家电专卖店 ></a>
<a href="list.html">家电服务 ></a>
<a href="list.html">企业采购 ></a>
<a href="list.html">商用电器 ></a>
<a href="list.html">以旧换新 ></a>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">电视 ></a></dt>
<div>
<dd><a href="list.html">超薄电视</a></dd>
<dd><a href="list.html">全面屏电视</a></dd>
<dd><a href="list.html">智能电视</a></dd>
<dd><a href="list.html">OLED电视</a></dd>
<dd><a href="list.html">智慧屏</a></dd>
<dd><a href="list.html">4K超清电视</a></dd>
<dd><a href="list.html">55英寸</a></dd>
<dd><a href="list.html">65英寸</a></dd>
<dd><a href="list.html">电视配件</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">空调 ></a></dt>
<div>
<dd><a href="list.html">空调挂机</a></dd>
<dd><a href="list.html">空调柜机</a></dd>
<dd><a href="list.html">中央空调</a></dd>
<dd><a href="list.html">变频空调</a></dd>
<dd><a href="list.html">一级能效</a></dd>
<dd><a href="list.html">移动空调</a></dd>
<dd><a href="list.html">以旧换新</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">洗衣机 ></a></dt>
<div>
<dd><a href="list.html">以旧换新</a></dd>
<dd><a href="list.html">滚筒洗衣机</a></dd>
<dd><a href="list.html">洗烘一体机</a></dd>
<dd><a href="list.html">波轮洗衣机</a></dd>
<dd><a href="list.html">迷你洗衣机</a></dd>
<dd><a href="list.html">烘干机</a></dd>
<dd><a href="list.html">洗衣机配件</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">冰箱 ></a></dt>
<div>
<dd><a href="list.html">多门</a></dd>
<dd><a href="list.html">对开门</a></dd>
<dd><a href="list.html">三门</a></dd>
<dd><a href="list.html">双门</a></dd>
<dd><a href="list.html">冷柜/冰吧</a></dd>
<dd><a href="list.html">酒柜</a></dd>
<dd><a href="list.html">冰箱配件</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">厨卫大电 ></a></dt>
<div>
<dd><a href="list.html">油烟机</a></dd>
<dd><a href="list.html">燃气灶</a></dd>
<dd><a href="list.html">烟灶套装</a></dd>
<dd><a href="list.html">集成灶</a></dd>
<dd><a href="list.html">消毒柜</a></dd>
<dd><a href="list.html">洗碗机</a></dd>
<dd><a href="list.html">电热水器</a></dd>
<dd><a href="list.html">燃气热水器</a></dd>
<dd><a href="list.html">空气能热水器</a></dd>
<dd><a href="list.html">太阳能热水器</a></dd>
<dd><a href="list.html">嵌入式厨电</a></dd>
<dd><a href="list.html">烟机灶具配件</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">厨卫小电 ></a></dt>
<div>
<dd><a href="list.html">天天抢五折</a></dd>
<dd><a href="list.html">破壁机</a></dd>
<dd><a href="list.html">电烤箱</a></dd>
<dd><a href="list.html">电饭煲</a></dd>
<dd><a href="list.html">电压力锅</a></dd>
<dd><a href="list.html">电炖锅</a></dd>
<dd><a href="list.html">豆浆机</a></dd>
<dd><a href="list.html">料理机</a></dd>
<dd><a href="list.html">咖啡机</a></dd>
<dd><a href="list.html">电饼铛</a></dd>
<dd><a href="list.html">榨汁机/原汁机</a></dd>
<dd><a href="list.html">电水壶/热水瓶</a></dd>
<dd><a href="list.html">微波炉</a></dd>
<dd><a href="list.html">电火锅</a></dd>
<dd><a href="list.html">养生壶</a></dd>
<dd><a href="list.html">电磁炉</a></dd>
<dd><a href="list.html">面包机</a></dd>
<dd><a href="list.html">空气炸锅</a></dd>
<dd><a href="list.html">面条机</a></dd>
<dd><a href="list.html">电陶炉</a></dd>
<dd><a href="list.html">煮蛋器</a></dd>
<dd><a href="list.html">电烧烤炉</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">生活电器 ></a></dt>
<div>
<dd><a href="list.html">取暖电器</a></dd>
<dd><a href="list.html">加湿器</a></dd>
<dd><a href="list.html">空气净化器</a></dd>
<dd><a href="list.html">吸尘器</a></dd>
<dd><a href="list.html">除螨仪</a></dd>
<dd><a href="list.html">扫地机器人</a></dd>
<dd><a href="list.html">除湿机</a></dd>
<dd><a href="list.html">干衣机</a></dd>
<dd><a href="list.html">蒸汽拖把/拖地机</a></dd>
<dd><a href="list.html">挂烫机/熨斗</a></dd>
<dd><a href="list.html">电话机</a></dd>
<dd><a href="list.html">饮水机</a></dd>
<dd><a href="list.html">净水器</a></dd>
<dd><a href="list.html">电风扇</a></dd>
<dd><a href="list.html">冷风扇</a></dd>
<dd><a href="list.html">毛球修剪器</a></dd>
<dd><a href="list.html">生活电器配件</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">个护健康 ></a></dt>
<div>
<dd><a href="list.html">剃须刀</a></dd>
<dd><a href="list.html">电动牙刷</a></dd>
<dd><a href="list.html">电吹风</a></dd>
<dd><a href="list.html">美容器</a></dd>
<dd><a href="list.html">洁面仪</a></dd>
<dd><a href="list.html">按摩器</a></dd>
<dd><a href="list.html">健康秤</a></dd>
<dd><a href="list.html">卷/直发器</a></dd>
<dd><a href="list.html">剃/脱毛器</a></dd>
<dd><a href="list.html">理发器</a></dd>
<dd><a href="list.html">足浴盆</a></dd>
<dd><a href="list.html">足疗机</a></dd>
<dd><a href="list.html">按摩椅</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">视听影音 ></a></dt>
<div>
<dd><a href="list.html">家庭影院</a></dd>
<dd><a href="list.html">KTV音响</a></dd>
<dd><a href="list.html">迷你音响</a></dd>
<dd><a href="list.html">DVD</a></dd>
<dd><a href="list.html">功放</a></dd>
<dd><a href="list.html">回音壁</a></dd>
<dd><a href="list.html">麦克风</a></dd>
</div>
</dl>
</div>
</div>
<div>
<div class="channel">
<a href="list.html">玩3C ></a>
<a href="list.html">手机频道 ></a>
<a href="list.html">网上营业厅 ></a>
<a href="list.html">配件频道 ></a>
<a href="list.html">智能数码 ></a>
<a href="list.html">影像Club ></a>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">手机通讯 ></a></dt>
<div>
<dd><a href="list.html">手机</a></dd>
<dd><a href="list.html">游戏手机</a></dd>
<dd><a href="list.html">老人机</a></dd>
<dd><a href="list.html">对讲机</a></dd>
<dd><a href="list.html">以旧换新</a></dd>
<dd><a href="list.html">手机维修</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">运营商 ></a></dt>
<div>
<dd><a href="list.html">合约机</a></dd>
<dd><a href="list.html">手机卡</a></dd>
<dd><a href="list.html">宽带</a></dd>
<dd><a href="list.html">办套餐</a></dd>
<dd><a href="list.html">充话费/流量</a></dd>
<dd><a href="list.html">中国电信</a></dd>
<dd><a href="list.html">中国移动</a></dd>
<dd><a href="list.html">中国联通</a></dd>
<dd><a href="list.html">京东通信</a></dd>
<dd><a href="list.html">挑靓号</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">洗衣机 ></a></dt>
<div>
<dd><a href="list.html">以旧换新</a></dd>
<dd><a href="list.html">滚筒洗衣机</a></dd>
<dd><a href="list.html">洗烘一体机</a></dd>
<dd><a href="list.html">波轮洗衣机</a></dd>
<dd><a href="list.html">迷你洗衣机</a></dd>
<dd><a href="list.html">烘干机</a></dd>
<dd><a href="list.html">洗衣机配件</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">手机配件 ></a></dt>
<div>
<dd><a href="list.html">手机壳</a></dd>
<dd><a href="list.html">贴膜</a></dd>
<dd><a href="list.html">手机存储卡</a></dd>
<dd><a href="list.html">数据线</a></dd>
<dd><a href="list.html">充电器</a></dd>
<dd><a href="list.html">手机耳机</a></dd>
<dd><a href="list.html">创意配件</a></dd>
<dd><a href="list.html">手机饰品</a></dd>
<dd><a href="list.html">手机电池</a></dd>
<dd><a href="list.html">苹果周边</a></dd>
<dd><a href="list.html">移动电源</a></dd>
<dd><a href="list.html">蓝牙耳机</a></dd>
<dd><a href="list.html">手机支架</a></dd>
<dd><a href="list.html">车载配件</a></dd>
<dd><a href="list.html">拍照配件</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">摄像摄影 ></a></dt>
<div>
<dd><a href="list.html">数码相机</a></dd>
<dd><a href="list.html">微单相机</a></dd>
<dd><a href="list.html">单反相机</a></dd>
<dd><a href="list.html">拍立得</a></dd>
<dd><a href="list.html">运动相机</a></dd>
<dd><a href="list.html">摄像机</a></dd>
<dd><a href="list.html">镜头</a></dd>
<dd><a href="list.html">户外器材</a></dd>
<dd><a href="list.html">影棚器材</a></dd>
<dd><a href="list.html">冲印服务</a></dd>
<dd><a href="list.html">数码相框</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">数码配件 ></a></dt>
<div>
<dd><a href="list.html">存储卡</a></dd>
<dd><a href="list.html">三脚架/云台</a></dd>
<dd><a href="list.html">相机包</a></dd>
<dd><a href="list.html">滤镜</a></dd>
<dd><a href="list.html">闪光灯/手柄</a></dd>
<dd><a href="list.html">相机清洁/贴膜</a></dd>
<dd><a href="list.html">机身附件</a></dd>
<dd><a href="list.html">镜头附件</a></dd>
<dd><a href="list.html">读卡器</a></dd>
<dd><a href="list.html">支架电池/充电器</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">影音娱乐 ></a></dt>
<div>
<dd><a href="list.html">耳机/耳麦</a></dd>
<dd><a href="list.html">音箱/音响</a></dd>
<dd><a href="list.html">智能音箱</a></dd>
<dd><a href="list.html">便携/无线音箱</a></dd>
<dd><a href="list.html">收音机</a></dd>
<dd><a href="list.html">麦克风</a></dd>
<dd><a href="list.html">MP3/MP4</a></dd>
<dd><a href="list.html">专业音频</a></dd>
<dd><a href="list.html">音频线</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">智能设备 ></a></dt>
<div>
<dd><a href="list.html">智能手环</a></dd>
<dd><a href="list.html">智能手表</a></dd>
<dd><a href="list.html">智能眼镜</a></dd>
<dd><a href="list.html">智能机器人</a></dd>
<dd><a href="list.html">运动跟踪器</a></dd>
<dd><a href="list.html">健康监测</a></dd>
<dd><a href="list.html">智能配饰</a></dd>
<dd><a href="list.html">智能家居</a></dd>
<dd><a href="list.html">体感车 </a></dd>
<dd><a href="list.html">无人机 </a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">电子教育 ></a></dt>
<div>
<dd><a href="list.html">学生平板</a></dd>
<dd><a href="list.html">点读机/笔</a></dd>
<dd><a href="list.html">早教益智</a></dd>
<dd><a href="list.html">录音笔</a></dd>
<dd><a href="list.html">电纸书典</a></dd>
<dd><a href="list.html">电子词</a></dd>
<dd><a href="list.html">复读机</a></dd>
<dd><a href="list.html">翻译机</a></dd>
</div>
</dl>
</div>
</div>
<div>
<div class="channel">
<a href="list.html">玩3C ></a>
<a href="list.html">电脑办公 ></a>
<a href="list.html">企业采购 ></a>
<a href="list.html">GAME+ ></a>
<a href="list.html">装机大师 ></a>
<a href="list.html">私人定制 ></a>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">电脑整机 ></a></dt>
<div>
<dd><a href="list.html">笔记本</a></dd>
<dd><a href="list.html">游戏本</a></dd>
<dd><a href="list.html">平板电脑</a></dd>
<dd><a href="list.html">平板电脑配件</a></dd>
<dd><a href="list.html">台式机</a></dd>
<dd><a href="list.html">一体机</a></dd>
<dd><a href="list.html">服务器/工作站</a></dd>
<dd><a href="list.html">笔记本配件</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">电脑配件 ></a></dt>
<div>
<dd><a href="list.html">显示器</a></dd>
<dd><a href="list.html">CPU</a></dd>
<dd><a href="list.html">主板</a></dd>
<dd><a href="list.html">显卡</a></dd>
<dd><a href="list.html">硬盘</a></dd>
<dd><a href="list.html">内存</a></dd>
<dd><a href="list.html">机箱</a></dd>
<dd><a href="list.html">电源</a></dd>
<dd><a href="list.html">散热器</a></dd>
<dd><a href="list.html">显示器</a></dd>
<dd><a href="list.html">支架</a></dd>
<dd><a href="list.html">刻录机/光驱</a></dd>
<dd><a href="list.html">声卡/扩展卡</a></dd>
<dd><a href="list.html">装机配件</a></dd>
<dd><a href="list.html">SSD固态硬盘</a></dd>
<dd><a href="list.html">组装电脑</a></dd>
<dd><a href="list.html">USB分线器</a></dd>
<dd><a href="list.html">主板CPU套装</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">外设产品 ></a></dt>
<div>
<dd><a href="list.html">鼠标键盘</a></dd>
<dd><a href="list.html">键鼠套装</a></dd>
<dd><a href="list.html">网络仪表仪器</a></dd>
<dd><a href="list.html">U盘</a></dd>
<dd><a href="list.html">移动硬盘</a></dd>
<dd><a href="list.html">鼠标垫</a></dd>
<dd><a href="list.html">摄像头</a></dd>
<dd><a href="list.html">线缆</a></dd>
<dd><a href="list.html">手写板</a></dd>
<dd><a href="list.html">硬盘盒</a></dd>
<dd><a href="list.html">电脑工具</a></dd>
<dd><a href="list.html">电脑清洁</a></dd>
<dd><a href="list.html">UPS电源插座</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">游戏设备 ></a></dt>
<div>
<dd><a href="list.html">游戏机</a></dd>
<dd><a href="list.html">游戏耳机</a></dd>
<dd><a href="list.html">手柄/方向盘</a></dd>
<dd><a href="list.html">游戏软件</a></dd>
<dd><a href="list.html">游戏周边</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">厨卫大电 ></a></dt>
<div>
<dd><a href="list.html">油烟机</a></dd>
<dd><a href="list.html">燃气灶</a></dd>
<dd><a href="list.html">烟灶套装</a></dd>
<dd><a href="list.html">集成灶</a></dd>
<dd><a href="list.html">消毒柜</a></dd>
<dd><a href="list.html">洗碗机</a></dd>
<dd><a href="list.html">电热水器</a></dd>
<dd><a href="list.html">燃气热水器</a></dd>
<dd><a href="list.html">空气能热水器</a></dd>
<dd><a href="list.html">太阳能热水器</a></dd>
<dd><a href="list.html">嵌入式厨电</a></dd>
<dd><a href="list.html">烟机灶具配件</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">网络产品 ></a></dt>
<div>
<dd><a href="list.html">路由器</a></dd>
<dd><a href="list.html">网络机顶盒</a></dd>
<dd><a href="list.html">交换机</a></dd>
<dd><a href="list.html">网络存储</a></dd>
<dd><a href="list.html">网卡</a></dd>
<dd><a href="list.html">5G/4G上网</a></dd>
<dd><a href="list.html">网线</a></dd>
<dd><a href="list.html">网络配件</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">办公设备 ></a></dt>
<div>
<dd><a href="list.html">投影机</a></dd>
<dd><a href="list.html">投影配件</a></dd>
<dd><a href="list.html">打印机</a></dd>
<dd><a href="list.html">传真设备</a></dd>
<dd><a href="list.html">验钞/</a></dd>
<dd><a href="list.html">扫描设点钞机</a></dd>
<dd><a href="list.html">复合机备</a></dd>
<dd><a href="list.html">碎纸机</a></dd>
<dd><a href="list.html">考勤门禁</a></dd>
<dd><a href="list.html">收银机</a></dd>
<dd><a href="list.html">会议音频视频</a></dd>
<dd><a href="list.html">保险柜</a></dd>
<dd><a href="list.html">装订/封装机</a></dd>
<dd><a href="list.html">安防监控</a></dd>
<dd><a href="list.html">办公家具</a></dd>
<dd><a href="list.html">白板</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">文具 ></a></dt>
<div>
<dd><a href="list.html">笔类</a></dd>
<dd><a href="list.html">本册/便签</a></dd>
<dd><a href="list.html">办公文具</a></dd>
<dd><a href="list.html">文件收纳</a></dd>
<dd><a href="list.html">学生文具</a></dd>
<dd><a href="list.html">计算器</a></dd>
<dd><a href="list.html">画具画材</a></dd>
<dd><a href="list.html">财会用品</a></dd>
<dd><a href="list.html">文房四宝</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">耗材 ></a></dt>
<div>
<dd><a href="list.html">硒鼓/墨粉</a></dd>
<dd><a href="list.html">墨盒</a></dd>
<dd><a href="list.html">色带</a></dd>
<dd><a href="list.html">纸类</a></dd>
<dd><a href="list.html">刻录光盘</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">服务产品 ></a></dt>
<div>
<dd><a href="list.html">延保服务</a></dd>
<dd><a href="list.html">上门安装</a></dd>
<dd><a href="list.html">维修保养</a></dd>
<dd><a href="list.html">电脑软件</a></dd>
</div>
</dl>
</div>
</div>
<div>
<div class="channel">
<a href="list.html">天天5折 ></a>
<a href="list.html">家电馆 ></a>
<a href="list.html">家电专卖店 ></a>
<a href="list.html">家电服务 ></a>
<a href="list.html">企业采购 ></a>
<a href="list.html">商用电器 ></a>
<a href="list.html">以旧换新 ></a>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">电视 ></a></dt>
<div>
<dd><a href="list.html">超薄电视</a></dd>
<dd><a href="list.html">全面屏电视</a></dd>
<dd><a href="list.html">智能电视</a></dd>
<dd><a href="list.html">OLED电视</a></dd>
<dd><a href="list.html">智慧屏</a></dd>
<dd><a href="list.html">4K超清电视</a></dd>
<dd><a href="list.html">55英寸</a></dd>
<dd><a href="list.html">65英寸</a></dd>
<dd><a href="list.html">电视配件</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">空调 ></a></dt>
<div>
<dd><a href="list.html">空调挂机</a></dd>
<dd><a href="list.html">空调柜机</a></dd>
<dd><a href="list.html">中央空调</a></dd>
<dd><a href="list.html">变频空调</a></dd>
<dd><a href="list.html">一级能效</a></dd>
<dd><a href="list.html">移动空调</a></dd>
<dd><a href="list.html">以旧换新</a></dd>
</div>
</dl>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">洗衣机 ></a></dt>
<div>
<dd><a href="list.html">以旧换新</a></dd>
<dd><a href="list.html">滚筒洗衣机</a></dd>
<dd><a href="list.html">洗烘一体机</a></dd>
<dd><a href="list.html">波轮洗衣机</a></dd>
<dd><a href="list.html">迷你洗衣机</a></dd>
<dd><a href="list.html">烘干机</a></dd>
<dd><a href="list.html">洗衣机配件</a></dd>
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">冰箱 ></a></dt>
<div>
<dd><a href="list.html">多门</a></dd>
<dd><a href="list.html">对开门</a></dd>
<dd><a href="list.html">三门</a></dd>
<dd><a href="list.html"
</div>
<div class="cate_detail">
<dl>
<dt><a href="list.html">厨卫小电 ></a></dt>
<div>
<dd><a href="list.html">天天抢五折</a></dd>
<dd><a href="list.html">破壁机</a></dd>
<dd><a href="list.html">电烤箱</a></dd>
<dd><a href="list.html">电饭煲</a></dd>
<dd><a href="list.html">电压力锅</a></dd>
<dd><a href="list.html">电炖锅</a></dd>
<dd><a href="list.html">豆浆机</a></dd>
<dd><a href="list.html">料理机</a></dd>
<dd><a href="list.html">咖啡机</a></dd>
<dd><a href="list.html">电饼铛</a></dd>
<dd><a href="list.html">榨汁机/原汁机</a></dd>
<dd><a href="list.html">电水壶/热水瓶</a></dd>
<dd><a href="list.html">微波炉</a></dd>
<dd><a href="list.html">电火锅</a></dd>
<dd><a href="list
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/register.css" />
<script src="js/jquery.min.js"></script>
<script src="js/register.js"></script>
<div class="w">
<header>
<div class="logo"><a href="index.html"></a></div>
</header>
<div class="registerarea">
<div class="reg_form">
<form>
<ul>
<li>
<label for="tel">手机号：</label>
<input type="text" class="inp" id="tel">
<span class="hint">
<i class="hint_icon"></i>
<em>请输入11位手机号码!</em>
</span>
</li>
<li>
<label for="code">短信验证码：</label>
<input type="text" class="inp" id="code">
</li>
<li>
<label for="code">姓名：</label>
<input type="text" class="inp" id="code">
</li>
<li class="password">
<label for="psw">登录密码：
<img src="images/close.png" width="24px" alt="">
</label>
<input type="password" class="inp" id="psw">
<span class="hint">
<i class="hint_icon"></i>
<em>请输入6~16位密码!</em>
</span>
</li>
<li class="safe">
安全程度
<em class="ruo">弱</em>
<em class="zhong">中</em>
<em class="qiang">强</em>
</li>
<li class="repassword">
<label for="repsw">确认密码：
<img src="images/close.png" width="24px" alt="">
</label>
<input type="password" class="inp" id="repsw">
<span class="hint">
<i class="hint_icon"></i>
<em>请再次输入密码!</em>
</span>
</li>
<li class="agree">
<input type="checkbox">
同意协议并注册
<a href="list.html">《京东用户注册协议和隐私政策》</a>
</li>
<li>
<input type="submit" value="完成注册" class="over">
</li>
</ul>
</form>
</div>
</div>
</div>
</div>
<script>
// 登陆
$("#denglu").click(function(){
dlym.style.display="block"
})
$("#dlym").children().click(function(event){
event.stopPropagation()
})
dlym.onclick=function(){
dlym.style.display="none"
}
//注册
$("#zhuce").click(function(){
zcym.style.display="block"
})
$("#zcym").children().click(function(event){
event.stopPropagation()
})
zcym.onclick=function(){
zcym.style.display="none"
}
</script>
学的反而越迷茫
有这种感觉很正常，因为你还没有真正去公司里面待过，也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看，你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。
当你以后真正进入公司，发现工作的难度和量大约只有你学习时期的大约20%，你可能就会发出一声叹息:原来工作也不过如此嘛。
这是很正常的，因为大部分公司是招你进去去干活的，写业务的，不是让你一个新人去研发公司架构的。都是现成的东西，你要做的就是在别人的教导下，手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这？
所以，放松心态吧，好好享受大学时光
—————————————————
学习更多
关注我 | 点赞博文 | 每天带你涨知识
