HTML+CSS静态页⾯⽹页设计作业：我的家乡⽹站设计——我的家乡-莆仙（6
安卓手机flash插件最新页）
HTML5期末⼤作业：我的家乡⽹站设计——我的家乡-莆仙(6页)
常见⽹页设计作业题材有 个⼈、美⾷、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节⽇、戒烟、电影、摄影、⽂化、家乡、鲜花、礼品、汽车、其他 等⽹页设计题⽬, A+⽔平作业, 可满⾜⼤学⽣⽹页⼤作业⽹页设计需求, 喜欢的可以下载!
获取更多源码
PC电脑端关注我们
作品介绍
1.⽹页作品简介 ：HTML期末⼤学⽣⽹页设计作业 A+⽔平 ，喜欢的可以下载，⽂章页⽀持⼿机PC响应式布局。
2.⽹页作品编辑：作品下载后可使⽤任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改⽹页）。
3.⽹页作品技术：Div+CSS、⿏标滑过特效、Table、导航栏效果、banner、表单、⼆级三级页⾯等，视频、 ⾳频元素 、Flash，同时设计了logo（源⽂件），基本期末作业所需的知识点全覆盖。
⽂章⽬录
⼀、作品展⽰
⼆、⽂件⽬录
三、代码实现
<!DOCTYPE html>
<html lang="en">
怎么看jsp文件<head>
<meta charset="UTF-8">
<meta name="viewport"content="width=device-width,user-scalable=no, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0">
<title>⾸页</title>
<link rel="stylesheet"href="bile-1.4.bile-1.4.5.min.css">
<link rel="stylesheet"href="library/css/bootstrap.min.css">
<link rel="shortcut icon"href="xy_favicon.ico">
<link rel="stylesheet"href="css/common.css">
<link rel="stylesheet"href="css/index.css">
</head>
<body>
<script src="library/jquery-1.11.1/jquery-1.11.1.min.js"></script>
<script src="bile-1.4.bile-1.4.5.min.js"></script>
<script src="library/js/bootstrap.min.js"></script>
<div class="container">
<!-- 导航 -->
<div data-role="header">
<div data-role="navbar">
<ul>
<li class="active"><a href="index.html"data-ajax="false"class="ui-icon-home ui-btn-icon-top"><span class="hidden-xs">⾸页</span></a></li> <li><a href="food.html"data-ajax="false"class="ui-icon-heart ui-btn-icon-top"><span class="hidden-xs">美⾷</span></a></li>
<li><a href="spor.html"data-ajax="false"class="ui-icon-location ui-btn-icon-top"><span class="hidden-xs">景区</span></a></li>
sendto文件夹不见了<li><a href="culture.html"data-ajax="false"class="ui-icon-refresh ui-btn-icon-top"><span class="hidden-xs">⽂化</span></a></li>
<li><a href="contact.html"data-ajax="false"class="ui-icon-mail ui-btn-icon-top ui-btn ui-btn-inline ui-corner-all ui-shadow"><span class="hidde n-xs">信息登记</span></a></li>
</ul>
</div>
</div>
<!-- 主体 -->
<div class="main">
<div class="row">
<div class="banner col-md-1 col-sm-1 col-xs-1">
<img src="images/banner.jpeg"alt=""class=" visible-lg visible-md">
<!-- <p class="hidden-lg hidden-md min">闽乡之都</p> -->
</div>
</div>
<!-- 服务导航 -->
<div class="row sv_nav clearfix"data-role="controlgroup"data-type="horizontal">
<!-- 购票 -->
<div class="sv_lt col-md-2 col-sm-2 col-xs-2">
<a href="#book"data-icon="info"data-rel="popup"data-transition="flip"class="ui-btn ui-btn-inline ui-corner-all"data-role="button"><img src="i mages/book.jpg"alt=""class="img-thumbnail">
<p class="text-muted">购票</p>
</a>
<div data-role="popup"id="book"class="ui-content"data-overlay-theme="b"data-dismissible="false">
<div data-role="header">
<h1>莆⽥购票务</h1>
</div>
<div data-role="main"class="ui-content">
<form method="post"action="#">
<label for="time">发车⽇期:</label>
<input type="date"name="time"id="time">
<label for="site">起⽌站点:</label>
<input type="text"name="site"id="site">
<label for="money">单张票价:</label>
<input type="text"name="money"id="money">
<label for="fname">姓名:</label>
<input type="text"name="fname"id="fname">
<label for="phone">电话:</label>
<input type="text"name="phone"id="phone">
<label for="id">⾝份证件</label>
<input type="text"name="id"id="id">
<input type="button"data-inline="true"value="提交"class="bk_sb">
</form>
</div>
<div data-role="footer">
<h1>莆⽥购票务系统</h1>
</div>
<a href="#"data-rel="back"class="ui-btn ui-corner-all ui-shadow ui-icon-delete ui-btn-right ui-btn-icon-notext"></a>
</div>
</div>
<!-- 旅馆 -->
<div class="sv_lt col-md-2 col-sm-2 col-xs-2">
<a href="#hotel"data-icon="info"data-rel="popup"data-transition="flip"class="ui-btn ui-btn-inline ui-corner-all"data-role="button"><img src="i mages/hotel.jpg"alt=""class="img-thumbnail">
<p class="text-muted">旅馆</p>
</a>
<div data-role="popup"id="hotel"class="ui-content"data-overlay-theme="b"data-dismissible="false">
mysql创建表唯一索引<div data-role="header">
<h1>订房</h1>
</div>
<div data-role="main"class="ui-content">
<form method="post"action="#">
<label for="startime">开始住宿:</label>
<input type="date"name="startime"id="startime">
<label for="endtime">结束住宿:</label>
<input type="date"name="endtime"id="endtime">
<label for="room">房间号:</label>
<input type="text"name="room"id="room">
<label for="fname">姓名:</label>
<input type="text"name="fname"id="fname">
<label for="phone">电话:</label>
<input type="text"name="phone"id="phone">
<label for="id">⾝份证件</label>
<input type="text"name="id"id="id">
<input type="button"data-inline="true"value="提交"class="bk_sb">
</form>
</div>
<div data-role="footer">
<h1>订房系统</h1>
</div>
<a href="#"data-rel="back"class="ui-btn ui-corner-all ui-shadow ui-icon-delete ui-btn-right ui-btn-icon-notext"></a>
</div>
</div>
<!-- 导游 -->
<div class="sv_lt col-md-2 col-sm-2 col-xs-2">
<a href="#tour_guide"data-icon="info"data-rel="popup"data-transition="flip"class="ui-btn ui-btn-inline ui-corner-all"data-role="button"><img src="images/tour_guide.png"alt=""class="img-thumbnail">
<p class="text-muted">导游</p>
</a>
<div data-role="popup"id="tour_guide"class="ui-content"data-overlay-theme="b"data-dismissible="false">
<div data-role="header">
<h1>导游</h1>
</div>
<div data-role="main"class="ui-content">
<form method="post"action="#">
<label for="startime">开始时间:</label>
<input type="date"name="startime"id="startime">
<label for="endtime">结束时间:</label>
<input type="date"name="endtime"id="endtime">
<label for="tour_guide">选择导游:</label>
<div class="ui-field-contain">
<select name="select-native-1"id="select-native-1"data-iconpos="left">
<option value="1">请选择导游</option>
<option value="2">李导</option>
<option value="3">陈导</option>
<option value="4">张导</option>
</select>
</div>
<label for="fname">姓名:</label>
<input type="text"name="fname"id="fname">
<label for="phone">电话:</label>
<input type="text"name="phone"id="phone">
<input type="button"data-inline="true"value="提交"class="bk_sb">
</form>
</div>
<div data-role="footer">
<h1>导游系统</h1>
</div>
<a href="#"data-rel="back"class="ui-btn ui-corner-all ui-shadow ui-icon-delete ui-btn-right ui-btn-icon-notext"></a>
</div>
</div>
<!-- 购物 -->
<div class="sv_lt col-md-2 col-sm-2 col-xs-2">
<a href="#shop"data-icon="info"data-rel="popup"data-transition="flip"class="ui-btn ui-btn-inline ui-corner-all"data-role="button"><img src="i mages/shop.jpg"alt=""class="img-thumbnail">
<p class="text-muted">购物</p>
</a>
<div data-role="popup"id="shop"class="ui-content"data-overlay-theme="b"data-dismissible="false">
<div data-role="header">
<h1>购物</h1>
</div>
<div data-role="main"class="ui-content">
<form method="post"action="#">
<label for="fname">姓名:</label>
<input type="text"name="fname"id="fname">
<label for="phone">电话:</label>
<input type="text"name="phone"id="phone">
<label>菜类</label>
<div class="ui-field-contain">
<select name="select-native-1"id="select-native-1"data-iconpos="left">
<option value="1">请选择菜品</option>
<option value="2">包菜</option>
<option value="3">西红柿</option>
<option value="4">青菜</option>
</select>
</div>
<label for="map">配送地址:</label>
<input type="text"name="map"id="map">
<input type="button"data-inline="true"value="提交"class="bk_sb">
</form>
</div>
<div data-role="footer">
<h1>购物系统</h1>
</div>
<a href="#"data-rel="back"class="ui-btn ui-corner-all ui-shadow ui-icon-delete ui-btn-right ui-btn-icon-notext"></a>
</div>
</div>
<!-- 外卖 -->
<div class="sv_lt col-md-2 col-sm-2 col-xs-2">
access是什么软件类型<a href="#take_out"data-icon="info"data-rel="popup"data-transition="flip"class="ui-btn ui-btn-inline ui-corner-all"data-role="button"><img sr c="images/take_out.png"alt=""class="img-thumbnail">
<p class="text-muted">外卖</p>
</a>
<div data-role="popup"id="take_out"class="ui-content"data-overlay-theme="b"data-dismissible="false">
<div data-role="header">
<h1>外卖</h1>
</div>
<div data-role="main"class="ui-content">
<div data-role="main"class="ui-content">
<form method="post"action="#">
<label for="room">房间号:</label>
<input type="text"name="room"id="room">
<label for="fname">姓名:</label>
<input type="text"name="fname"id="fname">
<label for="phone">电话:</label>
<input type="text"name="phone"id="phone">
<label>美⾷</label>
<div class="ui-field-contain">
<select name="select-native-1"id="select-native-1"data-iconpos="left">
<option value="1">请选择菜品</option>
<option value="2">汉堡</option>
<option value="3">可乐</option>
<option value="4">卷</option>
</select>
</div>
<label for="map">配送地址:</label>
<input type="text"name="map"id="map">
<input type="button"data-inline="true"value="提交"class="bk_sb">
</form>
</div>
<div data-role="footer">
<h1>外卖系统</h1>
</div>
<a href="#"data-rel="back"class="ui-btn ui-corner-all ui-shadow ui-icon-delete ui-btn-right ui-btn-icon-notext"></a>
</div>
</div>
<!-- vip -->
<div class="sv_lt col-md-2 col-sm-2 col-xs-2">
<a href="#vip"data-icon="info"data-rel="popup"data-transition="flip"class="ui-btn ui-btn-inline ui-corner-all"data-role="button"><img src="ima ges/vip.png"alt=""class="img-thumbnail">
<p class="text-muted">vip</p>
</a>
<div data-role="popup"id="vip"class="ui-content"data-overlay-theme="b"data-dismissible="false">
<div data-role="header">
<h1>vip</h1>
</div>
<div data-role="main"class="ui-content vip">
<form method="post"action="#">
html+css美食静态网页设计<img src="images/vip.png"alt=""class="img-thumbnail">
<label>开通时长</label>
<div class="ui-field-contain">
<select name="select-native-1"id="select-native-1"data-iconpos="left">
<option value="1">请选择时长</option>
<option value="2">1个⽉/30元</option>
<option value="3">3个⽉/90元</option>
<option value="4">12个⽉/360元</option>
</select>
</div>
<label for="phone">电话:</label>
<input type="text"name="phone"id="phone">
<input type="button"data-inline="true"value="提交"class="bk_sb">
</form>
</div>
<div data-role="footer">
<h1>开通VIP服务</h1>
</div>
<a href="#"data-rel="back"class="ui-btn ui-corner-all ui-shadow ui-icon-delete ui-btn-right ui-btn-icon-notext"></a>
</div>
</div>
</div>
<!-- 新闻 -->
<div class="news">
<a class="row">
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论