HTML5期末大作业：家乡旅游景点网站设计——北京(10页) 含设计报告 HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计
作品介绍
1.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。
2.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。
文章目录
- HTML5期末大作业：家乡旅游景点网站设计——北京(10页) 含设计报告 HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计
- 作品介绍
- 一、作品展示
- 二、文件目录
- 三、代码实现
一、作品展示
作品为部分截图
二、文件目录
三、代码实现
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>北京旅游网</title>
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<script type="text/javascript" src="js/rotate.js"></script>
</head>
<body>
<div class="container">
<div class="header">
<a href="index.html">北京</a>
</div>
<div class="nav">
<a href="index.html">北京首页</a>
<a href="view1.html">城市简介</a>
<a href="view2.html">行政区划</a>
<a href="view3.html">地理环境</a>
<a href="view4.html">自然环境</a>
<a href="view5.html">教育事业</a>
<a href="view6.html">体育事业</a>
<a href="view7.html">旅游景点</a>
<a href="view8.html">城市荣誉</a>
<a href="view9.html">访客留言</a>
</div>
<div class="wrapper">
<div id="focus" class="focus">
<ul id="focus_image" class="focus_image" >
<li class="now">
<a href="view1.html"><img src="images/focus1.jpg"/></a>
</li>
<li><a href="view2.html"><img src="images/focus2.jpg"/></a></li>
</ul>
<ul id="focus_dot" class="focus_dot">
<li class="on"></li>
<li></li>
</ul>
</div>
<div class="main">
<a href="view1.html"><img src="images/view1.jpg"/></a>
<h3><a href="view1.html">城市简介</a></h3>
<p><a href="view1.html">北京（Beijing），简称“京”，古称燕京、北平，是中华人民共和国的首都、直辖市、国家中心城市、超大城市，国务院批复确定的中国政治中心、文化中心、国际交往中心、科技创新中心，截至2020年，全市下辖16个区，总面积16410.54平方千米。北京地处中国北部、华北平原北部，东与天津毗连，其余均与河北相邻，中心位于东经116°20′、北纬39°56′，是世界著名古都和现代化国际城市。北京也是中国共产党中央委员会、中华人民共和国中央人民政府和全国人民代表大会常务委员会的办公所在地。</a></p>
<p><a href="view1.html">北京地势西北高、东南低。西部、北部和东北部三面环山，东南部是一片缓缓向渤海倾斜的平原。境内流经的主要河流有：永定河、潮白河、北运河、拒马河等，多由西北部山地发源，穿过崇山峻岭，向东南蜿蜒流经平原地区，最后分别汇入渤海。北京的气候为暖温带半湿润半干旱季风气候，夏季高温多雨，冬季寒冷干燥，春、秋短促。</a></p>
</div>
<div class="word">
<h3><a href="view2.html">行政区划</a></h3>
<p><a href="view2.html">2015年11月17日，北京市撤销密云、延庆两县，设立北京市密云区、延庆区。至此，北京告别县治时代。截至2020年，北京市共辖16个市辖区，分别是东城区、西城区、朝阳区、丰台区、石景山区、海淀区、顺义区、通州区、大兴区、房山区、门头沟区、昌平区、平谷区、密云区、怀柔区、延庆区。北京市人民政府驻通州区运河东大街57号。北京与天津相邻，并被河北省环绕。</a></p>
</div>
<div class="list">
<h3><a href="view3.html">地理环境</a></h3>
<a href="view3.html"><img src="images/view3.jpg"/></a>
<p><a href="view3.html">北京位于东经115.7°—117.4°，北纬39.4°—41.6°，中心位于北纬39°54′20″，东经116°25′29″，总面积16410平方千米。</a></p>
</div>
<div class="word">
<h3><a href="view4.html">自然环境</a></h3>
<p><a href="view4.html">北京天然河道自西向东贯穿五大水系：拒马河水系、永定河水系、北运河水系、潮白河水系和蓟运河水系。多由西北部山地发源，向东南蜿蜒流经平原地区，最后分别在海河汇入渤海（蓟运河除外）。北京没有天然湖泊。北京市有水库85座，其中大型水库有密云水库、官厅水库、怀柔水库、海子水库。北京市地带性植被类型是暖温带落叶阔叶林并间有温性针叶林的分布。</a></p>
</div>
<div class="list">
<h3><a href="view5.html">教育事业</a></h3>
<a href="view5.html"><img src="images/view5.jpg"/></a>
<p><a href="view5.html">北京是全国高等院校的中心，聚集了全国数量最多的重点大学。北京同时也是全国教育最发达的地区之一。</a></p>
</div>
<div class="same">
<h3><a href="view6.html">体育事业</a></h3>
<a href="view6.html"><img src="images/view6.1.jpg"/></a>
<p><a href="view6.html">北京市曾举办第一、二、三、四、七届全国运动会，1990年北京亚运会、第二十一届世界大学生运动会、2008年北京奥运会及2008年北京残奥会、2014国际泳联花样游泳大奖赛。北京获得了2022年第24届冬季奥林匹克运动会主办权。2009年北京市共有体育场馆共有6149个。</a></p>
</div>
<div class="same">
<h3><a href="view7.html">旅游景点</a></h3>
<a href="view7.html"><img src="images/view7.1.jpg"/></a>
<p><a href="view7.html">天安门，坐落在中华人民共和国首都北京市的中心、故宫的南端，位于北京城的传统的中轴线上，与天安门广场以及人民英雄纪念碑、毛主席纪念堂、人民大会堂、中国国家博物馆隔长安街相望，占地面积4800平方米，以杰出的建筑艺术和特殊的政治地位为世人所瞩目。</a></p>
</div>
<div class="same">
<h3><a href="view8.html">城市荣誉</a></h3>
<a href="view8.html"><img src="images/view8.jpg"/></a>
<p><a href="view8.html">2021年5月6日，住建部官网公布智慧城市基础设施与智能网联汽车（“双智”）协同发展首批示范城市，北京等6市入选。2021年5月，智联招聘和泽平宏观联合发布的《中国城市人才吸引力排名报告》显示，北京位居“2020年最具人才吸引力城市100强”第一名。</a></p>
</div>
</div>
<div class="footer">
Copyright @ 2021 beijinglvyou.com All Rights Reserved. 北京旅游网 版权所有
</div>
</div>
</body>
</html>
