HTML5期末大作业:旅游网站设计——天津旅游(11页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 大学生毕设网页设计源码HTML


常见网页设计作业题材有 ​个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他​​ 等网页设计题目, ​​A+水平作业​​, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!


1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手? 网页要求的总数量太多?
2.没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~
3.原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。


作品介绍

1.网页作品简介​​ :HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。包含:​​首页 天津摩天轮 五大道 古文化街 海河意式 瓷房子 欢乐谷 自然博物馆 西开教堂 霍元甲故居 主题公园,​​总共 11个页面。

2.网页作品编辑​​:此作品为学生期末大作业网页设计题材,代码为简单学生水平 html+css 布局制作,作品下载后可使用任意HTML编辑软件(例如:​​DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++​​ 等任意HTML软件编辑修改网页)。

3.网页作品布局​:网页布局整体为响应式布局、LOGO、导航、主体内容布局。子页面多种布局,兴趣爱好内容使用图片列表布局,成绩页面插入了表格,联系我们使用图片对齐方式设置了左对齐。

4.网页作品技术​:使用DIV+CSS制作网页, 背景图、音乐、视频、flash、鼠标经过及选中导航变色效果、下划线 、等。 表单提交、评论留言,并使用JavaScript制作了表单判断(提交时表单不能为空)。


文章目录

一、作品展示

1.首页

HTML5期末大作业:关于旅游网站设计——天津旅游(11页) 简单个人网页设计作业 静态HTML个人博客主页 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页设计作业_html

2.天津摩天轮

HTML5期末大作业:关于旅游网站设计——天津旅游(11页) 简单个人网页设计作业 静态HTML个人博客主页 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页设计作业_html期末大作业_02

3.五大道

HTML5期末大作业:关于旅游网站设计——天津旅游(11页) 简单个人网页设计作业 静态HTML个人博客主页 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页设计作业_css_03

4.古文化街

HTML5期末大作业:关于旅游网站设计——天津旅游(11页) 简单个人网页设计作业 静态HTML个人博客主页 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页设计作业_css_04

5. 海河意式

HTML5期末大作业:关于旅游网站设计——天津旅游(11页) 简单个人网页设计作业 静态HTML个人博客主页 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页设计作业_javascript_05

二、文件目录

HTML5期末大作业:关于旅游网站设计——天津旅游(11页) 简单个人网页设计作业 静态HTML个人博客主页 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页设计作业_旅游网页设计HTML_06

三、代码实现

<!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 href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="cleaner"></div>
<div id="container">
<div class="dm">
<!-- 代码 开始 -->
<div id="yc-mod-slider">
<div class="wrapper">
<div id="slideshow" class="box_skitter fn-clear">
<ul>
<li> <img class="cubeRandom" src="images/dm1.jpg" /></li>
<li> <img class="cubeRandom" src="images/dm2.jpg" /></li>
<li> <img class="cubeRandom" src="images/dm3.jpg" /></li>
</ul>
</div>
<script type="text/javascript" src="js/slideshow.js"></script>
</div>
</div>
<!-- 代码 结束 -->
</div>
<div class=" clear"></div>
<div class="index_main">
<div class="index_list">
<ul>
<li> <a href="index.html">首页</a> </li>
<li> <a href="page1.html">天津摩天轮</a> </li>
<li> <a href="page2.html">五大道</a> </li>
<li> <a href="page3.html">古文化街</a> </li>
<li> <a href="page4.html">海河意式</a> </li>
<li> <a href="page5.html">瓷房子</a> </li>
<li> <a href="page6.html">欢乐谷</a> </li>
<li> <a href="page7.html">自然博物馆 </a> </li>
<li> <a href="page8.html">西开教堂</a> </li>
<li> <a href="page9.html">霍元甲故居</a> </li>
<li> <a href="page10.html">主题公园</a> </li>
</ul>
</div>
<div class="index_mainr">
<div class=" clear"></div>
<div id="content_area">
<div class="title_left">
<h1><a href="http://www.bytravel.cn/Landscape/63/xianggangchangzhouhuadimashengmutang.html" target="_blank">瓷房子</a><a href="#.html"></a></h1>
</div>
<div class="cleaner"></div>
<p>瓷房子位于天津市和平区赤峰道72号,地处繁华闹市区,距张学良故居非常近。瓷房子本是一座有着100多年历史的法式建筑,年久失修,闲置十余年。天津粤唯鲜集团董事长张连志在此基础上,耗费了及古瓷器将其装修成了瓷房子。 瓷房子主楼分上下5层,其身后有一栋4层的条形楼房,两边还各有一座200多平米的耳房,总计建筑面积3000多平方米。为装饰这座瓷房子,用掉四亿多片古瓷片、四千多件古瓷器、四百多件汉白玉石雕和二十多吨水晶石与玛瑙,以及近百只瓷猫枕,三百多个年代不等、大小不一的石狮子等。在瓷房子所用瓷器和瓷片年代从汉代一直跨越到清代,窑址除五大名窑外还有龙泉窑、耀州窑等,中国所有官窑、民窑瓷的种类几乎都可以在这里看到。灿若繁星的东方中国古典艺术品与西洋建筑的完美结合都显露出设计者的宏大构思与精心策划,堪称一绝。 瓷房子顶部用数十万块古瓷片镶贴成一条长达768米的巨龙浮雕,最显眼的是其中刻意拼出的&ldquo;China&rdquo;醒目图案,旁边还有用水晶粘贴的&ldquo;爱我中华&rdquo;、红色五角星等图形,其他由水晶和汉白玉石拼贴的装饰物也随处可见。屋内墙上挂着的,是工匠师傅们用古瓷片拼贴成的古今中外的名人字画,如唐代《五牛图》、宋代《古木怪石图》、元代《鹰松图》等,每层楼都有四至五幅不等,从米芾到徐悲鸿,从《捣练图》到《蒙娜丽莎》,不一而足。瓷房子的围墙被称之为&ldquo;平安墙&rdquo;&ldquo;&rdquo;取谐音&ldquo;&rdquo;而来,因为这围墙是由整整635个民国和晚清时期的古瓷瓶垒砌串联而成的。</p>
<p>&nbsp; </p>
<p></p>
<div class="cleaner"></div>
</div>
<!-- End Of Content area-->

</div>
<div class=" clear"></div>
</div>
<div class="title">
<h1>天津十大旅游景点</h1>
</div>
<div class="xz_list">
<ul>
<li><a href="page1.html"> <img src="images/r1.jpg" /></a> <a href="page1.html">天津摩天轮</a></li>
<li><a href="page2.html"> <img src="images/r2.jpg" /> </a><a href="page2.html">五大道</a></li>
<li><a href="page3.html"> <img src="images/r3.jpg" /> </a><a href="page3.html">古文化街 </a></li>
<li><a href="page4.html"> <img src="images/r4.jpg" /> </a> <a href="page4.html">海河意式风情区</a></li>
<li><a href="page5.html"> <img src="images/r5.jpg" /></a> <a href="page5.html">瓷房子</a>
</li><li><a href="page6.html"> <img src="images/r6.jpg" /> </a><a href="page6.html">欢乐谷</a></li>
<li><a href="page7.html"> <img src="images/r7.jpg" /> </a> <a href="page7.html">自然博物馆 </a> </li>
<li><a href="page8.html"> <img src="images/r8.jpg" /> </a><a href="page8.html">西开教堂</a> </li>
<li><a href="page9.html"> <img src="images/r9.jpg" /></a><a href="page9.html">霍元甲故居</a></li>
<li><a href="page10.html"> <img src="images/r10.jpg" /> </a><a href="page10.html">主题公园</a></li>
</ul>
<div class="cleaner"></div>
</div>
<div class=" clear"></div>
<div class="share">
<ul>
<!-- <li><a href="#"> <img src="images/1.png" /></a></li>
<li><a href="#"> <img src="images/2.gif" /> </a></li>
<li><a href="#"> <img src="images/3.png" /> </a></li>
<li><a href="#"> <img src="images/4.png" /> </a></li>
<li><a href="#"> <img src="images/5.png" /> </a></li> -->
</ul>
<div class="cleaner"></div>
</div>
<div id="footer"> Copyright © 天津旅游</div>
<div class=" clear"></div>
</div>
<!-- End Of Container -->
</body>
</html>

四、web前端(学习资料)

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)

适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站

HTML5期末大作业:关于旅游网站设计——天津旅游(11页) 简单个人网页设计作业 静态HTML个人博客主页 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页设计作业_css_07


五、源码获取

❉1.看到这里了就 ​[点赞+好评+收藏] 三连​​ 支持下吧,你的 ​​「点赞,好评,收藏」​​是我创作的动力。

❉ 2.​关注我​ ~ 每天带你学习 :各种前端插件、七夕表白网页制作、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、web期末大作业模板 、等! 「 前后开发者,一起探讨 前端,JAVA ,Node 知识,互相学习」!

❉3.以上内容技术相关问题可以相互学习,可在 ​V幸 公Z号 >>> web前端小日记​ ????????????????????????获取更多源码 ???????????????????????? !

HTML5期末大作业:关于旅游网站设计——天津旅游(11页) 简单个人网页设计作业 静态HTML个人博客主页 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页设计作业_javascript_08