华为开发者空间 HTML5期末大作业:网站——美丽家乡(南京介绍7个页面) 家乡文化介绍 学生DW网页设计作业源码(HTML+CSS+JS) ~学生dreamweaver网页设计作业成品...

HTML5期末大作业:网站——美丽家乡(南京介绍7个页面) 家乡文化介绍 学生DW网页设计作业源码(HTML+CSS+JS) ~学生dreamweaver网页设计作业成品...

HTML期末大作业~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计 ~大学生个人网站作业模板 ~简单个人网页制作临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都...

HTML期末大作业~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计 ~大学生个人网站作业模板 ~简单个人网页制作

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。

作品介绍

1.网页作品简介方面 :HTML期末大学生网页设计作业 ,喜欢的可以下载,文章页支持手机PC响应式布局。主要有:首页,饮食文化,建城历史,历史文化,旅游文化,饮食介绍, 美食推荐 等总共 5 个页面html下载。

2.网页作品编辑方面:此作品为学生个人主页网页设计题材,代码为简单学生水平 html+css 布局制作,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用)

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

4.网页作品技术方面:使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。 首页制作了留言表单,同时简单使用JavaScript制作了表单判断(提交时表单不能为空)

1. 首页

HTML5期末大作业:网站——美丽家乡(南京介绍7个页面) 家乡文化介绍 学生DW网页设计作业源码(HTML+CSS+JS) ~学生dreamweaver网页设计作业成品_web学生网页设计作业源码

2.饮食文化

HTML5期末大作业:网站——美丽家乡(南京介绍7个页面) 家乡文化介绍 学生DW网页设计作业源码(HTML+CSS+JS) ~学生dreamweaver网页设计作业成品_HTML网页设计结课作业_02HTML5期末大作业:网站——美丽家乡(南京介绍7个页面) 家乡文化介绍 学生DW网页设计作业源码(HTML+CSS+JS) ~学生dreamweaver网页设计作业成品_网页设计大作业模板_03

3.建城历史

HTML5期末大作业:网站——美丽家乡(南京介绍7个页面) 家乡文化介绍 学生DW网页设计作业源码(HTML+CSS+JS) ~学生dreamweaver网页设计作业成品_web前端开发技术_04

4.历史文化

HTML5期末大作业:网站——美丽家乡(南京介绍7个页面) 家乡文化介绍 学生DW网页设计作业源码(HTML+CSS+JS) ~学生dreamweaver网页设计作业成品_web前端开发技术_05

5. 旅游文化

HTML5期末大作业:网站——美丽家乡(南京介绍7个页面) 家乡文化介绍 学生DW网页设计作业源码(HTML+CSS+JS) ~学生dreamweaver网页设计作业成品_web学生网页设计作业源码_06

二、代码目录

HTML5期末大作业:网站——美丽家乡(南京介绍7个页面) 家乡文化介绍 学生DW网页设计作业源码(HTML+CSS+JS) ~学生dreamweaver网页设计作业成品_html5网页制作代码_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="top_nav">
  <div class="top_nav_in">
    <div style=" width:880px;float:left;">
      <marquee>
      NANJING WELCOME! 南京欢迎您!
      </marquee>
    </div>
  </div>
</div>
<!-----------------end top_nav--------------------->
<div class="clear"></div>
<div class="head"><a href="#"><img  src="images/d5.jpg" width="960"></a> </div>
<div class="logo"><a href="#"><img  src="images/logo.png"  width="250"></a> </div>
<!-----------------end head--------------------->

<div class="nav">
  <ul>
    <li><a href="index.html">首页</a> </li>
    <li><a href="html/yinshiwh.html">饮食文化</a>
      <dl>
        <dd><a href="html/yinshijs.html">饮食介绍</a></dd>
        <dd><a href="html/tuijian.html">美食推荐</a></dd>
      </dl>
    </li>
    <li><a href="html/jianchengls.html">建城历史</a></li>
    <li><a href="html/lishiwh.html">历史文化</a></li>
    <li><a href="html/lvyouwh.html">旅游文化</a></li>
  </ul>
</div>
<!-----------------end nav--------------------->
<div class="main">
  <div class="main_top">
    <p>南京,简称宁,是江苏省会,副省级市,长三角及华东地区第二大城市,中国科教第三城,中国国家区域中心城市(华东),国家重要的政治、军事、科教、文化、航运、经济和金融中心,国家交通枢纽、通信枢纽和科技创新中心,南京都市圈核心城市,长三角辐射带动中西部地区发展的重要门户城市。</p>
  </div>
  <div class="clear"></div>
  <div class="main_left">
    <div class=""><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/p_2.jpg',1)"><img src="images/p1.png" name="Image4" width="477" height="314" border="0" id="Image4" /></a> </div>
    南京是国家重要门户城市,华东地区中心城市和重要产业城市,长江国际航运物流中心,滨江生态宜居城市,联合国人居署特别荣誉奖获得城市。2014年8月,即将举办第二届夏季青年奥林匹克运动会。</div>
  <div class="main_right">
    <p>南京历史悠久,是首批国家历史文化名城和全国重点风景旅游城市,有着6000多年文明史、近2600年建城史和近500年的建都史,是中国四大古都之一,有&quot;六朝古都&quot;&quot;十朝都会&quot;之称,是中华文明的重要发祥地。</p>
    <p>南京地处长江下游,濒江近海,是中国重要的交通、港口、通讯枢纽,亦是中国服务外包基地和国家软件出口创新基地,国家信息化与工业化融合试验区,中国唯一的国家科技体制综合改革试点城市</p>
    <div class=""><a href="#"><img  src="images/p2.png" width="430"></a> </div>
  </div>
  <div class="clear"></div>
  <div class="main_b">
    <h2> 历史沿革</h2>
    <p> 历史上南京既受益又罹祸于其得天独厚的地理位置和气度不凡的风水佳境,过去曾多次遭受兵燹之灾,但亦屡屡从瓦砾荒烟中重整繁华。且在中原被异族所占领,汉民族即将遭受灭顶之灾时,通常汉民族都会选择南京休养生息,立志北伐,恢复华夏。大明、民国二次北伐成功;东晋、萧梁、刘宋三番北伐功败垂成。南宋初立,群臣皆议以建康为都以显匡复中原之图,惜宋高宗无意北伐而定行在于杭州,但迫于舆论仍定金陵为行都。即使太平天国以南京为都,亦以驱除异族统治为动员基础和合法性之一。所以南京被视为汉族的复兴之地,在中国历史上具有特殊地位和价值。故朱偰先生在比较了长安、洛阳、金陵、燕京四大古都后,言"此四都之中,文学之昌盛,人物之俊彦,山川之灵秀,气象之宏伟,以及与民族患难相共,休戚相关之密切,尤以金陵为最。" </p>
  </div>
  <div class="main_b">
    <h2>南京文化</h2>
    <p> 南京大部分地区通行南京官话,高淳区大部、溧水区南部地区的方言则通行吴语。</p>
    <p> 南京话在历史上长期是中国的官方语言,金陵雅言以古中原雅言正统嫡传的身份被确立为中国汉语的标准音,并深远地影响到直至今天的中国语言形态,加之六朝以来汉人文化上的优越意识,清代中叶之前历朝的中国官方标准语均以南京官话为标准。周边国家如日本、朝鲜、越南所传授和使用的中国语也是南京官话。明清时期来华的西方传教士所流行的是以南京官话为标准的中国话,民国初年西方传教士主持的"华语正音会",也以南京音为标准。长久以来,南京话以其清雅流畅、抑扬顿错的特点以及独特的地位而受到推崇。</p>
  </div>
</div>
<div class="clear"></div>
<!-----------------end main--------------------->
<div class="foot">
  <div class="foot_in">版权所有:南京文化网 </div>
</div>
</body>
</html>





四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站HTML5期末大作业:网站——美丽家乡(南京介绍7个页面) 家乡文化介绍 学生DW网页设计作业源码(HTML+CSS+JS) ~学生dreamweaver网页设计作业成品_web前端开发技术_08


五、源码获取

❉ ~ 关注我,点赞博文~ 每天带你涨知识!

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

❉ 2.关注我 ~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!

❉3.以上内容技术相关问题可以相互学习,可关注↓公Z号 获取更多源码 !

HTML5期末大作业:网站——美丽家乡(南京介绍7个页面) 家乡文化介绍 学生DW网页设计作业源码(HTML+CSS+JS) ~学生dreamweaver网页设计作业成品_web前端开发技术_09

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐

  • 浏览量 1450
  • 收藏 0
  • 0

所有评论(0)

查看更多评论 
已为社区贡献35条内容