临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?网页要求的总数量太多?HTML网页作业无从下手?没有合适的模板?等等一系列问题。你想要解决的问题,在这里常见网页设计作业题材有 个人、 美食、 公司、体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的电竞博客网页制作,画面精明,非常适合初学者学习使用。
视频演示:
web前端期末大作业-响应式婚庆公司网页设计.mp4https://www.bilibili/video/BV18Q4y1S7Mjhttps://www.bilibili/video/BV18Q4y1S7Mj
网页实现截图:
网站主页
关于我们介绍:
产品简介:
新闻中心:
联系我们:
项目组织结构:
主要源码展示:
index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="/demo1016/skin/css/webstyle.css" rel="stylesheet" type="text/css" />
<title>绿色畜牧肉类食品行业模板(带手机端)</title>
<meta name="keywords" content="" />
</head>
<body>
<!--header start-->
<div class="logo min_w">
<div class="container">
<div class="logo_l fl"><img src="/demo1016/skin/img/logo.png"></div>
<div class="logo_r fr">
<div class="logo_r fr"> 联系电话:400-888-8888 </div>
</div>
<div class="cl"></div>
</div>
</div>
<div class="nav min_w">
<div class="container">
<ul class="nav_list">
<li><a href="/demo1016/" target="">首页</a> </li>
<li><a href="http://demoall.admin868/demo1016/a/about/" target="">关于我们</a>
<div class="news_list_l fl">做你自己,不要刻意去取悦别人<span>如果我们把自己的心的主权全部交给了别人,别人就不会珍惜,并且随时有可能摧毁它。 我相信,每个人都痛恨过自己,时常有那么一瞬间,自己做出来的事情,说出来的话,连自己都...</span></div>
<div class="news_list_r fr"><img width="160" height="105"><span>点击查看 ></span></div>
</a>
</li>
<li>
<a href="">
<div class="news_list_l fl">藏,是懂得最深的慈悲<span>裁一帛光阴,写一阕旧词,字里行间,蕴着清风明月的境,含了幽篁篱菊的情,读在眼眸里,便是一段故事,读在往事中,便是一曲心音,读在岁月里,便是一林静好。 红尘漫漫,吹不...</span></div>
<div class="news_list_r fr"><img src="" width="160" height="105"><span>点击查看 ></span></div>
</a>
</li>
<li>
<a">
<div class="news_list_l fl">如此善良的坏人<span>朋友的表姐是开出租车的。 那天她不幸被四个强悍的歹徒绑架到一个荒僻、偏远的地方。寒冬、深夜敌我力量的反差,情况之危急可想而知。 朋友的表姐一边慢慢和歹徒周旋,一边想...</span></div>
<div class="news_list_r fr"><img src="" width="160" height="105"><span>点击查看 ></span></div>
</a>
</li>
<li>
<div class="news_list_l fl">戒贪<span>电视上,又在报道关于二套房、三套房贷款的问题。有钱人就是好啊,可以买二套房、三套房,而很多小老百姓,连首套房子也买不起。 也是电视上报道,说北京很多小区,入住率还不...</span></div>
<div class="news_list_r fr">
style.css
.nav_list li {
width: 160px;
float: left;
text-align: center;
font-size: 16px;
color: #fff;
position: relative;
line-height: 54px
}
.nav_list li span {
display: block;
font-size: 8px;
color: #fff;
}
.nav_list li a {
color: #fff;
}
.nav_list li ul {
padding-bottom: 5px;
margin: 0 auto;
width: 122px;
position: absolute;
top: 53px;
left: 19px;
display: none;
z-index: 99999
}
.nav_list li ul li {
width: 122px;
padding: 5px 0;
float: none;
background: #1f9b0f;
}
作品来自于网络收集、侵权立删
获取源码:
大家点赞、收藏、关注、评论啦 、
打卡 文章 更新 108/ 365天
更多推荐
Web前端期末大作业---响应式绿色畜牧业肉食网页设计(HTML+CSS+JavaScript)实现
发布评论