前端学习路线

（1）html文件：其中index.html是首页、其他html为二级页面；
（2）css文件：css全部页面样式,文字滚动, 图片放大等；
（3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）
描述网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业，代码简单学生水平, 适合初学者学习使用。

网页基本结构

(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="item">
				<b>城市简介</b>
				<a href="info.html"><img src="images/info.jpg"/></a>
				<p><a href="info.html">昆明，别称春城，是云南省省会、滇中城市群中心城市，国务院批复确定的中国西部地区重要的中心城市之一。截至2019年，全市下辖7个区、3个县、代管1个县级市和3个自治县。</a></p>
			</div>
			<div class="item">
				<b>行政区划</b>
				<a href="area.html"><img src="images/area1.jpg"/></a>
				<p><a href="area.html">2016年11月24日，晋宁县撤县设区。昆明市辖14个县级行政区划单位（市辖区7，县级市1，县6），139个乡级行政区划单位（街道80，镇43，乡16）。昆明市人民政府驻呈贡区锦绣大街1号。</a></p>
			</div>
			<div class="line">
				<p>
					<b>地理环境</b>
					<span><a href="place.html">昆明位于中国西南云贵高原中部。南濒滇池，三面环山，滇池平原。昆明是中国面向东南亚、南亚乃至中东、南欧、非洲的前沿和门户，具有东连黔桂通沿海，北经川渝进中原，南下越老达泰柬，西接缅甸连印巴的独特区位优势。总面积21012.54平方千米。昆明属北纬低纬度亚热带-高原山地季风气候，由于受印度洋西南暖湿气流的影响，日照长、霜期短、年平均气温15℃，年均日照2200小时左右，无霜期240天以上。气候温和，夏无酷暑，冬无严寒，四季如春，气候宜人，年降水量1035mm。昆明市中心海拔约1891m。拱王山马鬃岭为昆明境内最高点，金沙江与普渡河汇合处为昆明境内最低点。</a></span>
				</p>
				<a href="place.html"><img src="images/place.jpg"/></a>
			</div>
			<div class="line">
				<a href="nature.html"><img src="images/nature.jpg"/></a>
				<p>
					<b>自然资源</b>
					<span><a href="nature.html">昆明地区水资源主要由地表水和地下水两大部份组成。水资源总量虽不少，但人均占有量较低。全市多年平均年径流量为73.1亿立方米，人均年占有水量1440立方米，每亩耕地年占有水量2070立方米，低于全国、全省的水平，属于资源性贫水地区。且时空分布不均匀，水质污染也较严重。昆明属高原红壤地区，土壤主要有红壤、紫色土和水稻土三类，适宜种植稻谷、小麦、蚕豆、玉米、马铃薯等粮食作物和油菜、烤烟、蔬菜、花卉等经济作物及桃、梨、苹果、柑桔、葡萄、板栗等经济林木。昆明市自然资源十分丰富。矿产资源主要有磷、盐、铁、钛、煤、石英砂、铝土、硅石等，其中以磷、盐、铁矿最为丰富。</a></span>
				</p>
			</div>
			<div class="list">
				<b>历史文化</b>
				<a href="history.html"><img src="images/history.jpg"/></a>
				<p><a href="history.html">“昆明”作为地名出现，则是在唐代。“武德二年，于镇置昆明县，盖南接昆明之地，因此为名。”按此处置昆明县，非今之昆明，乃四川定笮镇。</a></p>
			</div>
			<div class="list">
				<b>地方特产</b>
				<a href="good.html"><img src="images/good.jpg"/></a>
				<p><a href="good.html">云南山茶花也叫滇山茶，南山茶、大茶花，其树体较高大，荫浓叶阔，花朵硕大，生长过程中的叶子，有其典型的特性云南山茶花，是中国传统花木之一。</a></p>
			</div>
			<div class="list">
				<b>风景名胜</b>
				<a href="tour.html"><img src="images/tour1.jpg"/></a>
				<p><a href="tour.html">滇池，亦称昆明湖、昆明池、滇南泽、滇海。在昆明市西南，有盘龙江等河流注入，湖水在西南海口洩出，云南省最大的淡水湖，有高原明珠之称。</a></p>
			</div>
			<div class="list">
				<b>社会事业</b>
				<a href="info.html"><img src="images/honor.jpg"/></a>
				<p><a href="info.html">中国昆明进出口商品交易会、中国国际旅游交易会、中国昆明国际旅游节主要的会展城市之一。2018年，中国大陆最佳商业城市排名第23名。</a></p>
			</div>
		</div>
    </div>
	<div class="footer">Copyright @ 2022 kunming.com 昆明网 版权所有</div>
</div>
</body>
</html>

学的反而越迷茫

有这种感觉很正常，因为你还没有真正去公司里面待过，也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看，你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。

当你以后真正进入公司，发现工作的难度和量大约只有你学习时期的大约20%，你可能就会发出一声叹息:原来工作也不过如此嘛。

这是很正常的，因为大部分公司是招你进去去干活的，写业务的，不是让你一个新人去研发公司架构的。都是现成的东西，你要做的就是在别人的教导下，手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这？

所以，放松心态吧，好好享受大学时光
—————————————————

学习更多

关注我 | 点赞博文 | 每天带你涨知识
相关问题可以相互学习，可关注↓公Z号

标签 HTML, java, 主题

关于我的家乡html网页设计完整版 以家乡为主题的网页设计与实现

文章目录