⛵ 源码获取 文末联系 ✈
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>
<meta charset="utf-8">
<title>2022年北京冬季奥运会</title>
<link rel="stylesheet" type="text/css" href="css/css.css">
</head>
<body>
<div class="mainbox">
<!-- <div class="banner"></div> -->
<div class="focus" id="focus">
<div id="focus_m" class="focus_m">
<ul>
<li style="display:block"> <img src="images/da.png" style="width: 100%; height:432px"> </li>
<li style="display:none"> <img src="images/k.jpg" style="width: 100%;height:432px"> </li>
<li style="display:none"><img src="images/h.jpg" style="width: 100%;height:432px"> </li>
<li style="display:none"><img src="images/11.png" style="width: 100%;height:432px"> </li>
<li style="display:none"><img src="images/22.jfif" style="width: 100%;height:432px"> </li>
<li style="display:none"><img src="images/33.jfif" style="width: 100%;height:432px"> </li>
</ul>
</div>
<a href="javascript:;" class="focus_l" id="focus_l" title="上一张">
<span style="font-size: 50px; color: chartreuse; position: absolute; top: 20%;"><</span>
</a>
<a href="javascript:;" class="focus_r" id="focus_r" title="下一张">
<span style="font-size: 50px; color: chartreuse; position: absolute; top: 20%; left:74%;">></span>
</a>
</div>
<div class="nav">
<a href="index.html" class="on">首页</a>
<a href="zhenrong.html">赛事阵容</a>
<!-- <a href="xiangmu.html">赛事项目</a> -->
<button onclick="myFunction()" class="dropbtn">赛事项目▼</button>
<div id="myDropdown" class="dropdown-content">
<a href="wenhua.html" style="color: #fff;">冬奥新闻</a>
<a href="wenhua3.html" style="color: #fff;">比赛</a>
</div>
<a href="changdi.html" >赛事场地</a>
<a href="wenhua.html">赛事文化</a>
<a href="pingjia.html">赛事评价</a>
<a href="wenhua1.html">冬奥会开幕式</a>
<a href="wenhua2.html">火炬</a>
<a href="wenhua3.html">比赛项目</a>
<a href="wenhua4.html">闭幕式</a>
<a href="wenhua5.html">冬奥村</a>
<a href="wenhua6.html">冬残奥会</a>
</div>
<div class="ay">
<h3>2022年北京冬季奥运会</h3>
<p><img src="images/d.png" width="340" height="416" align="right"
style=" margin-left:24px;">第24届冬季奥林匹克运动会（XXIV Olympic Winter
Games），即2022年北京冬季奥运会，是由中国举办的国际性奥林匹克赛事，于2022年2月4日开幕，2月20日闭幕。</p>
<p>2022年北京冬季奥运会共设7个大项，15个分项，109个小项 。北京赛区承办所有的冰上项目，延庆赛区承办雪车、雪橇及高山滑雪项目，张家口赛区承办除雪车、雪橇及高山滑雪之外的所有雪上项目。</p>
<p>2021年9月17日，北京冬奥会、冬残奥会发布主题口号——“一起向未来” 。10月18日，北京冬奥会火种在希腊成功点燃
。10月20日，北京冬奥会火种抵达北京。11月15日，2022年冬奥会和冬残奥会主题口号推广歌曲《一起向未来》全新MV在全平台正式上线。
12月31日晚，北京2022年冬奥会和冬残奥会颁奖元素正式发布。</p>
<p>2022年1月17日，北京冬奥组委发布北京冬奥会竞赛日程终版。 1月22日，国际奥委会主席巴赫抵达北京开始相关活动。
1月30日，2022年北京冬奥会中国体育代表团旗手确定，由高亭宇、赵丹担任。2月4日晚，第二十四届冬季奥林匹克运动会开幕式在国家体育场举行，中共中央总书记、国家主席、中央军委主席习近平出席开幕式并宣布本届冬奥会开幕。
在开幕式上“冰雪五环”破冰而出，破冰寓意打破隔阂、互相走近、大家融为一体。2月6日，国际奥委会主席托马斯·巴赫在北京的新闻发布会上表示，北京冬奥会创造了历史，为奥运留下了一套全新的标准，将开启全球冰雪运动新篇章。”
</p>
</div>
<div class="hui">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10%">中文名:</td>
<td width="39%">2022年北京冬季奥运会</td>
<td width="2%" rowspan="5" style="border:none;"> </td>
<td width="11%">外文名:</td>
<td width="38%">Olympic Winter Games Beijing 2022</td>
</tr>
<tr>
<td>举办时间:</td>
<td>2022年2月4日 至 2022年2月20日</td>
<td>举办地点:</td>
<td>中国北京、中国张家口</td>
</tr>
<tr>
<td>主办机构:</td>
<td>北京2022年冬奥会和冬残奥会组织委员会</td>
<td>赛 区:</td>
<td>北京赛区、延庆赛区、张家口赛区</td>
</tr>
<tr>
<td>吉祥物:</td>
<td>冰墩墩(Bing Dwen Dwen)</td>
<td>口 号:</td>
<td>一起向未来(Together for a Shared Future)</td>
</tr>
<tr>
<td>主体育场:</td>
<td>国家体育场(鸟巢)</td>
<td>比赛项目:</td>
<td>7大项、15个分项、109个小项</td>
</tr>
<tr>
<td>播出频道:</td>
<td colspan="4">
中央电视台综合频道、中央电视台体育频道、中央电视台新闻频道、中央广播电视总台奥林匹克频道、北京广播电视台冬奥纪实频道、奥林匹克频道(国际奥委会网络频道)、北京卫视、河北卫视</td>
</tr>
</table>
</div>
</div>
<div class="footer">2022年北京冬季奥运会</div>
<script type="text/javascript" src="js/js.js"></script>
</body>
</html>
学的反而越迷茫
有这种感觉很正常，因为你还没有真正去公司里面待过，也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看，你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。
当你以后真正进入公司，发现工作的难度和量大约只有你学习时期的大约20%，你可能就会发出一声叹息:原来工作也不过如此嘛。
这是很正常的，因为大部分公司是招你进去去干活的，写业务的，不是让你一个新人去研发公司架构的。都是现成的东西，你要做的就是在别人的教导下，手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这？
所以，放松心态吧，好好享受大学时光
—————————————————
学习更多
关注我 | 点赞博文 | 每天带你涨知识
