《HTML5网页设计》期末大作业题目：xxxx旅游网站专业：班级：学号：姓名：
时间：目录需求分析1功能需求1软件需求2详细设计2页面一：2页面二：6页面三：10页面四：14页面五：18css代
码：20课程总结与感想21需求分析功能需求为了更好的宣传扬州这个旅游城市，带动扬州经济发展，让更多人了解扬州的历史与文化。方便游客
的整个旅程，为游客带来更好的体验。方便扬州市及时发布城市文化宣传信息。所以我设计了网站首页，主要宣传四个方面，扬州历史沿革，旅游景
点，小吃特产，文化艺术。软件需求整个网页的设计都是用软件HBuilder。详细设计页面一：这是我设计的网站首页，因为每每提到扬
州，给人的印象便是山清水秀，风景如画，所以我选择了以浅色做为整个网站的主色调。这是我设计首页的代码<
html>无标题文档tylesheet"type="text/css"href="css/css.css">lass="da">height="313">- ">网站首页
- 历史沿革
- f="jingdain.html">旅游景点
- 小吃特产a>
- 文化艺术
lass="xia">扬州扬州，江苏省地级市，长江三角洲中心区
27城之一。是世界遗产城市、世界美食之都、世界运河之都、东亚文化之都、首批国家历史文化名城和具有传统特色的风景旅游城市，位于江苏
省中部、长江与京杭大运河交汇处，有江苏省陆域地理几何中心（扬州高邮市）之称，有“淮左名都，竹西佳处”之称，又有着“中国运河第一城”
的美誉；被誉为扬一益二、月亮城。 扬州，古称广陵、江都、维扬，建城史可上溯至公元前486年，中国大运河扬州段入选世界
遗产名录；扬州列入中国海上丝绸之路申报世界遗产城市之一。下辖3个市辖区和1个县，代管2个县级市。总面积6591.21平方千米。根
据第七次人口普查数据，截至2020年11月1日零时，扬州市常住人口为4559797人。 中间又走了些流程。“好了，”那机器人
道，“现在是自由活动时间。大家可以随意选择想要传送到的地方，去看看22世纪的风光！”张峰想了又想，不如看看他们的生活区吧！他纵身一
跃，跳进了通往最繁华的生活区的传送门。过了不知多久，他发现他处于一个破烂的贫民窟中。四周垃圾如山，却无人清理；房子落灰，却无人翻新
。晨时的阳光照在这些破烂不堪的东西上，白花花的，显得格外刺眼。嘶！张峰倒吸一口气，这么落魄，确定是一百年后的世界吗？我得找人问问！
他有些无语。他四处走动，却没有什么年轻人，都是一些邋遢不堪的老头与老太太，坐在永动轮椅上，用摇杆操控方向，美其名曰“晒太阳”。为证
实心里的想法，他拦住一个老爷爷：“爷爷，现在是多少年了？”老爷爷神色木然地看了他一眼，支吾道：“我……我不记得了。让我看看。”却因
找一个永动手表，屋内屋外到处翻找。到最后，他一拍脑袋：“哦！就在我手腕上呢！老了，感官不行了！”他冲着张峰笑了笑，摘下表，上书：2
120年5月20日。“对了，既然有永动机器人，你们为什么不买一点帮着做点事呢？”张峰不解。“呵呵，老了，没钱啊，只能靠当初买的药吊
着命呀！”老人露出一抹苦笑。不是吧！未来的文明，除了永动机器外，看上去怎么还倒退了呢？陈峰疑惑不解。他又找了一个年轻人。这人弯腰驼
背，双眼浑浊，简直和暮年之人无异了。可真是奇怪！这人正值大好年华，为什么还是一脸麻木呢？不应该是像他一样朝气蓬勃，对未来充满幻想吗
？张峰上前拦下了他，说出了心中的疑惑。“呵呵，你是来搞笑的吗？我们很小就喝了永生药水，又不会死，就这样苟活一日算一日吧！”他的双眼
间，已无神色。“你不去做点什实生活中怎么可能会有这么一档子事呀！”经过一番激烈的内心挣扎，张峰觉得，就当花钱消灾吧。“算了，穿越
文那么多，说不定还真有现实依据呢！就算是假的，也才四百元不到，我虽然穷，掐吧掐吧总能省出来的。只是待把该留的聊天记录等都留下，就是
被骗，好歹也有个证据报警不是！若是有个什么‘好人奖’，那还赚了，嘿嘿……”他自言自语道。一番咨询后，他交了钱。在提交订单的那一刹那
，他感到有一股巨大的吸力拉扯着他，像一个漩涡般，越转越快，直到他眼前一黑……再醒来，只见四周是皆是高耸入云的摩登大厦，据说有近千层
高。出乎张峰的意料，他们并不是死板的四方大厦，而是各种造型兼而有之，六角形的也有，锥形的也有。也不是张峰印象中清一色的蓝色，各种颜
色都有，在炫目的同时又不刺眼，只觉得这颜色搭配是怎生的天经地义，丝毫没有凡尘的俗气。在白天，它们也发着光，魅力四射，总而言之就三个
字：现代化。扬州是江苏长江经济带重要组成部分、南京都市圈成员城市和长三角城市群城市；是南水北调东线工程水源地、联合国人居奖获
奖城市、全国文明城市、中国温泉名城、国家园林城市、国家森林城市。 扬州成功举办2017年世界体育赛事与旅游峰会、世界地
理标志大会、世界运河城市论坛，2018年世界运河风情民俗展演活动、江苏省第十九届运动会、第十届江苏省园艺博览会，将举办2021年
扬州世界园艺博览会，2022年世界半程马拉松锦标赛。 2018年中国百强城市排行榜公布，扬州市位列第45位。2018年
11月，入选中国城市全面小康指数前100名。2019年10月31日，扬州入选世界美食之都。2020年10月，被评为全国双拥模范
城（县）。2020年，扬州市实现地区生产总值6048.33亿元。
行政区划截至2018年5月，扬州
市下辖邗江区、广陵区、江都区3个市辖区和宝应1个县，代管高邮、仪征2个县级市。全市共有62个镇、4个乡和17个街道。全市总面积66
34，其中市辖区面积2310。 扬州沿河地区包括1个县级市和1个县，分别是高邮市、宝应县。 扬州沿江地区包
括3个市辖区和1个县级市，分别是邗江区、广陵区、江都区和仪征市。 c="images/t1.jpg"width="310"height="200">g"width="310"height="200">height="200">扬州<
/html>“内测会员们，大家好！欢迎来到100年后的世界！”突然，一道爽朗的男声传来。众人慌忙四处观望，却不见人影。“怎么样，这
样的出场方式，大家还习惯吗？”却见一个中年男人破空而来，在众人头顶漂浮了好一会儿才下来。“不用担心，我是主人研制的一个仿生永动机器
人！”他眉毛一扬，朗声说道。嘶！永动机器人？天哪！现在的科技这么发达的吗？那在这个时代生活的人，生活一定很滋润吧！张峰想道。那机器
人带领众人参观了一下科研中心。各类生产线，正急速运转着，却没有工人——他们是一台台永动生产线。大厅里，各式机器人各司其职，该做什么
就做什么。他们极度像人，却没有情感，这是被人为剥夺了的缘故。然后是科学家们的工作室。科学家们由于喝了永生药水的缘故，兴致并不是很高
，但仍是一丝不苟地研究着新型药水。说到这里，那机器人顿了一顿：“我们现在的永动机，以及永生药水，便是他们研制出来的；没有他们，就页
面二：无标题文档<<br>/title><br></head><body><divclass="da"><divclass="ban"><imgsrc="images/ba<br>n.jpg"width="1000"height="313"></div><divclass="nav"><ul><li><br><ahref="index.html">网站首页</a></li><li><ahref="lishi.html">历史沿革<<br>/a></li><li><ahref="jingdain.html">旅游景点</a></li><li><ahref="x<br>iaochi.html">小吃特产</a></li><li><ahref="wenhua.html">文化艺术</a></li<br>></ul></div><divclass="xia"><divclass="li"><h2>历史沿革</h2><p>扬州建<br>城史可上溯至公元前486年，2015年是建城2500年，古代有时作杨州（按：汉碑中杨字皆从“木”，从“手”系后人所改，王念孙有详细<br>考证）。据杜佑《通典》所载，在古扬州地域内，设有三十九个郡府，一百九十六个县，这是我第一个跳转页面的代码相当于“省”。这个“扬州”<br>虽然包容了隋朝后作为城市的扬州（今扬州），但和隋朝后那个繁华的扬州城是不能混为一谈的。今天的扬州地区，春秋时，称“邗越”（后建立邗<br>国，邗国为周代的方国之一，后被吴所灭，建吴都）。秦、汉时称“广陵”、“江都”等，东晋、南朝置“南兖州”，北周改广陵为吴州。汉武帝时<br>，在全国设十三刺史部，其中有扬州刺史部，东汉时治所在历阳（今安徽和县），末年治所迁至寿春（今安徽寿县）、合肥（今安徽合肥市西北）。<br>三国时魏、吴各置扬州，魏的治所在寿春，吴的治所在建业（今江苏南京市）。西晋灭吴后，治所仍在建邺（曾改名建业，后又改名建康，今南京）<br>。隋开皇九年改吴州为扬州，但总管府仍设在丹阳（今南京）。唐武德八年（625年），广陵（今扬州）开始叫“扬州”这个专名，并再无变动。<br>而“扬州”作为一座城市的概念也是从此开始，一直延续至今。历史上繁华的扬州城，即今扬州市老城区-广陵区。唐贞观元年（627年），分全<br>国为10道，扬州属淮南道。唐玄宗天宝元年（742年），改扬州为广陵郡。唐肃宗乾元元年（758年），广陵郡复改扬州。唐末，江淮大乱。<br>唐昭宗天复二年（902年），淮南节度使杨行密在扬州受封吴王。天祐十六年（919年），杨渭（杨隆演，杨行密次子）正式建吴国，以江都为<br>国都，改扬州为江都府，改元武义。吴天祚三年（937年），南唐灭吴，以金陵（今南京市）为国都，以扬州为东都。南唐保大十五年（957年<br>），后周改江都府仍为扬州。宋赵光义淳化四年（993年），分全国为十道，扬州属淮南道。宋赵光义至道三年（997年），又分全国为15路<br>，扬州属淮南路。宋神宗熙宁五年（1072年），分淮南路为东、西两路，扬州属淮南东路。宋建炎三年（1129年）高宗南渡后，江都县析出<br>广陵县，扬州增领广陵、泰兴2县。<imgsrc="images/t4.jpg"width="470"height="250"<br>></p><pstyle="margin-left:20px;">1950年1月，苏北行政公署决定,原泰州、扬州两专区合并,<br>称泰州专区,下辖扬州、泰州2个市,泰县、泰兴、靖江、兴化、高邮、宝应、仪征、六合、江都9个县。泰州专区原辖如皋县海安县刘归南通专区<br>,东台县、台北县划归盐城专区。1956年3月，江都县析为江都、邗江2县。1960年4月，宝应县、高邮县析湖西地区为金湖县。196<br>6年3月，仪征、六合、金湖3县划给新设立的六合地区。1971年，六合地区撤销，仪征、六合2县划回扬州地区。1975年，六合县划归南<br>京市，扬州地区辖2市9县。1983年3月，江苏省改革地市体制，调整行政区划，扬州地区行政公署撤销。原属扬州地区的泰州市和江都、邗江<br>、泰县、高邮、靖江、宝应、泰兴、兴化、仪征9个县划归扬州市管辖。扬州市改由省管辖，设广陵区和郊区。1986年4月，仪征县撤县设市。<br>1987年12月，兴化县撤县设市。1991年4月，高邮县撤县设市。1992年9月，泰兴县撤县设市。1993年8月，靖江县撤县设市。<br>1994年4月，江都县撤县设市。1994年7月，泰县撤县设立姜堰市。1996年8月，经国务院批准，扬州市行政区划调整，撤销县级泰州<br>市，设立地级泰州市，原由扬州市代管的泰兴、姜堰、靖江、兴化4个县级市划归泰州市管辖。扬州市设广陵区、郊区（2002年更名维扬区），<br>辖宝应县、邗江县，代管仪征、高邮、江都3个县级市。2000年12月，邗江县撤销县建制，改设扬州市邗江区。扬州市共辖广陵、邗江、维扬<br>3个区和宝应1个县，代管仪征、高邮、江都3个县级市。2011年11月13日，经国务院批准，撤销县级江都市，设立扬州市江都区。将扬州<br>市邗江区的泰安、头桥、沙头、李典、杭集5个镇并入扬州市广陵区。撤销扬州市维扬区，将原维扬区的行政区域与划出5个镇的邗江区合并。<br>2016年11月23日国务院正式批复扬州高邮市为国家历史文化名城，成为全国第130座、江苏省第13座国家历史文化名城、扬州第2座国<br>家历史文化名城。<imgsrc="images/t5.jpg"width="470"height="250"></p></d<br>iv><divclass="clearit"></div></div><divclass="foot">扬州</div></d<br>iv></body></html>页面三：这是我第二个可以跳转的页面，为旅游景点。用于介绍扬州最著名的四个景点，为游客带来更好的旅<br>行体验<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档<<br>/title><br></head><body><divclass="da"><divclass="ban"><imgsrc="images/ba<br>n.jpg"width="1000"height="313"></div><divclass="nav"><ul><li><br><ahref="index.html">网站首页</a></li><li><ahref="lishi.html">历史沿革<<br>/a></li><li><ahref="jingdain.html">旅游景点</a></li><li><ahref="x<br>iaochi.html">小吃特产</a></li><li><ahref="wenhua.html">文化艺术</a></li<br>></ul></div><divclass="xia"><divclass="zi"><h2>旅游景点</h2><divc<br>lass="zz"><imgsrc="images/a1.jpg"width="268"height="178"></div<br>><divclass="yy"><h3>扬州瘦西湖风景区</h3><p>扬州瘦西湖风景区（SlenderWestLake），<br>位于江苏省扬州市邗江区大虹桥路28号，国家重点风景名胜区、国家AAAAA级旅游景区、全国文明风景旅游区示范点。瘦西湖位于扬州市北郊<br>，因湖面瘦长，称“瘦西湖”，据2012年底数据，景区游览区面积33.66平方公里左右。1988年被国务院列为“具有重要历史文化遗产<br>和扬州园林特色的国家重点名胜区”。2010年被授予国家AAAAA级旅游景区，成为扬州首家国家5A级旅游景区。</P></div><<br>/div><divclass="clearit"></div>这是我第二个可以跳转的代码的页面<divclass="zi"><<br>divclass="zz"><imgsrc="images/a2.jpg"width="268"height="178"><br></div><divclass="yy"><h3>盂城驿</h3><p>高邮盂城驿现为世界遗产、国家4A级旅游景区、全国重点文物<br>保护单位。2014年被列为我国第46个世界遗产的京杭大运河重要组成部分，始建于明朝洪武八年（1375年），位于江苏省高邮市南门大街<br>东(高邮城南历史文化街区)，是中国邮驿“活化石”、全国规模最大、保存最完好的古代驿站、明代遗留下来的一处驿传建筑。盂，古代盛饮食<br>、水等的园口。</P></div></div><divclass="clearit"></div><divclass="zi"<br>><divclass="zz"><imgsrc="images/a3.jpg"width="268"height="178<br>"></div><divclass="yy"><h3>个园</h3><p>个园位于江苏省扬州市广陵区东北隅，盐阜东路10号，曾荣<br>获第三批“全国重点文物保护单位”和“首批国家重点公园”称号。这座清代扬州盐商宅邸私家园林，以遍植青竹而名，以春夏秋冬四季假山而胜。<br>由两淮盐业商总黄至筠于清嘉庆23年（公元1818年）在原明代“寿芝园”的基础上拓建为住宅园林。个园以叠石艺术著名，笋石、湖石、<br>黄石、宣石叠成的春夏秋冬四季假山，融造园法则与山水画理于一体，被园林泰斗陈从周先生誉为“国内孤例”。</P></div></div<br>><divclass="clearit"></div><divclass="zi"><divclass="zz"><img<br>src="images/a4.jpg"width="268"height="178"></div><divclass="yy<br>"><h3>何园</h3><p>个园位于江苏省扬州市广陵区东北隅，盐阜东路10号，曾荣获第三批何园，坐落于江苏省扬州市的徐凝门街6<br>6号，又名”寄啸山庄“，是一处始建于清代中期的中国古典园林建筑，被誉为“晚清第一园“，面积1.4万余平方米，建筑面积7000余平方<br>米。何园由清光绪年间何芷舠所造，片石山房系石涛大师叠山作品。曾在何园寓居过的名人有很多。著名国画大师黄宾虹，他六次来扬州，寓居在骑<br>马楼东一楼。著名作家朱千华先生，曾寓居何园五年多，其旧居在骑马楼东二楼。</P></div></div><divclass="c<br>learit"></div></div><divclass="foot">扬州</div></div></body></html<br>>页面四：这是我第三个可以跳转的页面为小吃特产，民以食为天，可以用小吃来吸引更多的游客前来<!doctypehtml><html<br>><head><metacharset="utf-8"><title>无标题文档sheet"type="text/css"href="css/css.css">="da">ght="313">- 网站首
页 - 历史沿革
- ngdain.html">旅游景点
- 小吃特产i>
- 文化艺术
"xia">小吃特产扬州市美食>这是我第三个可以跳转页面的代码%">扬州市：扬州炒饭、牛皮糖、馋神风鹅、黄珏老鹅、樊川小肚、江都方
酥（江都）、扬州三头宴（清蒸蟹粉狮子头、扒烧整猪头、拆烩鲢鱼头）、韶关老鹅、嘶马的拉豆腐（江都）、琼花露酒、邵伯菱角、三丁包、扬州
煮干丝、扬州酱菜 高邮市： | 高邮双黄鸭蛋、秦邮董糖、界
首茶干、蒲包肉、高邮水晶月饼、汪豆腐、运河三宝、高邮酱油面、高邮蟹黄肉包、高邮肉卷、高邮鸭、高邮咸鸭蛋、高邮湖大闸蟹、高邮湖龙虾、
高邮周巷大米、高邮湖青虾、高邮湖鳊鱼、高邮湖银鱼、高邮湖白鱼、高邮湖鲫鱼 | 仪征市：
| 平山绿茶、仪征绿杨春茶十二圩五香茶干（仪征） | 宝应县
： | 宝应藕粉 | |
扬州市特色名点enter>
| 类型trong> | 名列 |
| 扬州十大名点> | 三丁包子、千层油糕、双麻酥饼、翡翠烧卖、干菜包、野菜包、糯米烧卖、蟹黄蒸饺、车螯烧卖、鸡丝卷子 |
<
tr>十佳风味小吃 | 笋肉锅贴、扬州饼、蟹壳黄、鸡蛋火烧、咸锅饼、萝卜酥饼、鸡丝卷子、三鲜锅饼、桂花糖藕粥
、三色油饺 | 
