🎉🎉🎉 常见网页设计作业题材有**
汽车、环保、明星、文化、国家、抗疫、景点、人物、体育、植物、公益、图书、节日、游戏、商城、旅游、家乡、学校、电影、动漫、非遗、动物、个人、企业、美食、婚纱、其他
**等网页设计题目, 可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,画面精明,排版整洁,内容丰富,主题鲜明,非常适合初学者学习使用。🎉🎉🎉
一、作品介绍 🔥
🏷️本套采用HTML+CSS,使用Javacsript代码实现图片轮播,共有5个页面
。
📖采用目前主流的、能兼容各大主流浏览器、显示效果稳定的网页布局结构。
📘网站程序方面:最新的网页编程语言HTML5+CSS3程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。
📗网站素材方面:收集各大平台好看的图片素材,并精挑细选适合网页风格的图片,然后使用PS做出适合网页尺寸的图片。
📕网站文件方面:网站文件种类包含:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件;
其中:
(1)📜html文件包含:其中index.html是首页、其他html为二级页面;
(2)📑 css文件包含:css全部页面样式;
(3)📄 js文件包含:js实现动态轮播特效。
📙网页编辑方面:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++
等任意html编辑软件进行运行及修改编辑等操作)。
二、作品演示 ☁️
三、代码目录 🏠
四、网站代码 👿
HTML部分代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body>
<div class="main">
<div class="w">
<div class="top">
<img src="./images/top.jpg" alt="img0">
<img src="./images/top1.jpeg" alt="" class="hide img1">
</div>
<div class="nav">
<ul>
<li><a href="index.html" class="has">莆田首页</a></li>
<li><a href="lishi.html">历史沿革</a></li>
<li><a href="meishi.html">特色美食</a></li>
<li><a href="jingdian.html">景点介绍</a></li>
<li><a href="xisu.html">传统习俗</a></li>
</ul>
</div>
<div class="content">
<h2 class="content-t">莆田简介</h2>
<div class="content-l">
<p>
莆田市,古称“兴化”,又称“荔城”、“莆阳”、“兴安”、“莆仙”,福建省辖地级市,位居福建省沿海中部,地处北纬24°59′—25°46′,东经118°27′—119°56′之间。境内地势西北高、东南低,横剖面呈马鞍状,地处北回归线北侧边缘,东濒海洋,属典型的亚热带海洋性季风气候;辖四区一县(荔城区、城厢区、涵江区、秀屿区、仙游县),陆域面积4200平方公里,海域面积1.1万平方公里 。根据第七次人口普查数据,截至2020年11月1日零时,莆田市常住人口为321.0714万人。
</p>
<p>
莆田历史底蕴深厚,史称“兴化”,素有“海滨邹鲁”、“文献名邦”之美称,自唐以来,涌现出2482名进士、21名状元,17名宰相。
</p>
<p>
基础设施完善,湄洲湾、兴化湾、平海湾“三湾环绕”,湄洲湾为深水良港,可建万吨级以上泊位150多个;福厦铁路、永莆铁路贯穿全境 ,湄洲湾港口铁路支线投入使用;福厦高速、沈海复线、莆永高速、湄渝高速形成“两纵两横”格局。同时,莆田被列为第一批国家新型城镇化综合试点地区,及消费品工业“三品”战略示范城市。2020年10月,被评为全国双拥模范城(县)。
</p>
<p>
2022年,全市地区生产总值达到3116.25亿元,总量居全省第7位,比上年前移1位,同比增长4.0%,增幅居全省第6位,比上年前移2位。2022年,全市农林牧渔业总产值273.94亿元,同比增长2.8%。全市规模以上工业增加值同比增长4.2%,第三产业自下半年以来保持加快回升态势,全年增加值增长4.2% 。
</p>
</div>
<div class="content-r">
<img src="./images/jj.png" alt="">
</div>
<div class="cl"></div>
<h2 class="content-t">莆田图册</h2>
<div class="tuce">
<div class="tu">
<img src="./images/1.jpg" alt="">
</div>
<div class="tu">
<img src="./images/2.jpg" alt="">
</div>
<div class="tu">
<img src="./images/3.jpg" alt="">
</div>
<div class="tu">
<img src="./images/4.jpg" alt="">
</div>
</div>
</div>
<div class="footer">
<marquee direction="left">美丽莆田欢迎您的到来</marquee>
</div>
</div>
</div>
<script src="./js/js.js"></script>
</body>
</html>
五、如何学习网页制作 ❤️
🙋很多刚入门编程的小白学习了基础语法,却不知道语法的用途,不知道如何加深印象,不知道如何提升自己,可以去看一些视频教程,跟着视频一起学习代码,切记一定要自己手动敲一遍代码,不然就算当时看视频学会也会很容易忘记。
六、 一份合格的网页作业 😊
🎁一套合格的网页应该包含(具体可根据个人要求而定)
1、🏅️页面分为页头、菜单导航栏(最好可下拉)、中间内容板块、页脚四大部分;
2、🥈所有页面相互超链接,可到三级页面,有5-10个页面组成;
3、⌨️页面样式风格统一布局显示正常,不错乱,使用Div+Css技术;
4、💻菜单美观、醒目,二级菜单可正常弹出与跳转;
5、👩🏫要有JS特效,如定时切换和手动切换图片新闻;
6、📃页面中有多媒体元素,如gif、视频、音乐,表单技术的使用;
7、🌹页面清爽、美观、大方,不雷同。
8、💯网站前端程序不仅要能够把用户要求的内容呈现出来,还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。
七、源码获取 🏫
🥇1、 ~ 关注我,点赞博文~
每天带你涨知识!
🎁2、看到这里了就[点赞+好评+收藏]
三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
💙3、源码获取公众号,点点下方公众号进行获取吧! 网页搜索编号:E0198