⛵ 源码获取 文末联系 ✈
Web前端开发技术
描述 网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 网页设计作业 | 动漫网页设计 | 动漫网页设计成品 | 动漫网页设计成品模板 | 简单漫画网页设计成品 | 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>
<link href="css/all.css" rel="stylesheet" media="all" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="../铠甲/js/rotation.js"></script>
<title></title>
</head>
<style>
#focus_image li{
display: none;
}
#focus_image .current{
display: block;
}
</style>
<body>
<div class="focus" id="focus">
<ul class="focus_image" id="focus_image">
<li> <img src="images/src=http___inews.gtimg_newsapp_bt_0_13944000143_1000.jpg&refer=http___inews.gtimg.webp" style="width: 100%;"></li>
<li>
<img src="../铠甲/images/u=223462742,2583369638&fm=253&fmt=auto&app=138&f=JPEG.webp" style=" width: 100%; height: 670px;"alt="">
</li>
</ul>
<ul id="focus_button" class="focus_button">
<li> </li>
<li> </li>
</ul>
</div>
<nav class="menu">
<ul class="center">
<li><a href="index.html">网站首页</a></li>
<li><a href="juesejieshao.html">人物介绍</a></li>
<li><a href="juqingjieshao.html">剧情介绍</a></li>
<li><a href="jingcaitupian.html">欣赏</a></li>
</ul>
</nav>
<div class="content">
<div class="mart">
<div class="bar">图片</div>
<div class="pics scrollleft">
<ul>
<li>
<p><img src="images/u=1338899499,4277287823&fm=253&fmt=auto&app=138&f=JPEG.webp" width="300" height="180" /></p>
</li>
<li>
<p><img src="images/u=1501368123,2240755188&fm=253&fmt=auto&app=138&f=JPEG.webp" width="300" height="180" /></p>
</li>
<li>
<p><img src="images/u=1568150103,216963363&fm=253&fmt=auto&app=138&f=JPG.webp" width="300" height="180" /></p>
</li>
<li>
<p><img src="images/u=1673619099,3744613674&fm=253&fmt=auto&app=138&f=JPEG.webp" width="300" height="180" /></p>
</li>
<li>
<p><img src="images/u=1966880367,2494314778&fm=253&fmt=auto&app=120&f=JPEG.webp" width="300" height="180" /></p>
</li>
<li>
<p><img src="images/u=223462742,2583369638&fm=253&fmt=auto&app=138&f=JPEG.webp" width="300" height="180" /></p>
</li>
<li>
<p><img src="images/u=2795321423,2235180093&fm=253&fmt=auto&app=120&f=JPEG.webp" width="300" height="180" /></p>
</li>
<li>
<p><img src="images/u=3261703896,2491216324&fm=253&fmt=auto&app=138&f=JPEG.webp" width="300" height="180" /></p>
</li>
<li>
<p><img src="images/u=3704132047,3084592864&fm=253&fmt=auto&app=120&f=JPEG.webp" width="300" height="180" /></p>
</li>
</ul>
</div>
<div class="clear"></div>
<div class="bar">基本信息</div>
<div class="pad">
<p>铠甲勇士，电视剧《铠甲勇士》系列中的召唤人合体铠甲的总称。一般指为保护地球合体铠甲与邪恶力量进行战斗的特摄英雄。</p>
<p> </p>
<div> 第一部中铠甲会根据召唤者的所有综合能力而发挥出不同的威力，所以召唤者越强，铠甲的威力便越强。每套光影铠甲都有着一定的能量储备，当光影铠甲能量耗尽时，胸口的信号灯便会闪烁起来。</div>
<p>系列续作《BORUTO -火影新世代- 》2017年4月播出。 </p>
<p><br>
第二部中铠甲来自阿瑞斯星球，会根据召唤者体内的，“精”、“气”、“神”所结合而成的”意能“而发挥铠甲的威力，意能越强则所发挥的铠甲威力就越强。意能不足时就会解除铠甲，当战斗意能累计到一定程度时便可进行地狱升级为激斗态。升级后的铠甲在武器，力量，速度，防御等会进行全方面增强，铠甲威力也会更加强大。召唤铠甲需要日月星三奇基因者，签铠甲契约。<br data-filtered="filtered">
<br data-filtered="filtered">
</p>
</div>
</div>
</div>
<footer class="end">
<p>网页底部</p>
</footer>
</body>
</html>
学的反而越迷茫
有这种感觉很正常，因为你还没有真正去公司里面待过，也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看，你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。
当你以后真正进入公司，发现工作的难度和量大约只有你学习时期的大约20%，你可能就会发出一声叹息:原来工作也不过如此嘛。
这是很正常的，因为大部分公司是招你进去去干活的，写业务的，不是让你一个新人去研发公司架构的。都是现成的东西，你要做的就是在别人的教导下，手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这？
所以，放松心态吧，好好享受大学时光
—————————————————
学习更多
关注我 | 点赞博文 | 每天带你涨知识
更多推荐
使用HBuilder制作一个简单的HTML5动漫网页——铠甲战士
发布评论