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

@码住夏天-web网页设计

已于 2022-02-16 18:25:39 修改

阅读量4.3k

点赞数 1

分类专栏： html大学生毕业设计源码 web前端期末大作业 html期末大作业文章标签： html css 旅游网页设计HTML html期末大作业 javascript

于 2021-10-14 16:12:54 首次发布

本文链接：https://blog.csdn.net/qq_365392777/article/details/120766426

版权

html期末大作业同时被 3 个专栏收录

193 篇文章 225 订阅

订阅专栏

web前端期末大作业

162 篇文章 51 订阅

订阅专栏

html大学生毕业设计源码

135 篇文章 48 订阅

订阅专栏

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制作了表单判断（提交时表单不能为空）。

文章目录

HTML5期末大作业：旅游网站设计——天津旅游(11页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品大学生毕设网页设计源码HTML
作品介绍
一、作品展示
二、文件目录
三、代码实现
四、web前端(学习资料)
五、 👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

一、作品展示

1.首页

在这里插入图片描述

2.天津摩天轮

在这里插入图片描述

3.五大道

在这里插入图片描述

4.古文化街

在这里插入图片描述

5. 海河意式

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!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模板网站
在这里插入图片描述

五、 👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

@码住夏天-web网页设计

关注

1
点赞
踩
26

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML5期末大作业：关于旅游网站设计——天津旅游(11页) 简单个人网页设计作业静态HTML个人博客主页 DW个人网站模板下载大学生简单个人网页作品代码个人网页制作学生个人网页设计作业

HTML5期末大作业：旅游网站设计——天津旅游(11页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品大学生毕设网页设计源码HTML常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网
复制链接

扫一扫