HTML5期末大作业：网上预订网站设计——火车票网上预订网站(4个页面) 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期末大作业：网上预订网站设计——火车票网上预订网站(4个页面) HTML+CSS+JavaScript web网页设计实例作业
作品介绍
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码
五、获取更多源码
六、学习资料
七、更多源码

一、作品展示

二、文件目录

三、代码实现


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>熊二订票系统</title>
<link rel="stylesheet" type="text/css" href="css/home.css" />
</head><body>
<!--head--><div class="header"><div class="inner"><div class="logo"><a href="index.html" title="火车票"><img src="picture/logo.png" width="350" height="60"/></a></div><div class="headlink"><a href="login.html">登录</a>&nbsp;|&nbsp;<a href="zhuce.html">注册</a>&nbsp;|&nbsp;<a href="login.html">▶注销</a></div></div></div>
<!--head end--><!--middle-->
<div class="middle"><div class="cont"><!--菜单--><div class="class"><ul><h3 style="color:#FFF;">栏目分类</h3><a href="#" class="net"><li>申请订票</li></a><a href="#" class="_all2"><li>火车时刻表</li></a><a href="#" class="_all3"><li>我的火车票</li></a><a href="#" class="_all4"><li>修改密码</li></a><a href="#" class="_all5"><li>联系我们</li></a></ul></div><!--菜单 end--><!--指南--><div class="class_a"><!--申请订票--><div class="all1"><h4 style="color:#fff">申请订票</h4><form runat="server" method="get" action=""><table width="800" height="300" style="margin:auto; margin-top:50px; border:1px solid #FFF;" border="1" cellpadding="0" cellspacing="0" ><tr><td width="120">姓名:</td><td width="277.6"><input style="width:250px; background:none;" type="text" /><span>*</span></td><td width="120">身份证:</td><td width="277.6"><input style="width:250px; background:none;" type="text" /><span>*</span></td></tr><tr><td width="120">联系电话:</td><td width="277.6"><input style="width:250px; background:none;" type="text" /><span>*</span></td><td width="120">备用电话:</td><td  width="277.6"><input style="width:250px; background:none;" type="text" /></td></tr><tr><td width="120">车次:</td><td width="277.6"><select  style="width:250px; background:none; border:0; outline:none; color:#CCC"><option>C6402</option><option>G8708</option><option>G8715</option></select><span>*</span></td><td width="120">起点站:</td><td><input style="width:250px; background:none;" type="text" /><span>*</span></td></tr><tr><td width="120">终点站:</td><td><input style="width:250px; background:none;" type="text" /><span>*</span></td><td width="120">出发日期:</td><td><input  style="width:250px; background:none;" type="datetime-local" /><span>*</span></td></tr><tr><td>备注:</td><td colspan="3"><textarea placeholder="有需要请详细填写！" style="; color:#FFF; outline:none;resize:none;width:670px; height:70px; border:0; background:none;"   name="" cols="0" rows="0"></textarea></td></tr>
</table>
<div class="tom" style="margin-top:20px;">
<input name="clear" style="width:80px; height:30px;" type="reset" value="清空" /><input name="play" style="width:80px; height:30px;" type="submit" value="预定" /></div>
<span style="float:right;">注：标注*为必填项！</span>
</form>                     </div><!--申请订票 end--> <!--火车时刻表--><div class="all2"><h4 style="color:#fff">火车时刻表</h4><iframe style="border:0; background:rgba(255,255,255,0.5);" scrolling="auto" src="http://www.chepiao100.com/application/views/statics/doc/demo/yupiao.php" width="1000" height="544"></iframe></div><!--火车时刻表--> <!--我的火车票--> <div class="all3"><h4 style="color:#fff">我的火车票</h4></div><!--我的火车票 end--> <!--修改密码-->    <div class="all4" id="all4"><h4 style="color:#fff">修改密码</h4></div><!--修改密码 end--> <!--联系我们--> <div class="all5"><h4 style="color:#fff">☏&nbsp;&nbsp;联系我们</h4></div><!--联系我们 end--> </div><!--指南 end--></div></div><!--middle end-->
<div class="foot"><p>火车订票版权所有<br />重庆工程学院</p></div></body>
<script src="js/jquery.min.js"></script>
<script src="js/home.js"></script></html>

四、获取更多源码

HTML5期末大作业：网上预订网站设计——火车票网上预订网站(4个页面) HTML+CSS+JavaScript web网页设计实例作业相关推荐

HTML5期末大作业：环境保护主题——绿色某化肥网站设计(9个页面)HTML+CSS+JavaScript web网页设计制作成品
HTML5期末大作业:环境保护主题--绿色某化肥网站设计(9个页面) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品常见网页设计作 ...
静态HTML网页设计作品——火车票网上预订网站(4个页面) HTML+CSS+JavaScript web网页设计实例作业
HTML5期末大作业文章目录 HTML5期末大作业一.作品展示二.文件目录三.代码实现一.作品展示二.文件目录三.代码实现 <!DOCTYPE html PUBLIC " ...
HTML5期末大作业：运动系列——NBA篮球主题学生网页设计(7个页面) HTML+CSS+JavaScript 体育网页设计HTML代码学生网页课程设计期末作业下载大学生网页设计制作成
HTML5期末大作业:运动系列--NBA篮球主题学生网页设计(7个页面) HTML+CSS+JavaScript 体育网页设计HTML代码学生网页课程设计期末作业下载大学生网页设计制作成临近期末 ...
HTML5期末大作业：游戏官网网站设计——神之刃游戏官网网页(6页) HTML+CSS+JavaScript web网页设计与开发
HTML5期末大作业:游戏官网网站设计--神之刃游戏官网网页(6页) HTML+CSS+JavaScript web网页设计与开发常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商 ...
学生DW静态网页设计——代码质量好-家乡广州 (5页) HTML+CSS+JavaScript web网页制作期末大作业
HTML5期末大作业:家乡广州网站设计--代码质量好-家乡广州 (5页) HTML+CSS+JavaScript web网页制作期末大作业常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游 ...
DIV布局大作业：仿悦世界游戏网站设计——仿悦世界游戏官网(6页) HTML+CSS+JavaScript web网页设计实例作业
HTML5期末大作业:仿悦世界游戏网站设计--仿悦世界游戏官网(6页) HTML+CSS+JavaScript web网页设计实例作业常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. ...
html大作业网页代码——神之刃游戏官网网页(6页) HTML+CSS+JavaScript web网页设计与开发
HTML5期末大作业:游戏官网网站设计--神之刃游戏官网网页(6页) HTML+CSS+JavaScript web网页设计与开发常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商 ...
HTML5期末大作业：汽车销售网站模板设计(7个页面) HTML+CSS+JavaScript 企业网页设计源码
HTML5期末大作业:汽车销售网站模板设计(7个页面) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载大学生网页设计制作成临近期末, 你还在为HTML网 ...
HTML期末大作业：个人毕设游戏网站设计——CCG游戏网页介绍(6页)高质量 HTML+CSS+JavaScript web网页设计制作成品
HTML+CSS前端期末大作业:游戏网站设计--CCG游戏网页介绍(6页)高质量 HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品常 ...

HTML5期末大作业：网上预订网站设计——火车票网上预订网站(4个页面) HTML+CSS+JavaScript web网页设计实例作业

HTML5期末大作业：网上预订网站设计——火车票网上预订网站(4个页面) HTML+CSS+JavaScript web网页设计实例作业

作品介绍

文章目录

一、作品展示

二、文件目录

三、代码实现

四、获取更多源码

HTML5期末大作业：网上预订网站设计——火车票网上预订网站(4个页面) HTML+CSS+JavaScript web网页设计实例作业相关推荐

最新文章

热门文章