期末前端web大作业——我的家乡甘肃介绍网页制作源码HTML+CSS+JavaScript

⛵源码获取文末联系✈
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 class="active"><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="jingji.html">经济</a></li><li ><a href="suohuorongyu.html">所获荣誉</a></li><li ><a href="geiwoliuyan.html">给我留言</a></li></ul></div></div><div class="clear"></div><div class="content12"><div class="guanggaotupian"><div class="img"><img src="images/1.jpg"></div></div></div><div class="clear"></div><div class="content12"><div class="taitou"><div class="title"><div class="stitle">图集</div> <a href="#" class="more"></a></div></div><div class="xiangceliebiao"><ul><li><div class="img"><img src="images/2.jpg"></div></li><li><div class="img"><img src="images/3.jpg"></div></li><li><div class="img"><img src="images/4.jpg"></div></li><li><div class="img"><img src="images/5.jpg"></div></li></ul></div></div><div class="clear"></div><div class="content7"><div class="taitou"><div class="title"><div class="stitle">历史沿革</div> <a href="#" class="more"></a></div></div><div class="lsyg"><ul><li><div class="img"><img src="images/1.jpg"></div><div class="text"><div class="title">名称由来</div><div class="clear"></div><div class="desc">甘肃，是取甘州（今张掖）、肃州（今酒泉）二地的首字而成。</div><div class="sdesc"></div></div></li><li><div class="img"><img src="images/6.jpg"></div><div class="text"><div class="title">建制沿革</div><div class="clear"></div><div class="desc">先秦时期，中国分为九州，甘肃省境大部属雍州。商代，居于泾河、渭河流域尚处于氏族部落阶段的周朝的祖先周部落，改善耕作，开拓了中国最早的农业。</div><div class="sdesc"></div></div></li></ul></div></div><div class="content5"><div class="taitou"><div class="title"><div class="stitle">自然资源</div> <a href="#" class="more"></a></div></div><div class="zrzy"><ul><li><div class="img"><img src="images/7.jpg"><div class="cover"></div><div class="text"><div class="title">水资源</div><div class="desc">甘肃省水资源主要分属黄河、长江、内陆河3个流域、9个水系。</div></div></div></li><li><div class="img"><img src="images/8.jpg"><div class="cover"></div><div class="text"><div class="title">土地资源</div><div class="desc">全省土地总面积42.59万平方千米（其中宁夏自治区飞地53.23平方千米）。</div></div></div></li></ul></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>