Web前端三大核心技术

  1. HTML:结构
    HTML期末大学生网页设计作业,可以替换文字图片满足不同的

  2. CSS:样式
    在操作方面上运用了html5和css3,
    采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识

  3. JavaScript:做与用户的交互行为

文章目录

  • 前端学习路线
  • 网页基本结构
  • 网页演示
  • 网站源码
    • HTML结构代码
  • 学的反而越迷茫
  • 学习更多

前端学习路线

(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网页设计完整版 以家乡为主题的网页设计与实现
关于我的家乡html网页设计完整版 以家乡为主题的网页设计与实现
关于我的家乡html网页设计完整版 以家乡为主题的网页设计与实现
关于我的家乡html网页设计完整版 以家乡为主题的网页设计与实现
关于我的家乡html网页设计完整版 以家乡为主题的网页设计与实现
关于我的家乡html网页设计完整版 以家乡为主题的网页设计与实现

网站源码

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网页设计完整版 以家乡为主题的网页设计与实现

发表回复