大学生HTML5期末作业 Web前端网页制作 html5+css3+js html+css网页设计美食文化美食大联盟5个页面-优快云博客

大学生HTML5期末作业 Web前端网页制作 html5+css3+js html+css网页设计美食文化美食大联盟5个页面

网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。

获取源码

1，访问该网站 https://download.youkuaiyun.com/download/qq_42431718/90216949
2，点击上方下载

目录1

在这里插入图片描述

项目视频

html+css网页设计美食文化美食大联盟5个页面

页面展示

页面1

在这里插入图片描述

页面2

在这里插入图片描述

页面3

在这里插入图片描述

页面4

在这里插入图片描述

页面5

在这里插入图片描述

代码展示

<!DOCTYPE html>
<!-- Website template by freewebsitetemplates.com -->
<html>
<head>
	<meta charset="UTF-8">
	<title>文化美食大聯盟</title>
	<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
	<div id="page">
		<div id="header">
			<div class="background">
				<h1 id="logo"> <a href="index.html">文化美食大聯盟</a> </h1>
				<div id="navigation">
					<ul>
						<li class="selected">
							<a href="index.html">聯盟說明</a>
						</li>
						<li>
							<a href="news.html">最新消息</a>
						</li>
						<li>
							<a href="members.html">聯盟業者</a>
						</li>
						<li>
							<a href="rouls.html">會員規範</a>
						</li>
						<li>
							<a href="works.html">最新成果</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div id="contents">
			<div id="adbox">
				<div>
					<img src="images/index.jpg" alt="Img" height="390" width="632">
					<h1>聯盟說明</h1>
					<h4>
						行政院國家科學委員會為促使大專校院及學術研究機構有效運用研發能量，以其已建立之核心技術與相關之上中下游產業界建構技術合作聯盟，
						希冀藉由業界的參與共同組成會員形式之產學技術聯盟，有效落實產學之間互動，提昇業界競爭能力。 
						<br>
						爰此，靜宜大學「文化美食資源規劃與研究中心」鑑於美食觀光發展的重要性，多年來在師生、業者以及文化美食愛好者共同努力下，累積了豐富研究資源與成果，
						創造具「豐富性、獨特性、多樣性」之文化美食資源平台，並鏈結產業成員共同建立「文化美食大聯盟」，期許藉由學術研究能量，透過產學合作之創新思維，刺激美食產業能量提升。</h4>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="background">
				<div class="body">
					<div class="section">
						<h3>聯絡資訊</h3>
						<ul>
							<li>
								<span>地址</span><strong>:</strong>
									台中市沙鹿區台灣大到七段200號
							</li>
							<li>
								<span>電話</span><strong>:</strong>
								<p>
									(04)2632-8001
								</p>
							</li>
						</ul>
					</div>
					<p id="footnote">
						網頁練習製作：　資管四B 410816732 高渝昕
					</p>
				</div>
			</div>
		</div>
	</div>
</body>
</html>