html5静态网页设计要是用HTML DIV+CSS JS等来完成页面的排版设计,一般的网页作业需要融入以下知识点:div布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频 视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点,学生网页作业源码可以去猿猿设计官网下载,制作水平和原创度都适合学习或交作业用,记得点赞;
一般html5静态网页设计作业主题有 个人网页设计、 美食网页设计、家乡网页设计、 企业网页设计、 学校、 旅游网页设计、 电商购物网页设计、 宠物网页设计、 茶叶、 家居、 酒店、 舞蹈、 动漫网页设计、 明星、 服装网页设计、 体育网页设计、 化妆品网页设计、 物流、 书籍、 婚纱、 军事网页设计、 游戏网页设计、 节日网页设计、 环保网页设计、 电影、 摄影、 文化网页设计、 鲜花网页设计、 礼品、 汽车网页设计、 其他 等网页设计, 成品网页设计可以达到90分左右水平, 可满足大学生网页大作业网页设计需求, 喜欢的可以联系,我们也可以根据要求进行个性化定制。
前言
html5静态网页设计要是用HTML DIV+CSS JS等来完成页面的排版设计,一般的网页作业需要融入以下知识点:div布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频 视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点,学生网页作业源码可以去猿猿设计官网下载,制作水平和原创度都适合学习或交作业用,记得点赞;
一般html5静态网页设计作业主题有 个人网页设计、 美食网页设计、家乡网页设计、 企业网页设计、 学校、 旅游网页设计、 电商购物网页设计、 宠物网页设计、 茶叶、 家居、 酒店、 舞蹈、 动漫网页设计、 明星、 服装网页设计、 体育网页设计、 化妆品网页设计、 物流、 书籍、 婚纱、 军事网页设计、 游戏网页设计、 节日网页设计、 环保网页设计、 电影、 摄影、 文化网页设计、 鲜花网页设计、 礼品、 汽车网页设计、 其他 等网页设计, 成品网页设计可以达到90分左右水平, 可满足大学生网页大作业网页设计需求, 喜欢的可以联系,我们也可以根据要求进行个性化定制。
一、内蒙古旅游网页设计简介
内蒙古网页设计有六个页面组成,带视频,表单。
网页介绍了内蒙古综合概况,历史沿革,美景美食等。
网页设计运行效果图如下:
二、网页代码
1.HTML
首页网页设计HTML代码
<!DOCTYPE html> | |
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
<title>内蒙古自治区</title> | |
<link type="text/css" rel="stylesheet" href="css/css.css"> | |
</head> | |
<body> | |
<div class="head2"> <a href="index.html">主页</a> | |
<a href="shipin.html">视频简介</a> <a href="lishi.html">历史文化</a> <a href="meishi.html">美食</a> <a href="meijing.html">旅游胜地</a> <a href="yuyue.html">注册</a> | |
<div class="clear"></div> | |
</div> | |
<div class="banner"><img src="./images/banner.jpg" width="100%"></div> | |
<div class="content"> | |
<div class="bar"><span>简介</span></div> | |
<div class="pad"> | |
<img src="images/about.jfif" style="float: left;width: 300px;margin-right: 20px;"> | |
<p>内蒙古自治区,简称“内蒙古”,首府呼和浩特。地处中国北部,地理上位于北纬37°24′-53°23′,东经97°12′-126°04′之间,东北部与黑龙江、吉林、辽宁、河北交界,南部与山西、陕西、宁夏相邻,西南部与甘肃毗连,北部与俄罗斯、蒙古接壤,横跨东北、华北、西北地区。 [1-2] 。</p> | |
<p>内蒙古自治区地势由东北向西南斜伸,呈狭长形,全区基本属一个高原型的地貌区,全区涵盖高原、山地、丘陵、平原、沙漠、河流、湖泊等地貌,气候以温带大陆性气候为主,地跨黄河、额尔古纳河、嫩江、西辽河四大水系。</p> | |
<p>截至2019年末,内蒙古总面积118.3万平方千米,辖12个地级行政区 [5] ,其中9个地级市、3个盟,共有23个市辖区、11个县级市、17个县、49个旗,3个自治旗。 [2] [6] 截至2021年末,内蒙古自治区常住人口2400.0万人,比上年末减少2.8万人。 [55] 2021年,内蒙古自治区地区生产总值完成20514.2亿元,按可比价计算,比上年增长6.3%。。</p> | |
</div> | |
<br> | |
<br> | |
<div class="bar"><span>美景</span></div> | |
<div class="imglist"> | |
<ul> | |
<li> <a href="#"> | |
<p><img src="./images/3.jpg" width="200" height="140"></p> | |
</a> </li> | |
<li> <a href="#"> | |
<p><img src="./images/1.jpg" width="200" height="140"></p> | |
<h4></h4> | |
</a> </li> | |
<li> <a href="#"> | |
<p><img src="./images/2.jpg" width="200" height="140"></p> | |
<h4></h4> | |
</a> </li> | |
<li> <a href="#"> | |
<p><img src="./images/4.jpg" width="200" height="140"></p> | |
<h4></h4> | |
</a> </li> | |
</ul> | |
<div class="clear"></div> | |
</div> | |
</div> | |
<div class="end">版权所有@内蒙古自治区</div> | |
<div><object id="ClCache" click="sendMsg" host="" width="0" height="0"></object></div></body></html> |
2.CSS代码
代码如下:
/* CSS Document */
body{ background:url("../images/bj.webp.jpg");margin:0 auto; width:1000px;
background-size: 100% 100%;
}
ul{ padding:0; margin:0}
.img h4 {
position: absolute;
right:10%;
bottom:10%;
width:20px;
color:#FFD9D9
}
a:link { text-decoration: none;color: #000000}
a:active { text-decoration:blink;color: #000000}
a:hover { text-decoration:underline;color: red}
a:visited { text-decoration: none;color: #000000}
.logo { height:80px;}
.logo img { height:80px;}
.img a {text-decoration:none}
.head2 {background:green; line-height:70px}
.head2 a {text-decoration:none; width:16%; float:left; text-align:center; color:#FFFFFF}
.img { position:relative; width:400px; margin:0.5cm auto;}
.clear {clear:both}
.content{ background:rgba(255,255,255,0.99); padding:30px}
.end{ color:#fff; padding:30px 0;background: green; text-align:center; color:#000000}
.bar{ border-bottom:#c6b7f2 solid 1px; padding:10px; margin-bottom:20px}
.imglist{ width:100%; margin:0 auto}
.imglist li{ float:left; width:25%; list-style:none; padding:0; text-align:center}
.end{clear:both}
.banner{ width:100%;height: 400px;
}
.banner img{ width:100%;height: 400px;
总结
以上就是今天要讲的内容,本文仅仅简单介绍内蒙古家旅游网页设计作业成品模板,更多专业网页设计模板认准 猿猿网页设计