HTML5期末大作业:旅游网站设计——六朝古都-南京(10页)旅游历史文化 HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 大学生毕设网页设计源码HTML


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



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


作品介绍

1.网页作品简介​​ :HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。包含:​​首页旅游名胜美景欣赏饮食美食人文历史联系我们​​总共10个页面。

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

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

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


文章目录

一、作品展示

1.首页

HTML5期末大作业:旅游网站设计——六朝古都-南京(10页)旅游历史文化 HTML+CSS+JavaScript 大学生毕设网页设计源码HTML_javascript

2.旅游名胜

HTML5期末大作业:旅游网站设计——六朝古都-南京(10页)旅游历史文化 HTML+CSS+JavaScript 大学生毕设网页设计源码HTML_javascript_02

3.美景欣赏

HTML5期末大作业:旅游网站设计——六朝古都-南京(10页)旅游历史文化 HTML+CSS+JavaScript 大学生毕设网页设计源码HTML_html_03

4.饮食美食

HTML5期末大作业:旅游网站设计——六朝古都-南京(10页)旅游历史文化 HTML+CSS+JavaScript 大学生毕设网页设计源码HTML_html5_04

5. 人文历史

HTML5期末大作业:旅游网站设计——六朝古都-南京(10页)旅游历史文化 HTML+CSS+JavaScript 大学生毕设网页设计源码HTML_html5_05

6.联系我们

HTML5期末大作业:旅游网站设计——六朝古都-南京(10页)旅游历史文化 HTML+CSS+JavaScript 大学生毕设网页设计源码HTML_javascript_06

二、文件目录

HTML5期末大作业:旅游网站设计——六朝古都-南京(10页)旅游历史文化 HTML+CSS+JavaScript 大学生毕设网页设计源码HTML_javascript_07

三、代码实现

<!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=gb2312" />
<title>南京</title>
<link href="css/css.css" type=text/css rel=stylesheet>
</head>
<body>
<div class="con">
<div class="head">
<div class="head_left">
<h1>六朝古都-南京 </h1>
</div>
<div class="head_nav">
<ul>
<li><a href="#.html">设为主页</a></li>
<li><a href="#.html">加入收藏</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
<!-----------------end head--------------------->
<div class="nav"> <ul>
<li><a href="index.html">首页</a></li>
<li><a href="jingdian.html">旅游名胜</a></li>
<li><a href="meijing.html">美景欣赏</a></li>
<li><a href="meishi.html">饮食美食</a></li>
<li><a href="renwen.html">人文历史</a></li>
<li><a href="lianxi.html">联系我们</a></li>
</ul>
</div>
<!-----------------end nav--------------------->
<div class="">
<link href="css/lb.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/lb.js"></script>
<div style="width:960px; height:320px; margin:10px auto;">
<div id="focus">
<ul>
<li><a href="#" target="_blank"><img src="images/d1.jpg" width="960" /></a></li>
<li><a href="#" target="_blank"><img src="images/d2.jpg" width="960" /></a></li>
<li><a href="#" target="_blank"><img src="images/d3.jpg" width="960" /></a></li>
<li><a href="#" target="_blank"><img src="images/d4.jpg"width="960" /></a></li>
<li><a href="#" target="_blank"><img src="images/d5.jpg"width="960" /></a></li>
<li><a href="#" target="_blank"><img src="images/d6.jpg"width="960" /></a></li>
</ul>
</div>
</div>
<!---------------end------dm------------------------>
</div>
<div class="clear"></div>
<div class="main">
<div class="jianjie">
<div class="jianjie_top">六朝古都-南京</div>
<div class="fl m10"><a href="#"><img src="images/about.jpg" width="200"></a> </div>
<div class="jianjie_des">
<p>南京,简称宁,是江苏省会,副省级市,长三角及华东地区第二大城市,中国科教第三城,中国国家区域中心城市(华东),国家重要的政治、军事、科教、文化、航运、经济和金融中心,国家交通枢纽、通信枢纽和科技创新中心,南京都市圈核心城市,长三角辐射带动中西部地区发展的重要门户城市。</p>
<p>南京历史悠久,是首批国家历史文化名城和全国重点风景旅游城市,有着6000多年文明史、近2600年建城史和近500年的建都史,是中国四大古都之一,有"六朝古都"、"十朝都会"之称,是中华文明的重要发祥地。</p>
<p>南京地处长江下游,濒江近海,是中国重要的交通、港口、通讯枢纽,亦是中国服务外包基地和国家软件出口创新基地,国家信息化与工业化融合试验区,中国唯一的国家科技体制综合改革试点城市</p>
<p>南京是国家重要门户城市,华东地区中心城市和重要产业城市,长江国际航运物流中心,滨江生态宜居城市,联合国人居署特别荣誉奖获得城市。2014年8月,即将举办第二届夏季青年奥林匹克运动会。</p>
<p></p>
<p></p>
<p></p>
<p></p>
</div>
</div>
<div class="clear"></div>
</div>
<!-----------------end main--------------------->

<div class="clear"></div>
<!-----------------end main--------------------->
<div class="foot">
<p>Copyright 版权所有 南京 </p>
<p> All Rights Reserved </p>
</div>
<div class="clear"></div>
</div>
</body>
</html>