Web前端三大核心技术
-
HTML：结构
HTML期末大学生网页设计作业，可以替换文字图片满足不同的 -
CSS：样式
在操作方面上运用了html5和css3，
采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识 -
JavaScript：做与用户的交互行为
前端学习路线
描述
网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业，代码简单学生水平, 适合初学者学习使用。
（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">
<title>大连网</title>
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<script type="text/javascript" src="js/rotate.js"></script>
</head>
<body>
<div class="container">
<div class="header">
<ul>
<li class="logo">
<a href="index.html"><img src="images/logo.png"/><span>大连</span></a>
</li>
<li class="lang"><b>联系我们</b></li>
</ul>
</div>
<div class="nav">
<ul>
<li><a href="index.html">大连首页</a></li>
<li><a href="info.html">城市简介</a></li>
<li><a href="area.html">行政区划</a></li>
<li><a href="place.html">地理环境</a></li>
<li><a href="nature.html">自然资源</a></li>
<li><a href="history.html">历史文化</a></li>
<li><a href="good.html">地方特产</a></li>
<li><a href="tour.html">风景名胜</a></li>
<li><a href="register.html">用户注册</a></li>
<li><a href="login.html">用户登录</a></li>
</ul>
</div>
<div class="wrapper">
<div class="main">
<div id="focus" class="focus">
<ul id="focus_image" class="focus_image">
<li class="now"><a href="info.html"><img src="images/focus1.jpg"/></a></li>
<li><a href="area.html"><img src="images/focus2.jpg"/></a></li>
</ul>
<ul id="focus_button" class="focus_button">
<li class="on"></li>
<li></li>
</ul>
</div>
<div class="list">
<h3>城市简介</h3>
<a href="info.html"><img src="images/info.jpg"/></a>
<p><a href="info.html">大连市，别称滨城，是副省级城市、计划单列市，国务院确定的中国北方沿海重要的中心城市、港口及风景旅游城市。大连地处辽东半岛南端、黄渤海交界处，是重要的港口、贸易、工业、旅游城市。</a></p>
</div>
<div class="list">
<h3>行政区划</h3>
<p><a href="area.html">1985年1月，国务院批复同意撤销复县，设立瓦房店市。1987年4月，国务院批复同意撤销金县，设立大连市金州区。1991年11月，民政部批复，经国务院批准，撤销新金县，设立普兰店市。1992年9月，国务院批复同意撤销庄河县，设立庄河市。1994年5月，大连市由地级市升为副省级市。2014年6月，设立大连金普新区。大连金普新区位于辽宁省大连市中南部，范围包括大连市金州区全部行政区域和普兰店区部分地区。2015年10月，撤销县级普兰店市，设立大连市普兰店区，以原普兰店市的行政区域为普兰店区的行政区域。截至2017年，大连市下辖7个市辖区、1个县，代管2个县级市。</a></p>
</div>
<div class="list">
<h3>地理环境</h3>
<a href="place.html"><img src="images/place.jpg"/></a>
<p><a href="place.html">大连市地处辽东半岛南端。东濒黄海，西临渤海，南与山东半岛隔海相望，北倚辽阔的东北平原，整个地形为北高南低、北宽南窄。全市土地总面积12574平方千米。全市海岸线长2211千米。</a></p>
</div>
<div class="line">
<h3>自然资源</h3>
<a href="nature.html"><img src="images/nature.jpg"/></a>
<p><a href="nature.html">大连市水资源补给来源主要为大气降水，赋存形式主要为地表水和地下水。2016年全市水资源总量为17.49亿立方米。其中地表水资源量17.30亿立方米，地下水资源量4.85亿立方米，地表水资源量和地下水资源量之间重复计算水量4.66亿立方米。大连市矿产资源比较丰富，已发现的矿种有非金属矿产、贵重金属矿产、有色金属矿产、能源矿产等56种。</a></p>
</div>
<div class="word">
<h3>历史文化</h3>
<p><a href="history.html">大连话属于胶辽官话—登连片—大岫小片和烟威小片，被称为吸收了日语、俄语、英语等外来语的“海蛎子味儿”方言，不属于东北话。大岫小片范围：旅顺口区、沙河口区、中山区、西岗区、甘井子区、金州区南部、瓦房店市；烟威小片范围：金州区北部、普兰店区、长海县、瓦房店市郊、庄河市。其中除长海县外，皆不分尖团音。</a></p>
</div>
<div class="list">
<h3>地方特产</h3>
<p><a href="good.html">大连是中国皱纹盘鲍的主产地。皱纹盘鲍俗称“四孔鲍”和“鲍鱼”，是鲍科中的优质品种，有“海味之冠”的美誉。其肉质细嫩，营养丰富，自古以来就是“海产八珍”之一。欧洲人早年间，也把鲍鱼作为一种活鲜食用，誉作“餐桌上的软黄金”。大连海参，辽宁省大连市特产，中国国家地理标志产品。大连海参产于大连沿海的一种海刺参，又名海鼠、海黄瓜，是一种名贵海产动物，在地球上已经生存了六亿年。大骨鸡又称庄河鸡，主要产于辽宁省庄河市。大骨鸡形成历史悠久，据相关文献资料记载，早在二百多年以前，山东移民将山东大型的寿光鸡带入辽宁等地，与当地鸡杂交，后经当地群众长期选育而成。</a></p>
</div>
<div class="list">
<h3>风景名胜</h3>
<a href="tour.html"><img src="images/tour1.jpg"/></a>
<p><a href="tour.html">老虎滩海洋公园位于大连市南部海滨中部，是中国最大的一座现代化海滨游乐场。这里傍山依海，既是海洋动物和鸟类的世界，又是海滨风光胜地。景区内自然风光秀丽，山海互映，景色迷人。</a></p>
</div>
<div class="list">
<h3>社会事业</h3>
<a href="info.html"><img src="images/honor.jpg"/></a>
<p><a href="info.html">大连是一座足球城，在中国职业足球历史上，只有大连实德曾夺得8次冠军。在2005年，大连实德最后一次夺冠的时候，平均年龄仅有24.3岁。2019年，大连市举办全民健身活动2100场，参加人数230万人次。</a></p>
</div>
</div>
</div>
<div class="footer">Copyright @ 2022 dalian.com 大连网 版权所有</div>
</div>
</body>
</html>
学的反而越迷茫
有这种感觉很正常，因为你还没有真正去公司里面待过，也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看，你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。
当你以后真正进入公司，发现工作的难度和量大约只有你学习时期的大约20%，你可能就会发出一声叹息:原来工作也不过如此嘛。
这是很正常的，因为大部分公司是招你进去去干活的，写业务的，不是让你一个新人去研发公司架构的。都是现成的东西，你要做的就是在别人的教导下，手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这？
所以，放松心态吧，好好享受大学时光
—————————————————
学习更多
关注我 | 点赞博文 | 每天带你涨知识
相关问题可以相互学习，可关注↓公Z号
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
