hello，大家好，我是计算机学长哇子，前几天帮一位同学做10页的网页设计的期末大作业，总共10页，包括菜单首页、云南地图、热门城市、地方美食等。网页中包含：
1、Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频音频元素，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。
2、网站收集大量好看的图片素材、页面中有多媒体元素，如gif、视频、音乐，表单技术的使用。
3、有JS特效，如定时切换和手动切换图片轮播，菜单美观、醒目，二级菜单可正常弹出与跳转。
4、图片文件放到img文件夹，css文件放到css文件夹。
5、可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。
6、html文件包含：其中index.html是首页、其他html为二级页面；
下面演示部分代码，需要完整代码的同学可以私信我
部分代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>云南旅游</title>
<link rel="stylesheet" href="css/normail.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
<header class="header-box">
<div class="header-inner-box flex flex-align-center flex-justify-between container">
<div class="logo-box flex flex-align-center flex-justify-center">
<img src="img/logo.svg" alt="">
</div>
<div class="d-none d-lg-block">
<ul class="nav-box flex ">
<li><a href="./index.html">首页</a></li>
<li><a href="./map.html">云南地图</a></li>
<li><a href="./popcity.html">热门城市</a></li>
<li class="dropdown">
<a href="./naturallandspace.html">自然景观</a>
<ul class="subnav">
<li><a href="./shilin.html">石林风景区</a></li>
<li><a href="./yuanyang.html">元阳梯田</a></li>
</ul>
</li>
<li><a href="./minzufav.html">民族节日</a></li>
<li><a href="./food.html">舌尖之旅</a></li>
<li><a href="./transport.html">交通住宿</a></li>
<li><a href="./contact.html">联系我们</a></li>
</ul>
</div>
<div class="login-box flex flex-align-center flex-justify-center">
<a href="./login.html" class="margin-right-10">登录</a>
<a href="./register.html" class="margin-right-10">注册</a>
<div class="d-block d-lg-none margin-right-10 flex flex-align-center flex-justify-center" id="menu-btn">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ffffff" d="m4 3.5l5 5l-5 5zM21 20v-2H3v2zm0-7v-2h-9v2zm0-7V4h-9v2z"/></svg>
</div>
</div>
</div>
<div class="mask-box">
<div class="col-12 col-md-6">
<h3>注册</h3>
<form action="">
<div class="form-group">
<label for="">用户名</label>
<input type="text" class="form-control">
</div>
<div class="form-group">
<label for="">密码</label>
<input type="password" class="form-control">
</div>
</div>
</div>
</body>
</html>
