web大作业静态网页(地下城与勇士 10页带视频)

蘇先生 · 发表于 2023-1-12 17:55:40

> ⛵ 源码获取文末联系 ✈

Web前端开发技术 描述网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 游戏官网 | 游戏网站 | 电竞游戏 | 游戏介绍 | 等网站的设计与制作 | HTML期末大学生网页设计作业，Web大学生网页

HTML：结构
CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识
JavaScript：做与用户的交互行为

@TOC
<hr/>前端学习路线

（1）html文件：其中index.html是首页、其他html为二级页面；（2）css文件：css全部页面样式,文字滚动, 图片放大等；（3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）
网页基本结构

(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个　　 (2)二级页面：从首页点击进入之后的页面叫做二级页面 (3)三级页面：从二级页面点击进入的页面
网页html：网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，网站就是由网页组成的 首页网站：首页是一个网站的入口网页，故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名 导航菜单：是指位于页面顶部或者侧边区域的，也称之为导航栏，它起着链接站点或者软件内的各个页面的作用. 网页页脚：是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。
<hr/>网页演示

在这里插入图片描述

在这里插入图片描述

HTML结构代码

<!DOCTYPE html>
<html lang=&#34;en&#34;>

<head>
<meta charset=&#34;UTF-8&#34;>
<meta name=&#34;viewport&#34; content=&#34;width=device-width, initial-scale=1.0&#34;>
<meta http-equiv=&#34;X-UA-Compatible&#34; content=&#34;ie=edge&#34;>
<title>地下城与勇士-DNF-官方网站-腾讯游戏-格斗网游王者之作,500万同时在线</title>
<link rel=&#34;stylesheet&#34; href=&#34;css/reset.css&#34;>

<link rel=&#34;stylesheet&#34; href=&#34;css/common.css&#34;>
<link rel=&#34;stylesheet&#34; href=&#34;css/index.css&#34;>-
</head>

<body>
<div class=&#34;topnav clearfix&#34;>
      <div class=&#34;banxin&#34;>
         <div class=&#34;topnav-left&#34;>
            <a href=&#34;#&#34;></a>
            <a href=&#34;safety.html&#34;></a>
         </div>
         <div class=&#34;topnav-right&#34;>
            <a href=&#34;download.html&#34;>游戏下载</a>
            <a href=&#34;#&#34;>点卷充值 </a>
            <a href=&#34;#&#34;>开通黑钻</a>
            <a href=&#34;nav.html&#34;>返回官网首页</a>
         </div>
      </div>
</div>
<div class=&#34;center clearfix&#34;>
      <div class=&#34;daohang clearfix&#34;>
         <div class=&#34;banxin&#34;>
            <a href=&#34;&#34; class=&#34;dnflogo&#34;></a>
            <ul>
                  <a href=&#34;&#34;>
                     <li>官网首页</li>
                     <span>HOME</span>
                  </a>
                  <a href=&#34;#&#34;>
                     <li>游戏资料</li>
                     <span>GAME INFO</span>
                  </a>
                  <a href=&#34;activity.html&#34;>
                     <li>活动</li>
                     <span>ACTIVITV</span>
                  </a>
                  <a href=&#34;scattered.html&#34;>
                     <li>赛事</li>
                     <span>EVENT</span>
                  </a>
                  <a href=&#34;#&#34;>
                     <li>用户服务</li>
                     <span>SYSTEM</span>
                  </a>
                  <a href=&#34;safety.html&#34;>
                     <li>游戏安全</li>
                     <span>SECURTY</span>
                  </a>
                  <a href=&#34;convinced.html&#34;>
                     <li>玩家社区</li>
                     <span>COMMONITY</span>
                  </a>
            </ul>
            <div class=&#34;daohangup&#34;>
                  <div class=&#34;banxin&#34;>
                     <ol>
                        <li><a href=&#34;#&#34;> 世界观</a></li>
                        <li><a href=&#34;javascript:;&#34;>周边商城</a> </li>
                        <li><a href=&#34;#&#34;>道聚城</a> </li>
                     </ol>
                     <ol>
                        <a href=&#34;&#34;></a>
                        <li><a href=&#34;#&#34;> 新闻公告</a></li>
                        <li><a href=&#34;#&#34;> 版本专题</a></li>
                        <li><a href=&#34;#&#34;> 职业攻略</a></li>
                        <li><a href=&#34;#&#34;> 壁纸时装</a></li>
                        <li><a href=&#34;#&#34;> 视频中心</a></li>
                     </ol>
                     <ol class=&#34;huodong&#34;>
                        <li><a href=&#34;#&#34;>官方活动</a> </li>
                        <li><a href=&#34;#&#34;>合作活动</a> </li>
                        <li><a href=&#34;#&#34;>媒体活动</a> </li>
                        <li><a href=&#34;#&#34;>网吧特权</a> </li>
                        <li><a href=&#34;#&#34;>玩家共创</a> </li>
                     </ol>
                     <ol class=&#34;huodong&#34;>
                        <li><a href=&#34;#&#34;> F1天王赛</a></li>
                        <li><a href=&#34;#&#34;> 职业联赛</a></li>
                        <li><a href=&#34;#&#34;> 职业第一人</a></li>
                        <li><a href=&#34;#&#34;> DPL赛事</a></li>
                     </ol>
                     <ol>
                        <li><a href=&#34;#&#34;> 充值</a></li>
                        <li><a href=&#34;#&#34;> 兑换CDKEY</a></li>
                        <li><a href=&#34;#&#34;> 角色恢复</a></li>
                        <li><a href=&#34;#&#34;> 圣耀服务</a></li>
                     </ol>
                     <ol>
                        <li><a href=&#34;#&#34;> 安全任务</a></li>
                        <li><a href=&#34;#&#34;> 处罚申诉</a></li>
                        <li><a href=&#34;#&#34;> 视频举报</a></li>
                        <li><a href=&#34;#&#34;> 被盗找回</a></li>
                        <li><a href=&#34;#&#34;> 信用星级</a></li>
                     </ol>
                     <ol>
                        <li><a href=&#34;#&#34;>讨论</a> </li>
                        <li><a href=&#34;#&#34;>微博</a> </li>
                        <li><a href=&#34;#&#34;>问答</a> </li>
                        <li class=&#34;app&#34;><a href=&#34;#&#34;>DNF助手</a>
                              <img src=&#34;picture/app.png&#34; alt=&#34;&#34;>
                              <li class=&#34;wx&#34;><a href=&#34;#&#34;>微信</a>
                                 <img src=&#34;picture/wx.png&#34; alt=&#34;&#34;>
                              </li>
                     </ol>
                  </div>
            </div>
         </div>
      </div>
      <div class=&#34;kuanghuan&#34;>
         <a href=&#34;#&#34;></a>
      </div>
      <div class=&#34;content-top clearfix&#34;>
         <div class=&#34;banxin clearfix&#34;>
            <a href=&#34;greenhand.html&#34;>
                  <div class=&#34;content-top-left&#34;></div>
            </a>
            <div class=&#34;content-top-zhanshi &#34;>
                  <div>
                     <h3>星罗万象</h3>
                     <span>展示国宝乐领纯净增幅书</span>
                     <a href=&#34;scattered.html&#34;>
                        <s> 查看</s>
                        <i></i></a>
                  </div>

                  <div class=&#34;yinying&#34;><img src=&#34;picture/yinying.jpg&#34; alt=&#34;&#34;></div>
            </div>

            <div class=&#34;content-top-lunbotu&#34;>
                  <a href=&#34;sign.html&#34;><img src=&#34;picture/content_top_lunbotu.jpeg&#34; alt=&#34;&#34;></a>
                  <ul>
                     <a href=&#34;#&#34;>
                        <li></li>
                     </a>
                     <a href=&#34;#&#34;>
                        <li></li>
                     </a>
                     <a href=&#34;#&#34;>
                        <li></li>
                     </a>
                     <a href=&#34;#&#34;>
                        <li></li>
                     </a>
                     <a href=&#34;#&#34;>
                        <li></li>
                     </a>
                     <a href=&#34;#&#34;>
                        <li></li>
                     </a>
                  </ul>
            </div>
            <div class=&#34;content-top-right clearfix&#34;>
                  <div class=&#34;content-top-right-top&#34;>
                     <ul>
                        <a href=&#34;&#34;>
                              <li class=&#34;four&#34;>综合</li>
                        </a>
                        <a href=&#34;&#34;>
                              <li class=&#34;two&#34;>公告</li>
                        </a>
                        <a href=&#34;&#34;>
                              <li>赛事</li>
                        </a>
                        <a href=&#34;&#34;>
                              <li class=&#34;six&#34;>社区</li>
                        </a>
                        <a href=&#34;&#34;>
                              <li>媒体</li>
                        </a>
                     </ul>
                  </div>
                  <div class=&#34;content-top-right-center clearfix&#34;>
                     <a href=&#34;#&#34;>DNF官网测试团11月招募</a>
                  </div>
                  <div class=&#34;content-top-right-content&#34;>
                     <ul>
                        <li><i>社区</i><a href=&#34;&#34;>阳光少女翻翻乐活动攻略</a></li>
                        <li><i>社区</i> <a href=&#34;&#34;>新·周常乐副本初体验</a></li>
                        <li><i>社区</i><a href=&#34;&#34;>阳光少女成长记中的小活动攻略</a> </li>
                        <li><i>社区</i><a href=&#34;&#34;> 没有刷过强者之路的勇士不算真正的强者</a></li>
                        <li><i>社区</i><a href=&#34;&#34;>3W魔攻平民11分钟召唤轻松担任普雷</a></li>
                        <li><i>社区</i><a href=&#34;&#34;>[壁纸铃声]第二期:魔界人的那些事</a></li>
                     </ul>
                  </div>
                  <div class=&#34;content-top-right-bottom&#34;>
                     <a href=&#34;#&#34;>查看更多资讯</a>
                     <i></i>
                  </div>
            </div>
         </div>
      </div>
</div>
<div class=&#34;bg clearfix&#34;></div>
<div class=&#34;zhongxin clearfix&#34;>
      <div class=&#34;banxin&#34;>
         <div class=&#34;rukou clearfix&#34;>
            <div class=&#34;rukou-top&#34;>
                  <h4>快速入口</h4>

                  <a href=&#34;#&#34;>
                     <div class=&#34;rukoulogo&#34;>
                        <i class=&#34;rukoulogo1&#34;></i></div>
                     <p>CDK兑换</p>
                  </a>
                  <a href=&#34;#&#34;>
                     <div class=&#34;heizuan&#34;><i class=&#34;heizuan1&#34;></i></div>

                     <p>黑钻专区</p>
                  </a>
                  <a href=&#34;#&#34;>
                     <div class=&#34;kefulogo&#34;><i class=&#34;kefulogo1&#34;></i></div>

                     <p>客服留言</p>
                  </a>
                  <a href=&#34;#&#34;>
                     <div class=&#34;anquanlogo&#34;>
                        <i class=&#34;anquanlogo1&#34;></i>
                     </div>

                     <p>安全中心</p>
                  </a>
                  <a href=&#34;#&#34;>
                     <div class=&#34;zhoubianlogo&#34;>
                        <i class=&#34;zhoubianlogo1&#34;></i>
                     </div>

                     <p>周边商城</p>
                  </a>
                  <a href=&#34;#&#34;>
                     <div class=&#34;kefulogo_1&#34;>
                        <i class=&#34;kefulogo1&#34;></i>
                     </div>

                     <p>联系客服</p>
                  </a>
            </div>
            <div class=&#34;rukou-bottom clearfix&#34;>
                  <h4>玩家社区</h4>
                  <a href=&#34;#&#34;>
                     <div class=&#34;luntanlogo&#34;>
                        <i class=&#34;luntanlogo1&#34;></i>
                     </div>

                     <p>CDK兑换</p>
                  </a>
                  <a href=&#34;#&#34;>
                     <div class=&#34;weixinlogo&#34;>
                        <i class=&#34;weixinlogo1&#34;></i>
                     </div>

                     <p>黑钻专区</p>
                  </a>
                  <a href=&#34;#&#34;>
                     <div class=&#34;tubialogo&#34;>
                        <i class=&#34;tubialogo&#34;></i>
                     </div>

                     <p>客服留言</p>
                  </a>
                  <a href=&#34;#&#34;>
                     <div class=&#34;diantailogo&#34;>
                        <i class=&#34;diantailogo1&#34;></i>
                     </div>

                     <p>安全中心</p>
                  </a>
                  <a href=&#34;#&#34;>
                     <div class=&#34;yuanhualogo&#34;>
                        <i class=&#34;yuanhualogo1&#34;></i>
                     </div>

                     <p>原画馆</p>
                  </a>
                  <a href=&#34;#&#34;>
                     <div class=&#34;xinyuelogo&#34;>
                        <i class=&#34;xinyuelogo1&#34;></i>
                     </div>

                     <p>心悦专区</p>
                  </a>
            </div>
         </div>
         <div class=&#34;zhongxin-center clearfix&#34;>
            <div class=&#34;zhongxin-center-topnav&#34;>
                  <h3>活动中心</h3>
                  <a href=&#34;convinced.html&#34; class=&#34;zhongxin-xinyuelogo&#34;></a>
                  <a href=&#34;activity.html&#34; class=&#34;zhongxin-huodong-logo&#34;>活动中心</a>
            </div>
            <div class=&#34;zhongxin-center-top&#34;>
                  <a href=&#34;#&#34;>热门推荐<i></i> </a>
                  <a href=&#34;#&#34;>新手升级<i></i> </a>
                  <a href=&#34;#&#34;>商城特惠<i></i> </a>
                  <a href=&#34;#&#34;>合作活动<i></i> </a>
            </div>
            <div class=&#34;huodongname&#34;>
                  <p>活动名称</p>
                  <p>主要奖励</p>
                  <p>结束时间</p>
            </div>
            <div class=&#34;zhongxin-center-huodong&#34;>
                  <ul>
                     <li>
                        <p>星罗万象</p>
                        <div class=&#34;jiangli&#34;>
                              <img src=&#34;picture/jiangli.jpg&#34; alt=&#34;&#34;>
                        </div>
                        <span>13天后结束</span>
                        <a href=&#34;#&#34;></a>
                     </li>
                     <li>
                        <p>斯雷神克坤之梦</p>
                        <div class=&#34;jiangli&#34;>
                              <img src=&#34;picture/jiangli.jpg&#34; alt=&#34;&#34;>
                        </div>
                        <span>1天后结束</span>
                        <a href=&#34;#&#34;></a>
                     </li>
                     <li>
                        <p>寻找胶囊宝宝</p>
                        <div class=&#34;jiangli&#34;>
                              <img src=&#34;picture/jiangli_01.jpg&#34; alt=&#34;&#34;>
                        </div>

                        <span>13天后结束</span>
                        <a href=&#34;#&#34;></a>
                     </li>
                     <li>
                        <p>燃战F1天王赛</p>
                        <div class=&#34;jiangli&#34;>
                              <img src=&#34;picture/jiangli_02.png&#34; alt=&#34;&#34;>
                        </div>
                        <span>5天后结束</span>

                        <a href=&#34;#&#34;></a>
                     </li>
                     <li>
                        <p>天空巢穴独步起航</p>
                        <div class=&#34;jiangli&#34;>
                              <img src=&#34;picture/jiangli_03.png&#34; alt=&#34;&#34;>
                        </div>
                        <span>1天后结束</span>
                        <a href=&#34;#&#34;></a>
                     </li>
                  </ul>
            </div>
         </div>
         <div class=&#34;hothuodong clearfix&#34;>
            <h4>热门活动</h4>
            <div>
                  <a href=&#34;darkStory.html&#34;><img src=&#34;picture/hothuodong.jpg&#34; alt=&#34;&#34;></a>
            </div>
            <div>
                  <a href=&#34;&#34;><img src=&#34;picture/hothuodong_01.jpg&#34; alt=&#34;&#34;></a>
            </div>

         </div>
         <div class=&#34;bg2&#34;></div>
      </div>
</div>
<div class=&#34;tuijian clearfix&#34;>
      <div class=&#34;banxin2&#34;>
         <div class=&#34;tuijian-left&#34;>
            <div> <a href=&#34;#&#34; class=&#34;tuijian-left-content&#34;>新手指南<i class=&#34;tuijian-left-content-tubiao&#34;></i>
                  </a>
                  <ul class=&#34;xinshou&#34;>
                     <li><a href=&#34;#&#34;><i></i><s></s><span>游戏登陆</span></a></li>
                     <li><a href=&#34;#&#34;><i></i><s></s><span>游戏界面</span></a></li>
                     <li><a href=&#34;#&#34;><i></i><s></s><span>系统设置</span></a></li>
                     <li><a href=&#34;#&#34;><i></i><s></s><span>职业/技能</span></a></li>
                     <li><a href=&#34;#&#34;><i></i><s></s><span>等级经验</span></a></li>
                     <li><a href=&#34;#&#34;><i></i><s></s><span>战斗系统</span></a></li>
                     <li><a href=&#34;#&#34;><i></i><s></s><span>任务系统</span></a></li>
                     <li><a href=&#34;#&#34;><i></i><s></s><span>地下城</span></a></li>
                     <li><a href=&#34;#&#34;><i></i><s></s><span>社区系统</span></a></li>
                     <li><a href=&#34;#&#34;><i></i><s></s><span>宠物</span></a></li>
                     <li><a href=&#34;#&#34;><i></i><s></s><span>生产/交易</span></a></li>
                     <li><a href=&#34;#&#34;><i></i><s></s><span>副业</span></a></li>
                     <li><a href=&#34;#&#34;><i></i><s></s><span>装备</span></a></li>
                     <li><a href=&#34;#&#34;><i></i><s></s><span>商城</span></a></li>
                     <li><a href=&#34;#&#34;><i></i><s></s><span>特色玩法</span></a></li>
                     <li><a href=&#34;#&#34;><i></i><s></s><span>决斗场</span></a></li>
                  </ul>
            </div>
            <div>
                  <a href=&#34;#&#34; class=&#34;tuijian-left-content&#34;>资料百科<i class=&#34;tuijian-left-content-tubiao&#34;></i>
                  </a>
                  <div class=&#34;ziliao&#34;>
                     <ul class=&#34;ziliao-left&#34;>
                        <li><a href=&#34;#&#34;><i></i><s></s><span>官方资料站</span></a></li>
                        <li><a href=&#34;#&#34;><i></i><s></s><span>17173资料站</span></a></li>
                        <li><a href=&#34;#&#34;><i></i><s></s><span>历史版本</span></a></li>
                        <li><a href=&#34;#&#34;><i></i><s></s><span>漫画</span></a></li>
                        <li><a href=&#34;#&#34;><i></i><s></s><span>小说</span></a></li>
                        <li><a href=&#34;#&#34;><i></i><s></s><span>音乐</span></a></li>
                     </ul>
                     <div class=&#34;ziliao-right&#34;>
                        <h4>剧情百科</h4>
                        <a href=&#34;#&#34;>故事大纲</a>
                        <a href=&#34;#&#34;>插曲故事</a>
                        <a href=&#34;#&#34;>版本故事</a>
                        <a href=&#34;#&#34;>故事本</a>
                        <h4>人物百科</h4>
                        <a href=&#34;#&#34;>职业设定</a>
                        <a href=&#34;#&#34;>种族介绍</a>
                        <a href=&#34;#&#34;>城镇人物</a>
                        <a href=&#34;#&#34;>剧情人物</a>
                        <h4>背景知识</h4>
                        <a href=&#34;#&#34;>地理划分</a>
                        <a href=&#34;#&#34;>势力介绍</a>
                        <a href=&#34;#&#34;>组织介绍</a>
                        <a href=&#34;#&#34;>区域介绍</a>
                        <h4>游戏设定</h4>
                        <a href=&#34;#&#34;>编年史</a>
                        <a href=&#34;#&#34;>重要事件</a>
                        <a href=&#34;#&#34;>游戏术语</a>
                        <p>更多</p>
                     </div>
                  </div>
            </div>
            <div> <a href=&#34;#&#34; class=&#34;tuijian-left-content&#34;>攻略视频<i class=&#34;tuijian-left-content-tubiao&#34;></i>
                  </a>
                  <div class=&#34;gonglue&#34;>
                     <ul class=&#34;gonglue-left&#34;>
                        <li><a href=&#34;#&#34;><i></i><s></s><span>充值</span></a></li>
                        <li><a href=&#34;#&#34;><i></i><s></s><span>TGP助手</span></a></li>
                        <li><a href=&#34;#&#34;><i></i><s></s><span>加点模拟器</span></a></li>
                        <li><a href=&#34;#&#34;><i></i><s></s><span>体验服</span></a></li>
                        <li><a href=&#34;#&#34;><i></i><s></s><span>宝珠查询器</span></a></li>
                        <li><a href=&#34;#&#34;><i></i><s></s><span>头像装扮</span></a></li>
                        <li><a href=&#34;#&#34;><i></i><s></s><span>自助工具</span></a></li>
                     </ul>
                     <div class=&#34;gonglue-right&#34;>
                        <h4>安全中心</h4>
                        <a href=&#34;#&#34;>女王的制裁</a>
                        <a href=&#34;#&#34;>封号查询</a>
                        <a href=&#34;#&#34;>封号申诉</a>
                        <a href=&#34;#&#34;>视频举报</a>
                        <a href=&#34;#&#34;>安全公约</a>
                        <a href=&#34;#&#34;>信用星级</a>
                        <a href=&#34;#&#34;>二级密码清除</a>
                        <a href=&#34;#&#34;>安全模式</a>
                        <h4>自助充值</h4>
                        <a href=&#34;#&#34;>充值</a>
                        <a href=&#34;#&#34;>消费记录</a>
                        <a href=&#34;#&#34;>角色恢复</a>
                        <a href=&#34;#&#34;>点亮图表</a>
                        <a href=&#34;#&#34;>兑换CDKEY</a>
                        <a href=&#34;#&#34;>预约战队</a>
                        <h4>客服中心</h4>
                        <a href=&#34;#&#34;>QQ在线客服</a>
                        <a href=&#34;#&#34;>问答</a>
                     </div>
                  </div>
            </div>
            <div><a href=&#34;#&#34; class=&#34;tuijian-left-content&#34;>自助服务<i class=&#34;tuijian-left-content-tubiao&#34;></i>
                  </a>
                  <div class=&#34;zizhufuwu&#34;>
                     <ul class=&#34;zizhufuwu-left&#34;>
                        <h4>职业攻略</h4>
                        <a href=&#34;#&#34;>鬼剑士</a>
                        <a href=&#34;#&#34;>格斗家(女)</a>
                        <a href=&#34;#&#34;>神枪手</a>
                        <a href=&#34;#&#34;>魔法师(女)</a>
                        <a href=&#34;#&#34;>圣职者</a>
                        <a href=&#34;#&#34;>女枪手</a>
                        <a href=&#34;#&#34;>暗夜使者</a>
                        <a href=&#34;#&#34;>缔造者</a>
                        <a href=&#34;#&#34;>鬼剑士(女)</a>
                        <a href=&#34;#&#34;>守护者</a>
                        <a href=&#34;#&#34;>格斗家(男)</a>
                        <a href=&#34;#&#34;>男法师</a>
                        <a href=&#34;#&#34;>黑暗武士</a>
                        <h4>地下城攻略</h4>
                        <a href=&#34;#&#34;>异界地下城</a>
                        <a href=&#34;#&#34;>远古镇魔曲</a>
                        <a href=&#34;#&#34;>安图恩地下城</a>
                        <a href=&#34;#&#34;>遗忘之地</a>
                        <a href=&#34;#&#34;>守护者祭坛</a>
                        <a href=&#34;#&#34;>无尽的祭坛</a>
                        <a href=&#34;#&#34;>绝望之塔</a>
                        <a href=&#34;#&#34;>领主之塔</a>
                        <a href=&#34;#&#34;>每周活动(格兰森林山坈)</a>
                     </ul>
                     <div class=&#34;zizhufuwu-right&#34;>
                        <div><i></i><a href=&#34;#&#34;>职业视频</a></div>
                        <div><i></i><a href=&#34;#&#34;>赛事视频</a></div>
                        <div><i></i><a href=&#34;#&#34;>官方视频</a></div>
                     </div>
                  </div>
            </div>
         </div>
         <div class=&#34;tuijian-shipin&#34;>
            <div class=&#34;tuijian-shipin-top&#34;>
                  <h4>视频推荐</h4>
                  <a href=&#34;#&#34;>视频投稿</a>
                  <a href=&#34;#&#34;>宿命之门</a>
                  <a href=&#34;#&#34;>更多+</a>
            </div>
            <div class=&#34;tuijian-shipin-top_1&#34;>
                  <a href=&#34;#&#34;>热门推荐<i></i> </a>
                  <a href=&#34;#&#34;>官方视频<i></i> </a>
                  <a href=&#34;#&#34;>攻略视频<i></i> </a>
                  <a href=&#34;#&#34;>赛事视频<i></i> </a>
                  <a href=&#34;#&#34;>娱乐杂谈<i></i> </a>
            </div>
            <div class=&#34;tuijian-shipin-center&#34;>
                  <a href=&#34;&#34;><img src=&#34;picture/0.jpg&#34; alt=&#34;&#34;></a>
                  <a href=&#34;&#34;><img src=&#34;picture/tuijian-shipin-center_01.jpg&#34; alt=&#34;&#34;></a>
                  <a href=&#34;&#34;><i></i></a>
                  <a href=&#34;&#34;><b></b></a>
                  <div class=&#34;tuijian-shipin-center_1&#34;>
                     <p>决战DPL:狂人化身仰卧撑男，奶...</p>
                     <p>【肝吧爹】2分中打桩连招攻略...</p>
                     <a href=&#34;#&#34;><i></i>21小时之前</a>
                     <a href=&#34;#&#34;><i></i>20小时之前</a>
                  </div>
            </div>
         </div>
         <div class=&#34;tuijian-tuwen&#34;>
            <h4>图文推荐</h4>
            <a href=&#34;&#34;>
                  <div class=&#34;tuwen_one&#34;>
                     <h3>11.28更新答疑</h3>
                     <p>版本内容都在这里</p>
                     <span>查看</span>
                  </div>
            </a>

            <a href=&#34;#&#34;>
                  <div class=&#34;tuwen_two&#34;>
                     <h3>阳光少女活动攻略</h3>
                     <p>黄金书和精美立绘轻松拿</p>
                     <span>查看</span>
                  </div>
            </a>
         </div>
      </div>
</div>
<div class=&#34;daojucheng clearfix&#34;>
      <h4>道聚城推荐</h4>
      <div>
         <img src=&#34;picture/daojucheng_01.jpg&#34; alt=&#34;&#34;>
         <p>幸运魔锤&nbsp;(5个)</p>
         <i>1200点卷</i>
         <a>立即购买</a>
      </div>
      <div>
         <img src=&#34;picture/daojucheng_02.jpg&#34; alt=&#34;&#34;>
         <p>服务器喇叭</p>
         <i>250点卷</i>
         <a>立即购买</a>
      </div>
</div>
<div class=&#34;hezuo clearfix&#34;>
      <a href=&#34;#&#34; class=&#34;hezuo-top&#34;>合作媒体网站<i></i></a>
</div>
<div class=&#34;mingxing clearfix&#34;>
      
      <div class=&#34;mingxing-top&#34;>
         <h4>明星主播</h4>
         <span><a>更多+</a></span>
      </div>
      <div class=&#34;mingxing-center&#34;>
         <div class=&#34;doudizhu&#34;>
            <div class=&#34;doudizhu_1&#34;></div>
            <div class=&#34;doudizhu_2&#34;>
                  <img src=&#34;picture/mingxing-center_01.jpg&#34; alt=&#34;&#34;>
                  <h3>AzZ、天子</h3>
                  <span>热度:470429</span>
                  <a href=&#34;#&#34;>直播中</a>
            </div>

         </div>
         <div class=&#34;zahuishi&#34;>
            <div class=&#34;zahuishi_1&#34;></div>
            <div class=&#34;zahuishi_2&#34;>
                  <img src=&#34;picture/mingxing-center_02.jpg&#34; alt=&#34;&#34;>
                  <h3>AzZ、杰哥祝您圆梦</h3>
                  <span>热度:433145</span>
                  <a href=&#34;#&#34;>直播中</a>
            </div>
         </div>
      </div>
      <div class=&#34;mingxing-right&#34;>
         <a href=&#34;#&#34;><img src=&#34;picture/mingxing-right_01.jpeg&#34; alt=&#34;&#34;>
         </a>
         <a href=&#34;#&#34;><img src=&#34;picture/mingxing-right_02.jpeg&#34; alt=&#34;&#34;>
         </a>
         <a href=&#34;#&#34;>勇士对决来袭，这样出装伤害血量...</a>
         <a href=&#34;#&#34;>机制最特殊的四把剑！别云最怕...</a>
         <a href=&#34;#&#34;>一觉DPS最高的7个职业，冷门职...</a>
      </div>
      <a href=&#34;&#34; class=&#34;bg3&#34;></a>
      
</div>
<div class=&#34;pinpai clearfix&#34;>
      
      <div class=&#34;pinpai-top&#34;>
         <h4>品牌专区</h4>
         <a>更多+</a>
      </div>
      <div class=&#34;pinpai-center&#34;>
         <div>
            <a href=&#34;&#34;>
                  <img src=&#34;picture/pinpai-center_01.jpeg&#34; alt=&#34;&#34;>
            </a>
         </div>
         <div>
            <a href=&#34;&#34;>
                  <img src=&#34;picture/pinpai-cenger_02.jpeg&#34; alt=&#34;&#34;>
            </a>
         </div>

      </div>
      
</div>
<div class=&#34;bottom&#34;>
      <div class=&#34;banxin&#34;>
         <div class=&#34;bottom-left&#34;>
            <a href=&#34;&#34; class=&#34;sheding&#34;>
                  <h4>世界观设定站</h4>
                  <p>探访赫尔德密室</p>
            </a>
            <a href=&#34;&#34; class=&#34;shiji&#34;>
                  <h4>阿拉德创实际</h4>
                  <p>国创·新篇</p>
            </a>
            <a href=&#34;&#34; class=&#34;donghua&#34;>
                  <h4>官方动画第二季</h4>
                  <p>预告</p>
            </a>
         </div>
         <div class=&#34;bottom-right&#34;>
            <a href=&#34;#&#34; class=&#34;banben&#34;>
                  <p></p>
            </a>
            <a href=&#34;#&#34; class=&#34;liuyan&#34;>
                  <p></p>
            </a>
            <a href=&#34;#&#34; class=&#34;shijian&#34;>
                  <p></p>
            </a>
         </div>
      </div>
</div>
<div class=&#34;bottom_1 clearfix&#34;>
      <div class=&#34;banxin3&#34;>
         <div class=&#34;bottom_1-left &#34;>
            <a href=&#34;&#34;><img src=&#34;picture/foot-dark.png&#34; alt=&#34;&#34;></a>
            <a href=&#34;&#34;><img src=&#34;http://www.ylcp.shop/files/files/1647757516550/img/&#34; alt=&#34;&#34;></a>
         </div>
         <div class=&#34;bottom_1-right&#34;>
            <a href=&#34;#&#34;>腾讯互动娱乐|</a>
            <a href=&#34;#&#34;>服务条款|</a>
            <a href=&#34;#&#34;>隐私保护指引|</a>
            <a href=&#34;#&#34;>儿童隐私保护指引|</a>
            <a href=&#34;#&#34;>腾讯游戏招聘|</a>
            <a href=&#34;#&#34;>腾讯游戏客服|</a>
            <a href=&#34;#&#34;>游戏列表|</a>
            <a href=&#34;#&#34;>广告服务及商务合作|</a>
            <a href=&#34;#&#34;>腾讯公司版权所有</a><br>
            <span>COPYRIGHT © 1998 - 2019 TENCENT. ALL RIGHTS RESERVED.</span><br>
            <span>COPYRIGHT © NEOPLE.INC., ALL RIGHTS RESERVED.</span><br>
            <span>抵制不良游戏拒绝盗版游戏注意自我保护谨防受骗上当适度游戏益脑沉迷游戏伤身合理安排时间享受健康生活</span><br>
            <span>本网络游戏适合13+岁的用户使用；为了您的健康，请合理控制游戏时间</span><br>
            <a>粤网文[2017]6138-1456号|（总）网出证（粤）字第057号</a><br>
            <span>文网进字[2014]034号|ISBN 978-7-89988-060-9|新广出审[2014]952号|全国文化市场统一举报电话：12318</span>
         </div>

      </div>
</div>
<a class=&#34;guding&#34;>
      <div></div>
</a>

</body>

</html><hr/>学的反而越迷茫

有这种感觉很正常，因为你还没有真正去公司里面待过，也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看，你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。
当你以后真正进入公司，发现工作的难度和量大约只有你学习时期的大约20%，你可能就会发出一声叹息:原来工作也不过如此嘛。
这是很正常的，因为大部分公司是招你进去去干活的，写业务的，不是让你一个新人去研发公司架构的。都是现成的东西，你要做的就是在别人的教导下，手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这？
所以，放松心态吧，好好享受大学时光 —————————————————
<hr/>学习更多

关注我 | 点赞博文 | 每天带你涨知识
<hr/>

在这里插入图片描述

		自动登录	找回密码
密码			立即注册

web大作业 静态网页(地下城与勇士 10页 带视频)

web大作业静态网页(地下城与勇士 10页带视频)