html网页设计代码作业—中国风的温泉酒店网(13页) HTML+CSS+JavaScript 学生web网页制作期末大作业_住宿 旅游 主题酒店
2024-05-12 18:30:33
HTML5期末大作业：温泉酒店网站设计——中国风的温泉酒店网(13页) HTML+CSS+JavaScript 学生web网页制作期末大作业_住宿 旅游 主题酒店
常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
作品介绍
1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。
2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。
3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。
文章目录
- HTML5期末大作业：温泉酒店网站设计——中国风的温泉酒店网(13页) HTML+CSS+JavaScript 学生web网页制作期末大作业_住宿 旅游 主题酒店
- 作品介绍
- 一、作品展示
- 二、文件目录
- 三、代码实现
一、作品展示
二、文件目录
三、代码实现
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=0.95, user-scalable=no" />
<title>黄山醉温泉</title>
<link href="css/base.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<!--[if IE 6]><script type="text/javascript" src="js/DD_belatedPNG.js"></script>
<script type="text/javascript">window.onload = function(){DD_belatedPNG.fix("img, div, a");}
</script>
<![endif]-->
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head><body>
<!--HEADER-->
<div class="header"><div class="mar1000 clearfix"><div class="logo"></div><div class="header_right"><div class="homeinfo"><label><span>免费预订电话：<strong>400-0559-700</strong></span> |</label><label><a href="">会员登录</a> <a href="">注册</a> |</label><label><a href="">设为首页</a></label></div><div class="nav"><a href="" class="hover">首 页</a><a href="">温泉预定</a><a href="">酒店预定</a><a href="">醉悦旅居</a><a href="">养生餐饮</a><a href="">会议中心</a><a href="">促销活动</a><a href="">企业文化</a></div></div></div>
</div>
<!--HEADER--><!--BIG PIC-->
<div class="banners">
</div>
<!--BIG PIC--><!--CONTENT-->
<div class="content"><div class="mar1000 clearfix"><div class="path"><label>酒店预订</label><span>当前位置：首页 > 酒店预订</span></div><!--订单确认页面--><div style="background:#fff; border:1px solid #eee; padding:30px;"><!--订单页面--><div class="orderForm"><!--进度--><div class="step clearfix" id="step2"><span>当前：<i>确认订单</i></span><em class="s1"></em><em class="s2">50%</em><em class="s3"></em><em class="s4">距离完成还有2步</em></div><div class="orderForm_tab clearfix"><span><b>确认订单</b></span><em><a href="javascript:">[修改订单信息]</a></em></div><div class="orderForm_table"><table width="100%" class="table1" border="0" cellspacing="0" cellpadding="0"><tr><td class="td1">房型名称：</td><td class="td2">Zhotels智尚酒店杭州西湖解放路店</td><td class="td3">入住日期：</td><td class="td4">2014-01-13</td></tr><tr><td class="td1">预订房型：</td><td class="td2"><i>精选大床房</i></td><td class="td3">离店日期：</td><td class="td4">2014-01-14</td></tr><tr><td class="td1">房 间 数：</td><td class="td2">2 间</td><td class="td3">间 夜 数：</td><td class="td4">2 天</td></tr></table></div><div class="orderForm_tab clearfix"><span><b>入住人信息</b><i></i></span><em></em></div><div class="orderForm_frm1 clearfix"><span class="s1"><i>入住人姓名</i><input name="" type="text" class="order_ipt" /></span><span class="s2"><i>身份证号码</i><input name="" type="text" class="order_ipt" /></span><span class="s3"><i>手机号码</i><input name="" type="text" class="order_ipt" /></span><span class="s4"><i>电子邮箱</i><input name="" type="text" class="order_ipt" /></span></div><div class="orderForm_tab clearfix"><span><tt>请务必完善您的会员个人资料，以避免您的的入住积分不能正常获取。 <a href="会员中心.html">[点击完善]</a></tt></span><em></em></div><div class="orderForm_table1"><table width="100%" class="table2" border="0" cellspacing="0" cellpadding="0"><tr class="tr1"><td width="14%">星期日</td><td width="14%">星期一</td><td width="14%">星期二</td><td width="14%">星期三</td><td width="14%">星期四</td><td width="14%">星期五</td><td width="14%">星期六</td></tr><tr class="tr2"><td> </td><td>￥257.1</td><td> </td><td> </td><td> </td><td> </td><td> </td></tr><tr class="tr3"><td colspan="7">您选择了<i class="i1">1</i>间，总金额：<i class="i2">258.00</i>元， 房费优惠后价格 <i class="i3">258.00</i>元</td></tr></table></div><!--选择支付方式--><div class="orderForm_tab1" style="margin:20px 0 0 ;"><span>请选择支付方式</span></div><div class="choose_pay"><div class="frmM"><p class="p1x"><input type="radio" name="RadioGroup1" value="在线预付首夜房费" id="RadioGroup1_0" /><label for="RadioGroup1_0"><b>在线预付首夜房费</b><span>房间保留到预订入住日第二天中午12:00，为缩短办理入住时的等待时间，建议在线预付房费</span></label></p><p class="p2x"><input type="radio" name="RadioGroup1" value="门店支付" id="RadioGroup1_1" /><label for="RadioGroup1_1"><b>门店支付</b><span>订单保留到入住当天<i class="i1">18</i>点，如需入住更有保障，请选择在线预付，房间整晚保留。</span></label></p></div></div><div class="btn_area_1"><a href="订单 - 预订1.html" class="order_btn2" style="margin-right:20px;"></a><a href="订单 - 在线支付3.html" class="order_btn3"></a></div></div></div></div>
</div>
<!--CONTENT--><!--FOOTER-->
<div class="bottom">
<a href="">网站首页</a>|
<a href="">温泉预定</a>|
<a href="">酒店预定</a>|
<a href="">醉悦旅居</a>|
<a href="">养生餐饮</a>|
<a href="">会议中心</a>|
<a href="">促销活动</a>|
<a href="">企业文化</a>
</div>
<div class="footer">
地址：黄山市屯溪区花山路新徽天地醉温泉国际度假城 邮编:236010<br/>
电话：0559-2536999 2568666 免费预订电话：400-0559-700<br/>
Copyright © 2003-2014 黄山 · 醉温泉 All rights reserved. 皖ICP备11009137号
</div>
<!--FOOTER-->
</body>
</html>html网页设计代码作业—中国风的温泉酒店网(13页) HTML+CSS+JavaScript 学生web网页制作期末大作业_住宿 旅游 主题酒店相关推荐
- HTML5期末大作业：动物宠物主题网站设计——宠物网(8页)HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码...
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...
- HTML5期末大作业：漫画网站设计——布卡漫画官网(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品 w学生原创课程设计漫画设计制作大作业成品免费下载
HTML5期末大作业:漫画网站设计--布卡漫画官网(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品 w学生原创课程设计漫画设计制作大作业成品免费下载 常见网页设计作业题材有 ...
- HTML5期末大作业_影视网站设计——_指环王：护戒使者(13页) TML+CSS+JavaScript 学生DWHTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作
HTML5期末大作业:影视网站设计--"指环王:护戒使者(13页) TML+CSS+JavaScript 学生DWHTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作 常 ...
- HTML5期末大作业:影视网站设计——“指环王：护戒使者(13页) TML+CSS+JavaScript 学生DWHTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作
HTML5期末大作业:影视网站设计--"指环王:护戒使者(13页) TML+CSS+JavaScript 学生DWHTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作 常 ...
- 17HTML5期末大作业：国外影视网站设计——橙色国外电影(13页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
HTML5期末大作业:国外影视网站设计--橙色国外电影(13页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作 ...
- html大作业网页代码 尤洪购物商城-功能齐全(30页) HTML+CSS+JavaScript 学生DW网页设计作业成品 实训大作业
HTML5期末大作业:购物商城网站设计--尤洪购物商城-功能齐全(30页) HTML+CSS+JavaScript 学生DW网页设计作业成品 实训大作业 文章目录 HTML5期末大作业:购物商城网站设 ...
- html静态页面作业——_指环王：护戒使者(13页) TML+CSS+JavaScript 学生DWHTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作
HTML5期末大作业:影视网站设计--"指环王:护戒使者(13页) TML+CSS+JavaScript 文章目录 HTML5期末大作业:影视网站设计--"指环王:护戒使者(13页 ...
- HTML5期末大作业：宠物网网站设计——代码质量好-宠物网(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军事. ...
- 期末作业成品代码——绿色的餐饮美食网站(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
HTML5期末大作业:餐饮美食网站设计--绿色的餐饮美食网站(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设 ...
- 期末作业成品代码——威海影视(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
HTML5期末大作业:影视网站设计--威海影视(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 ...
最新文章
- LSTM实现股票预测--pytorch版本【120+行代码】
- 漫谈promise使用场景
- 大学加权平均分计算器_英国排名前20的大学GPA要求
- Java中的功能性FizzBuzz Kata
- 项目开发容易出错情况统计
- 干掉项目中杂乱的 if-else，试试状态模式，这才是优雅的实现方式！
- oracleXE版本相关问题整理
- 006 - node.js
- VTD场景搭建指南-搭建一个最简单的场景
- 计算机英语拼读法,常用计算机英语词汇:CPU
- VBA实例6 CorelDraw 批量生成设备位号、连续编号
- Dart语言之旅（完全翻译版）
- 什麼是雲端服務？阿正老師教你免費玩Amazon EC2雲端主機！(上篇)
- python transforms_2.2 图像预处理——transforms（笔记）
- java判断微信号、手机、名字的正则表达
- 关于SQL Server中将数值类型转换为字符串的问题
- web仿真或实际内存分析应用及自动化方案
- 如何往虚拟机里面复制文件（末尾附带视频教程）
- linux在电子信息工程行业中的应用,电子信息工程与应用子技术就业方向.doc
- Java中fifo什么意思_Java中的FIFO类