Web大学生网页作业成品——我的家乡福州网站设计与实现(HTML+CSS+JS)(3个页面)

常见网页设计作业题材有**汽车、环保、明星、文化、国家、抗疫、景点、人物、体育、植物、公益、图书、节日、游戏、商城、旅游、家乡、学校、电影、动漫、非遗、动物、个人、企业、美食、婚纱、其他**等网页设计题目, 可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,画面精明,排版整洁,内容丰富,主题鲜明,非常适合初学者学习使用。

文章目录

  • 一、作品介绍
  • 二、作品演示 ☁️
  • 三、代码目录
  • 四、网站代码
    • HTML部分代码
  • 五、如何学习网页制作 ❤️
  • 六、源码获取


一、作品介绍

️本套采用HTML+CSS,使用Javacsript代码实现图片轮播,共有3个页面

二、作品演示 ☁️



三、代码目录

Web大学生网页作业成品——我的家乡福州网站设计与实现(HTML+CSS+JS)(3个页面)_第1张图片

四、网站代码

HTML部分代码

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="./css/style.css">
</head>
<body>
	<div class="main">
		<div class="top">
			<img src="./images/d1.jpg" alt="" class="on">
			<img src="./images/d2.jpg" alt="">
		</div>
		
		
		<div class="nav">
			<a href="index.html" class="on">&nbsp;&nbsp;&nbsp;&nbsp;</a>
			<a href="jingdian.html">特色景点</a>
			<a href="meishi.html">特色美食</a>
		</div>
		<div class="banner">
			<img src="./images/banner.jpg" alt="">
		</div>
		
		<div class="box">
			<div class="box_index">
				<div class="box_i">
					<div class="box_img wh">
						<img src="./images/i1.jpg" alt="" class="on">
						<img src="./images/i2.jpg" alt="">
					</div>
					<div class="box_info">
						<h2>文化底蕴</h2>
						<p>福州历史悠久、渊源流长,建城至今已有2200多年,是国家历史文化名城。早在新石器时期,福州先民就创造了壳丘头文化、昙石山文化。福州民风淳朴,文化昌盛,素有“海滨邹鲁”的美誉。</p>
					</div>
				</div>
				<div class="box_i">
					<div class="box_img yf">
						<img src="./images/i3.jpg" alt="" class="on">
						<img src="./images/i4.jpg" alt="">
					</div>
					<div class="box_info">
						<h2>有福之州</h2>
						<p>福州,有“福”之州。历史记载福州是“因州北有福山”而故名,但以“有福之州”解释更显其内涵。因为福州不仅有山之仙气,水之灵气,还有人之福气。</p>
					</div>
				</div>
			</div>
		</div>
		
		<div class="footer">
			福州 欢迎您的到来
		</div>
	</div>
	<script src="./js/js.js"></script>
</body>
</html>


五、如何学习网页制作 ❤️

很多刚入门编程的小白学习了基础语法,却不知道语法的用途,不知道如何加深印象,不知道如何提升自己,可以去看一些视频教程,跟着视频一起学习代码,切记一定要自己手动敲一遍代码,不然就算当时看视频学会也会很容易忘记。

六、源码获取

1、 ~ 关注我,点赞博文~ 每天带你涨知识!
2、看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
3、源码获取公众号,点点下方公众号进行获取吧! 网页搜索编号:E0193
在这里插入图片描述

你可能感兴趣的:(学生HTML个人网页作业作品,静态网页,html网页设计与制作,前端,html,css)