本文档详细介绍了使用HTML5和CSS3进行黄山风景区相关网页的设计与开发，包括注册页面和用户反馈模块的实现，以及bigHousework和bigHousework2两个页面的HTML及CSS样式文件。
注册网页
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="order by dede58.com"/>
<title>用户注册</title>
<link rel="stylesheet" type="text/css" href="./css/login.css">
<style type="text/css">
body{
background: url(image1/background.jpg) ;
}
</style>
</head>
<body>
<form>
<div class="regist">
<div class="regist_center">
<div>
<div class="left fl">会员注册</div>
<div class="right fr"><a href="./bigHousework2.html" target="_blank">用户注册</a></div>
<div class="clear"></div>
<div class="xian center"></div>
</div>
<div class="regist_main center">
<div class="username">用 户 名:
<input class="shurukuang" type="text" id="user" οnfοcus="showTips('user','用户名必填！')" οnblur="check('user','用户名不能为空')" placeholder="请输入你的用户名"/><span id="userspan"></span>
</div>
<div class="username">密 码:
<input class="shurukuang" type="password" id="password" οnfοcus="showTips('password','密码必填！')" οnblur="check('password','密码不能为空')" placeholder="请输入你的密码"/><span id="passwordspan"></span>
</div>
<div class="username">确认密码: <input class="shurukuang" type="password" placeholder="请确认你的密码"/><span>两次密码要输入一致哦</span></div>
<div class="username">手 机 号: <input class="shurukuang" type="text" placeholder="请填写正确的手机号"/><span>填写下手机号吧，方便我们联系您！</span></div>
</div>
<div class="regist_submit">
<center><input class="submit" type="submit" name="submit" value="立即注册"></center>
</div>
</div>
</div>
</form>
</body>
</html>
**
用户反馈：
**
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户反馈</title>
<style type="text/css">
body{
background: url(images/background3.jpg);bottom center #efeff4 ;
background-size: 100% 100%;
}
</style>
</head>
<body>
<div class="regist1">
<div class="regist_center1">
<div>
<div class="right"><a href="bigHousework.html" target="_blank">旅游区</a></div>
<div class="left fl"><a>用户反馈</a></div>
<div class="clear"></div>
<div class="xian center"></div>
</div>
<div class="regist_main center">
<div class="username">用 户 名: <input class="shurukuang" type="text" placeholder="请输入您的用户名"/><span>请不要输入汉字</span></div>
<div class="username">手 机 号: <input class="shurukuang" type="text" placeholder="请输入您的手机号"/><span>填写下手机号吧，方便我们联系您！</span></div>
<div class="username">建 议: <input class="shurukuang1" type="text" placeholder="请填写您的建议"/><span>填写你的宝贵意见</span></div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<div>
<input class="submit jianyianniu" type="submit" name="submit" value="提交" >
</div>
</div>
</body>
</html>
登陆：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>会员登录</title>
<link rel="stylesheet" type="text/css" href="./css/login.css">
<style type="text/css">
body{
background: url(image1/background.jpg) ;
}
</style>
</head>
<body>
<form method="post" action="./login.php" class="form center">
<div class="login">
<div class="login_center">
<div class="login_top">
<div class="left fl">会员登录</div>
<div class="right fr">您还不是我们的会员？<a href="./register.html" target="_self">立即注册</a></div>
<div class="clear"></div>
<div class="xian center"></div>
</div>
<div class="login_main center">
<div class="username">用户名: <input class="shurukuang" type="text" name="username" placeholder="请输入你的用户名"/></div>
<div class="username">密 码: <input class="shurukuang" type="password" name="password" placeholder="请输入你的密码"/></div>
</div>
<div>
<input class="submit" type="submit" name="submit" value="立即登录" >
</div>
</div>
</div>
</form>
</body>
</html>
bigHousework.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>黄山风景区简介</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="short icon" href="images/title.png" />
<link rel="stylesheet" type="text/css" media="screen" href="bigHousework.css" />
</head>
<body>
<div id="top">
<div id="logo">
<img src="images/logo3.png" alt="logo" width="200px" height="50px" />
</div>
<div id="welcome">
<p>黄山风景区欢迎您</p>
<p>Welcome Come To HuangShan</p>
</div>
<div id="nav">
<div id="navCenter">
<ul>
<li>
<a href="bigHousework.html">首页</a>
</li>
<li>
<a href="./bigHousework2.html">住宿</a>
</li>
<li>
<a href="../NO4/BigHousework4.html">风景</a>
</li>
<li>
<a href="../NO3/BigHousework3.html">美食</a>
</li>
<li>
<a href="../NO5/BigHousework5.html">联系我们</a>
</li>
<li>
<a href="../NO4/BigHousework4.html">更多景区</a>
</li>
<li>
<a href="用户反馈.html" target="_blank">问题反馈(欢迎大家反馈)</a>
</li>
</ul>
</div>
</div>
</div>
<div id="container">
<div id="main">
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
