如何制作旅游主页

作者：课课家教育来源： http://www.kokojia.com点击数：1838发布时间： 2019-05-04 15:42:56

　　如何制作旅游主页

　　如今旅游的越来越多了，那么一个好的宣传显得格外重要，那么现在如何制作一个旅游主页呢？这个是非常重要的，大家一起来学习吧。

　　第一步，首先我们需要制作一些导航框以及照片。

　　我们一起来看一下代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="js/jquery.faded.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>

　　第二步，我们需要制作一些照片墙，这里涉及大量的JSP知识，所以一定要好好理解。

我们一起来看一下代码：
<ul class="pagination">
<li>
<a href="#" rel="0">
<img src="images/f_thumb1.png" alt="">
<span class="left">
北国风光<br />
万里雪飘<br />
</span>
<span class="right">
堆雪人<br />
溜爬犁<br />
</span>
</a>
</li>
<li>
<a href="#" rel="1">
<img src="images/f_thumb2.png" alt="">
<span class="left">
净月潭<br />
33568平方米<br />
樟子松
</span>
<span class="right">
夏避暑<br />
秋赏叶<br />
冬玩雪
</span>
</a>
</li>
<li>
<a href="#" rel="2">
<img src="images/f_thumb3.png" alt="">
<span class="left">
伪满洲国<br />
红色旅游<br />
跑马场
</span>
<span class="right">
中和门<br />
同德殿<br />
怀远楼
</span>
</a>
</li>
</ul>
<img src="images/extra-banner.png" alt="" class="extra-banner">
</div>
</div>
</header>

<section id="content">
<div class="container_16">
<div class="clearfix">
<section id="mainContent" class="grid_10">
<article>
<h2>地理位置</h2>
<div class="wrapper">
<figure><img src="images/2page-img1.jpg" alt=""></figure>
<h3>长春位于北半球中纬地带，欧亚大陆东岸中国东北松辽平原腹地，是东北地区天然地理中心，东北亚几何中心，东北亚十字经济走廊核心。
总面积20604平方公里。居北纬43 °05’～45 °15’；东经124 °18’～127 °02’。幅员20604平方公里。西北与松原市毗邻，西南和四平市相连，东南与吉林市相依，东北同黑龙江省接壤。截至2008年3月，户籍人口745.9万（2007年），总人口接近1000万（包括外来和流动人口）。其中市区人口487.6万人，居住着汉、满、蒙、回、朝鲜、锡伯、壮等46个民族</h3>
<a href="#" class="button">更多</a>
</div>
</article>
<article class="last">
<h2>气候</h2>
<hgroup>
<h5>长春市气候宜人，冬季比同纬度地区气温高2-3度，夏季又比同纬度地区气温低3-5度。无论从哈尔滨南下还是从沈阳北上都会感觉到气温的细微变化，冬日无干冷，夏日无酷热是长春最大的气候特点，所以长春是名副其实的“春城”。 </h5>
<h4>由于地理位置、地形结构与大气环流相配合的作用,具有如下基本特征：四季分明。春季较短，干燥多风；夏季温热多雨，炎热天气不多；秋季气爽，日夜温差大；冬季漫长较寒冷。</h4>
</hgroup>
<div class="img-box">
<figure><img src="images/2page-img2.jpg" alt=""></figure>
<h3>在春、夏、秋三季，除7-8月短暂的高温外，长春的天气多数是温和宜人的，春季5~6月，秋季9~10月，温度适宜，大部分时间风和日丽,适宜旅游和户外活动。而在几乎长达半年的冬季，丰富多彩的冰雪运动总能让人忘记寒冷，长春净月潭滑雪场是国内最知名的滑雪场之一。此时，树挂、雾凇也把冬天的长春装扮得分外妖娆，比夏天更多了几分独特的韵味，1-2月间是长春最冷的时候，也是最美的时候，大雪覆盖的净月潭国家森林公园展现出一片林海雪原的风貌，也是滑雪者小试身手的好时节。</h3>

</div>
<a href="#" class="button">更多</a>
</article>
</section>
<aside class="grid_6">
<div class="prefix_1">
<article>

<div class="box">
<h2>长春旅游贴士</h2>

<p>1-2月长春气温基本在0度以下，户外活动要注意防寒，特别是头部、手足等部位；雪上光线强烈，防晒工作不可马虎；另外滑雪应佩戴墨镜，以免出现雪盲现象</p>
</div>

　　第三步进行footer的制作了，这部分也是非常重要的。

我们一起来看一下代码：
</article>
<article class="last">
<h2>旅游景点</h2>
<h3>长春市净月潭国家森林公园</h3>
　　<h5>长春市净月潭国家森林公园位于长春市东南12公里处，是一处群山环抱，森林茂密的水库游览区，因其与台湾的日月潭相对应而得其名。八十年代末被林业部批准为国家级森林公园。是国家AAAAA级旅游区。</h5>
<h3>长春世界风景园</h3>
<h3>长春世界风景园位于长春市二道区劝农山镇，占地138公顷。园内汇集了世界上近四十个国家、近百个著名人文、自然景观，是东北地区唯一的微缩景观公园。</h3>
<h3>长春电影城</h3>
<h3>长春电影城始建于一九九一年，九二年七月初步建成开放，九四年七月形成规模。规划面积三十六公顷，它是以电影文化艺术为主要特色的旅游场所和影视拍摄基地，为长春市的改革开放和建设国际性城市服务。长春电影城隶属于长春净月潭旅游发展集团。</h3>
<a href="#" class="button">更多</a>
</article>
</div>
</aside>
</div>
</div>
</section>

<footer>
<div class="container_16">

<div id="main">
版权所有：<strong>吉林省明日科技有限公司</strong>   
地址：长春市二道区东盛大街89号亚泰广场C座2205室   
电话：400-675-1066
</div>
</div>
</footer>
</body>
</html>