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

Web前端三大核心技术

HTML：结构 HTML期末大学生网页设计作业，可以替换文字图片满足不同的
CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识
JavaScript：做与用户的交互行为

文章目录

前端学习路线

（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结构代码

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

学的反而越迷茫

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

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

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

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

学习更多

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