⛵ 源码获取文末联系 ✈

Web前端开发技术
描述网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 家乡旅游景点 | 家乡民生变化 | 介绍自己的家乡 | 我的家乡 | 家乡主题 | HTML期末大学生网页设计作业

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>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css" /></head>
<body>
<div class="main" ><div  class="content12">
<div class="daohang"><ul><li><a href="index.html">首页</a>
</li><li><a href="guanyu.html">关于</a></li><li><a href="lishiyange.html">历史沿革</a></li><li><a href="dilihuanjing.html">地理环境</a></li><li><a href="ziranziyuan.html">自然资源</a></li><li><a href="renkou.html">人口</a></li><li><a href="zhumingrenwu.html">著名人物</a></li><li><a href="shipinxinshang.html">视频欣赏</a></li></ul>
</div>
</div>
<div class="clear"></div><div  class="content12">
<div class="guanggaotupian"><div class="img">
<img src="data:images/1.jpg"></div></div>
</div>
<div class="clear"></div><div  class="content12">
<div class="taitou"><div class="title">地理环境 <i></i></div></div>
<div class="dlhj"><div class="img"><img src="data:images/2.jpg"></div><div class="text">
<div class="title">位置境域</div>
<div class="clear"></div>
<div class="desc">广东省地处中国大陆最南部。东邻福建，北接江西、湖南，西连广西，南临南海，珠江口东西两侧分别与香港、澳门特别行政区接壤，西南部雷州半岛隔琼州海峡与海南省相望。全境位于北纬20°13′～25°31′和东经109°39′～117°19′之间。东起南澳县南澎列岛的赤仔屿，西至雷州市纪家镇的良坡村，东西跨度约800公里；北自乐昌县白石乡上坳村，南至徐闻县角尾乡灯楼角，跨度约600公里。北回归线从南澳—从化—封开一线横贯广东&nbsp;
。广东省境内陆地面积为17.98万平方公里，约占全国陆地面积的1.87%；其中岛屿面积1592.7平方公里，约占全省陆地面积的0.89%。全省沿海共有面积500平方米以上的岛屿759个（由于历史原因，东沙群岛被台湾当局控制），数量仅次于浙江、福建两省，居中国第三位。另有明礁和干出礁1631个。&nbsp;
广东省岸线总长度为4114公里。已开发利用的岸线长度为1414公里，约占总长度的35%。</div><span class="more">查看详情</span>
</div><div class="img"><img src="data:images/3.jpg"></div><div class="text">
<div class="title">地形地貌</div>
<div class="clear"></div>
<div class="desc">广东省山脉大多与地质构造的走向一致，以北东―南西走向居多，如斜贯粤西、粤中和粤东北的罗平山脉和粤东的莲花山脉；粤北的山脉则多为向南拱出的弧形山脉，此外粤东和粤西有少量北西―南东走向的山脉；山脉之间有大小谷地和盆地分布。平原以珠江三角洲平原最大，潮汕平原次之，此外还有高要、清远、杨村和惠阳等冲积平原。台地以雷州半岛―电白―阳江一带和海丰―潮阳一带分布较多。东莞构成各类地貌的基岩岩石以花岗岩最为普遍，砂岩和变质岩也较多，粤西北还有较大片的石灰岩分布，此外局部还有景色奇特的红色岩系地貌，如著名的丹霞山和金鸡岭等；丹霞山和粤西的湖光岩先后被评为世界地质公园；沿海数量众多的优质沙滩以及雷州半岛西南岸的珊瑚礁，也是十分重要的地貌旅游资源。沿海沿河地区多为第四纪沉积层，是构成耕地资源的物质基础。</div><span class="more">查看详情</span>
</div><div class="img"><img src="data:images/4.jpg"></div><div class="text">
<div class="title">气候环境</div>
<div class="clear"></div>
<div class="desc">广东省属于东亚季风区，从北向南分别为中亚热带、南亚热带和热带气候，是中国光、热和水资源最丰富的地区之一，且雨热同期，四季常青。&nbsp;
从北向南，年平均日照时数由不足1500小时增加到2300小时以上，年太阳总辐射量在4200～5400兆焦耳/平方米之间，年平均气温约为19℃～24℃。全省平均日照时数为1745.8小时、年平均气温22.3℃。1月平均气温约为16℃～19℃，7月平均气温约为28℃～29℃。&nbsp;中山广东降水充沛，年平均降水量在1300～2500毫米之间，全省平均为1777毫米。降雨的空间分布基本上也呈南高北低的趋势。受地形的影响，在有利于水汽抬升形成降水的山地迎风坡有恩平、海丰和清远3个多雨中心，年平均降水量均大于2200毫米；在背风坡的罗定盆地、兴梅盆地和沿海的雷州半岛、潮汕平原少雨区，年平均降水量小于1400毫米。降水的年内分配不均，4～9月的汛期降水占全年的80%以上；年际变化也较大，多雨年降水量为少雨年的2倍以上。&nbsp;
洪涝和干旱灾害经常发生，台风的影响也较为频繁。春季的低温阴雨、秋季的寒露风和秋末至春初的寒潮和霜冻，也是广东多发的灾害性天气。</div><span class="more">查看详情</span>
</div></div>
</div>
<div class="clear"></div><div  class="content12">
<div class="taitou"><div class="title">人口 <i></i></div></div>
<div class="rk"><div class="text">
<div class="desc"><br><br>广东有3000多万海外侨胞，占全国海外侨胞人数一半以上，分布世界160多个国家和地区，主要在东南亚的印度尼西亚、泰国、马来西亚、新加坡、越南、柬埔寨，欧美的美国、加拿大、法国、英国、德国，南美洲的秘鲁、巴拿马、巴西、委内瑞拉，大洋洲的澳大利亚、新西兰，非洲的毛里求斯、马达加斯加、南非等国家和地区。省内有10.17万归侨、3000多万侨眷，主要集中在珠江三角洲、潮汕平原和梅州等侨乡地区以及23个华侨农场
。<br><br>广东省2010年第六次全国人口普查广东省常住人口为104303132人，同第五次全国人口普查2000年11月1日零时的86420000人相比，十年共增加17883132人，增长20.69%。年平均增长率为1.90%。
2016年末常住人口10999万人。
2019年末，全省常住人口11521.00万人，比上年末增加175万人。全年出生人口143.38万人，出生率12.54‰；死亡人口50.99万人，死亡率4.46‰；自然增长人口92.38万人，自然增长率8.08‰。
<br><br>根据第七次全国人口普查结果，2020年11月1日零时广东省的常住人口为126012510人。
</div>
</div></div>
</div>
<div class="clear"></div><div  class="content12">
<div class="taitou"><div class="title">留言板 <i></i></div></div>
<div class="lybd"><form id="form" class="form"><div><input  type="input" name="input"  class="input"  id="ziduan1" value="呢称" />
</div>
<div class="clear"></div><div><input  type="input" name="input"  class="input"  id="ziduan2" value="电话" />
</div>
<div class="clear"></div><div>
<input class="radio" type="radio" name="radio3" value="男"  checked />男<input class="radio" type="radio" name="radio3" value="女"   />女</div>
<div class="clear"></div><div>
<div class="title"></div>
<textarea    class="textarea" name="textarea" > 介绍</textarea>
</div>
<div class="clear"></div><button type="button"  class="submit" id="sub"   >提交</button></form>
</div>
</div>
<div class="clear"></div><div  class="content12">
<div class="dibu"><div class="desc">
广东
</div></div>
</div>
<div class="clear"></div></div></body></html>

学的反而越迷茫

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

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

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

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

学习更多

关注我 | 点赞博文 | 每天带你涨知识

HTML CSS JS 网页设计作业「我的家乡」-广东相关推荐

TML5期末大作业：女性化妆品商城网站设计——女性化妆品商城(3页) HTML CSS 网页设计作业「商城小站」
HTML5期末大作业:女性化妆品商城网站设计--女性化妆品商城(3页) HTML CSS 网页设计作业「商城小站」常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器 ...
HTML CSS 网页设计作业「体育小站」(梅西足球 6页 )
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 校园篮球网页设计 | 足球体育运动 | 体育游泳运动 | 兵乓 ...
HTML期末大作业 ~ 马尔代夫旅游网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计...
HTML期末大作业 ~ 大学生旅游官网网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计~ 临近期末, 你还在为HTML网页设 ...
1500套HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计网页规划与设计
一.1500套HTML期末学生结课大作业作品(HTML+CSS+JS) 这8年来做了1000多套(HTML+CSS+JS)网页设计的学生期末大作业,都是给学生定制的都符合学校或者学生考试期末作业的水平 ...
HTML奥运网页5页面文化 ~ 体育学生网页设计作业 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计
HTML奥运网页5页面文化 ~ 体育学生网页设计作业 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计临近期末, 你还在为HTML网页设计结 ...
24HTML5期末大作业：XXX 网站设计——指环王：护戒使者(13页) HTML+CSS+JavaScript HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程网页规
HTML5期末大作业:XXX 网站设计--指环王:护戒使者(13页) HTML+CSS+JavaScript HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计网页规划 ...
HTML5期末大作业：XXX 网站设计——指环王：护戒使者(13页) HTML+CSS+JavaScript HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计网页规
HTML5期末大作业:XXX 网站设计--指环王:护戒使者(13页) HTML+CSS+JavaScript HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计网页规划 ...
html网页设计期末大作业——生物科技化妆品网页(6页) HTML+CSS+JS网页设计期末课程大作业
html网页设计期末大作业--生物科技化妆品网页(6页) HTML+CSS+JS网页设计期末课程大作业常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. ...
HTML+CSS+JS网页设计期末课程大作业——奥运网页设计(5页) 大学生体育运动网页设计模板代码
HTML+CSS+JS网页设计期末课程大作业--奥运网页设计(5页) 大学生体育运动网页设计模板代码常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家 ...
期末作业成品代码——美食汇-美食菜谱(5页) HTML+CSS+JS网页设计期末课程大作业
HTML5期末大作业:美食网站设计--美食汇-美食菜谱(5页) HTML+CSS+JS网页设计期末课程大作业常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶 ...

HTML CSS JS 网页设计作业「我的家乡」-广东