城市印象网站的设计与实现

1、 本科毕业论文设计题 目： 城市印象网站的设计与实现 学 院： 计算机信息与工程学院 专 业： 计算机科学与技术专业 城市印象网站的设计与实现摘 要：随着网络的迅速普及，智慧城市的开展。今天的人们已经意识到，建设网站已经成为一个城市走向公众最普遍的方式了。对于一个城市说，建立新颖的宣传网站可以迅速提升自己的形象，同时加快城市融入新世纪开展的步伐，开拓新的旅游市场！而对于城市的人们，好的宣传网站可以让他们更直接的参与城市建设交流中，明确这个城市开展的目标。针对城市开展的方向和目的，从城市网站设计的整个流程出发，通过自己设计的这个城市网站作品来说明并演示一个网站制作过程，这篇论文的主要内容是城市网

2、站的设计思想整体规化及相关的功能实现。网站的设计主要通过Dreamweaver软件的HTML语言设计，包括网页的结构、超文本标记语言、管理员、网页的风格、许愿墙协议、版面的布局、文字图片的运用等。关键词： 网页设计; 超文本标记语言; 许愿墙AbstractWith the rapid popularization of Internet, the development of smart city. Today, people have realized, the construction site has become a city to the public the most commo

3、n way. For a city, a new website can improve their image quickly, while speeding up the pace of development of the city into the new century, developing new tourist market!For city people, good website can make them more directly to participate in the exchange of city construction, clear the city de

4、velopment goals. According to the purpose and direction of development of the city, the whole process of design from the city site of the city, through the website works designed to illustrate and demonstrate a website production process, the main content of this thesis is the design of website of c

5、ity overall planning and related functions. Mainly through the HTML language design Dreamweaver software design of the site, including Webpage structure, hypertext markup language, administrator, Webpage style, Wishing Wall agreement, the layout of the page, the use of words and pictures. Keywords:

6、web design、Html、wishing wall 目 录TOC o 1-3 h u HYPERLINK l _Toc2981 Abstract PAGEREF _Toc2981 I HYPERLINK l _Toc23106 一、 绪论 PAGEREF _Toc23106 1 HYPERLINK l _Toc7259 一网站开发背景 PAGEREF _Toc7259 1 HYPERLINK l _Toc26545 二网站开发意义 PAGEREF _Toc26545 1 HYPERLINK l _Toc16001 二、 工程理论分析 PAGEREF _Toc16001 2 HYPERLI

7、NK l _Toc1678 一 可行性分析 PAGEREF _Toc1678 2 HYPERLINK l _Toc9248 二 需求分析 PAGEREF _Toc9248 3 HYPERLINK l _Toc6319 三 总体分析 PAGEREF _Toc6319 4 HYPERLINK l _Toc2021 三、 网站功能的设计与实现 PAGEREF _Toc2021 5 HYPERLINK l _Toc30112 一 首页 PAGEREF _Toc30112 5 HYPERLINK l _Toc21660 二 城市简介 PAGEREF _Toc21660 5 HYPERLINK l _To

8、c28766 三 最新资讯 PAGEREF _Toc28766 6 HYPERLINK l _Toc7844 四 城市景点 PAGEREF _Toc7844 7 HYPERLINK l _Toc19491 五 城市地图 PAGEREF _Toc19491 7 HYPERLINK l _Toc9188 六 美文欣赏 PAGEREF _Toc9188 7 HYPERLINK l _Toc8276 七 历史名人 PAGEREF _Toc8276 7 HYPERLINK l _Toc29334 八 城市美食 PAGEREF _Toc29334 7 HYPERLINK l _Toc27917 九 许愿墙

9、 PAGEREF _Toc27917 7 HYPERLINK l _Toc4642 四、 基于HTML语言建立网页链接 PAGEREF _Toc4642 9 HYPERLINK l _Toc27873 一文字链接 PAGEREF _Toc27873 9 HYPERLINK l _Toc10328 二图像链接 PAGEREF _Toc10328 10 HYPERLINK l _Toc9518 五、 网站的运营 PAGEREF _Toc9518 12 HYPERLINK l _Toc2640 一 网站测试 PAGEREF _Toc2640 12 HYPERLINK l _Toc4508 二 网站发

10、布与推广 PAGEREF _Toc4508 12 HYPERLINK l _Toc1424 三 网站维护 PAGEREF _Toc1424 13 HYPERLINK l _Toc16990 六、 总结与感想 PAGEREF _Toc16990 16 HYPERLINK l _Toc29724 致 谢 PAGEREF _Toc29724 17 HYPERLINK l _Toc23198 参考文献 PAGEREF _Toc23198 18 HYPERLINK l _Toc20795 附 录 PAGEREF _Toc20795 19 HYPERLINK l _Toc15785 附录A: 附加图、表

11、PAGEREF _Toc15785 19 HYPERLINK l _Toc23424 附录B: 主要源程序 PAGEREF _Toc23424 20一、 绪 论城市印象从广义的角度来讲，是指一个城市从古代到现代在政治、经济、文化等诸多方面的表达，城市印象是指该城市从文化角度给人们留下的一种概念，通俗的说是对某个城市所产生的印象和遗留感觉，是在客观载体下所产生的一种主观意识。城市假设要给人们留下一个较美好的印象，她要通过各种的宣传媒介向受众进行对外宣传，由于网站不受局限且具有“流动的美术展览特点，应选择其作为城市文化的主要宣传媒介之一。城市印象网站的设计是为起到对该城市的宣传作用，将城市的特色通

12、过网页的形式展示给人们，从而促进文化上的交流。本网站选择中国的古城阜阳作为研究对象，一是为了向人们宣传我国的城市文化艺术，让更多的人了解古城文化，并重视我国的民族艺术；二是将民族艺术运用到城市印象主题网站设计当中，可使人们通过网站对阜阳这一城市有更多的了解和认识；三是对网站的主要构成元素图形、色彩和文字在网站设计当中的运用进行研究，同时对网站设计的表现技法以及宣传方式进行尝试和研究。一网站开发背景城市网站是一个城市开展不可缺少的局部,它的作用对于城市的决策者和管理者来说都至关重要。因此城市网站应该能够为用户提供充足的城市资讯，但一直以来人们使用传统人工的方式(例如：城市海报，报纸宣传等),传统

13、宣传方式存在着许多缺点,如:效率低、宣传性较差,另外时间一长,将产生大量的文件和数据,这对于查找、资讯更新带来了不少的困难。随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。作为计算机应用的一局部,使用计算机对网上城市资讯发布进行管理,具有着手于管理所无法比较的优点例:检索迅速、查找方便、可靠性高、存储量大、寿命长、本钱低等。这些优点能够极大地提高网上新闻发布的效率,也是城市走向现代化化、正规化管理、与世界接轨的重要条件。二网站开发意义计算机科学技术飞速开展的今天，加快了人们的生活节奏。时间变得更加珍贵，任何产品需要很

14、好的被使用，其知名度就至关重要。比方人们生活中更多接触的便是电视、电脑、 这些科技产品。那么对于城市领域设计出来的宣传网站，城市应该如何对其推广宣传和普及。源于这一思考，设想如果每个城市能纷纷建立起属于自己的城市映像网站，展示城市各个方面的风景人文，那么去推广这个城市相对来讲更加的省时省力，这是提高城市知名度的有效途径。同时建设城市网站，这样也可以很好的对外展示城市文化，是城市实力的一种表达方式今天，各行各业的竞争日趋剧烈，每个企业所面临的主要任务是提高工作效率和工作质量。城市网站的建立可以大量降低人力资源方面的本钱付出，突破了时间和空间的限制，人们对城市的详细了解可以在任何时间和地点进行，可

15、以即时进行。有了城市宣传的网站平台，人们就不需要海量去查询城市详情，可以借助网络平台了解这个城市，通过网站的浏览，大大便捷了游客及城市人们的出行及游玩问题。鉴于互联网的诸多优势以及对国内外智慧城市开展的研究分析，我此次的设计是开发一个集成了发布城市资讯、介绍城市美食、城市人文历史、交通路线查询等功能于一体的城市印象网站，以微小的力量推动中国互联网的开展。二、工程理论分析建立一个城市的网站，把它作为一个门户，在这个门户中我们可以把各类与城市建设相关的业务联系都引入其中例如：城市建设规划、城市教育论坛、城市旅游宣传、城市地图导航 等。你会发现这个城市的门户无所不能了，这是利用延伸互联网信息门户的整

16、合能力，而在技术上是完全可以到达的。本网站主要展现城市的风景人文地理，以及城市生活的方方面面。到达更好的宣传城市效果，是城市走向普通群众的根底平台。本章主要分析印象网站的需求、可行性以及总体结构，使城市印象网站的建设与运行，更加适合城市开展的需要。图2.0 工程理论分析图可行性分析 (1) 技术上可行： 该系统是基于Dreamweaver软件的HTML语言，所设计的城市印象网，所需硬件设备，如效劳器，计算机，而且申请一个域名也没多大技术上的要求，有些网站还提供相关的技术支持、管理与维护。在软件上，操作系统采用Windows系列操作系统，这些软件在网站建设中被大量采用，技术上都比较成熟,因此在技

17、术上是可行的。 (2) 经济上可行： 由于我们做的是毕业设计，在本钱方面都是由个人自己解决，所以对经费没有很高的要求和控制。 综上所述，网站建设在技术上、经济上都是可行的。二 需求分析 互联网可以做到随时随地接入，提高效率，是辅助决策的很好的工具，并能实现与国际供给链连接有了互联网的接入门户，对于城市建设开展的一切行为都在最快捷最准确的掌握之中，无论身在何方，随时随地接入，城市就在眼前，这对于提高决策效率的帮助是任何形式都不可比较的。特别是在智慧城市来临之时，中国城市如何能够适应国际化的竞争，进入全球化供给链首先在城市信息化的建设方面就在进行有一个充足的准备，世界格局的变化，竞争开放城市的信息

18、化也要适用这种变化。当前，社会信息化和经济全球化开展日益加快，网络经济迅速开展，互联网正以惊人的速度渗透到经济的各个领域，对城市经济开展和社会生活产生了深远的影响，随着我国经济转型，城市开展不可防止地要面对全球化引发更加鼓励的市场竞争。城市门户网站的主要功能： 1、于城市内部是开展和建设： 2、对外那么是城市宣传网站： 3、使城市能够释放存储在内部和外部的各种信息；三 结构分析1.网页界面风格新颖大方，操作简单，快捷。2.实现用户浏览信息，许愿墙许愿。3.随时更新天气，路况信息。4实现管理员发布资讯，许愿墙的管理。5.保障网站的运行稳定，平安可靠。6网站的易于维护，操作。三、网站功能的设计与实

19、现 每个城市都应有独一无二，无与伦比的宣传网站。而每个网站都会有一个首页，就功能上而言，它代表着一个城市的风格与特色，就网站架构上而言，它代表了网站的第一层架构，至于网站上其它Web页，原那么上都必须通过首页来连接散播出去，可见首页是多么的重要。首页的布局有很多方法，在这里我所用到的是表格的“布局模式。“布局模式中的表格称为布局表格，单元格称为布局单元格。在绘制布局表格和布局单元格时，必须从“标准模式切换到“布局模式。直接单击“布局按钮一 首页 首页功能包括管理员登陆功能，以及浏览用户可以了解城市的资讯等等。二 城市简介城市是历史的积淀，每个城市都有其自身的产生、开展过程，经历了一代又一代人的

20、建设与改造，不同时代有不同的产生风景样貌。城市景观只是一个过程，没有最终结果。城市景观随着城市的开展而变化。图3.2 城市简介页面每个城市都有其特定的自然地理环境，有各自的历史文化背景，以及在长期的实践中形成的特有的建筑形式与风格，加上当地居民的素质及所从事的各项活动构成了一个城市特有的景观。首先，城市要满足多种多样的生活要求，包括要有美好的公共空间。其次，城市要保护、利用和创造美的自然环境。再次，城市需要具有丰富的文化传统和地方特色的建筑环境。从中也可看到城市文化、城市文化环境、城市建筑文化环境，每一个层次均具有广泛的内容，同时它们之间又具有多么密不可分的关系。建筑文化环境在城市文化环境的营

21、造中确实有着举足轻重的作用。最新资讯 城市资讯主要是帮助用户能在最短时间内，及时地获得城市开展建设并利用它而能够在相对短的时间内给自己带来价值的信息,资讯有时效性和地域性,它必须被消费者利用；并且“提供使用阅读或利用反应之间能够形成一个长期稳定的CS链,具有这些特点才可以称之为资讯.资讯从严格的意义上讲,新闻是一种资讯,资讯是一种信息,涵盖的不只是新闻,还可以包括其他媒介,如亲临专家讲座等等.新闻的目标受众相对宽泛,没有严格的受众划分,学语言的人可以去阅读科技新闻,学技术的也完全可以去阅读文学新闻；而资讯的受众的目标性相比照较强烈.图3.3 最新资讯页面 (四) 城市景点通过历史名人，讲诉这个

22、城市的历史文化，人文关心城市景观( cityscape )，城市中由街道、广场、建筑物、园林绿化等形成的外观及气氛。城市景观是指景观功能在人类聚居环境中固有的和所创造的自然景观美，它可使城市具有自然景观艺术，使人们在城市生活中具有舒适感和愉快感。城市型风景区一般具有如下几方面特征：(1)空间上与城市接壤或被城市所包围；(2)对城市环境的美化、城市特色的形成等具有重要作用；(3)在城市未来的人居环境、城市文化、生态建设等方面具有深刻影响；(4)已成为城市形象的标志或在未来具有成为城市形象标志的潜力。图3.4 城市景点页面城市地图城市地图是以城市为范围的各种类型的根底性、综合性和单要素的普通和专题

23、地图。反映城市的根本面貌和各种设施，如行政区划、街区、道路和经济开展状况，是为城市管理、城市建设和旅游效劳的。同时也可以为你导航的功能。图3.5 城市地图页面美文欣赏每天与您分享优美的语句、文章。应用不支持收藏、评论，只提供浏览功能！文章涉及生活方方面面，促使我们从生活中感受自己。图3.6 美文欣赏页面七 历史名人历史名人，根据他们对历史开展、社会进步在客观上所起的推动或阻碍作用 ，对人民有利还是有害而予以肯定或否认，这是评价历史人物的根本标准。只有明确标准，才能以辩证唯物主义和历史唯物主义为理论指导，阅读古人我们不仅要学会怎样生活，更要学会做人！图3.7 历史名人页面八 城市美食特色美食的历

24、史渊源、典故以及做法、吃法的介绍，让您在游玩的途中，不仅能够品尝到地道的地方美食，还能了解到当地的特色文化。美食，顾名思义就是美味的食物，贵的有山珍海味，廉价的有街边小吃。其实美食是不分贵贱的，只要是自己喜欢的，都可以称之为美食。中国固有烹饪王国“这个美誉。在中国这个大家庭里，我们有五十六个小家庭，每个家庭都有自己的特色美食。美食吃前有期待、吃后有回味的东西。美食遭遇心情的时候，美食已不仅仅是简单的味觉感受，更是一种精神享受。也是一种场合。场合好吃起来也有味道、人人都想吃上自己喜欢的。世界各地美食文化博大精深，营养物质各不相同，品味更多美食，享受更多健康。不同城市的历史有长有短，地理面积有大有

25、小，经济有强有弱，人口有多有少，民族构成、宗教信仰、政权性质和经济结构也有差异，故而每个城市的饮食文化也是不一样的。随着个人消费水平的提高，每个人对美食的概念不一样，其中特例就是山珍海味、街边小吃的产生，以及选择等等！九 许愿墙图3.9 许愿墙页面在许愿墙上,你可以：1、诉说自己的情绪-倾诉功能现代人之间面对面交流逐渐减少，倾诉的时机变少了，有些人比较腼腆保守，不敢大声说出自己的心里话，期盼，表白之类的，容易造成压力过大，许愿墙可以匿名，提供大家平安隐秘方便的倾诉平台。2、许下对自己的期望自我鼓励写下自己的目标、理想、愿望等，鼓励自己奋斗，积极向上。3、表达对亲友的祝福寄托思念有些是无法寄出的

26、信，有些是无法实现的梦，有些是无法说出的话，有些是无法做到的事写出来做一个精神寄托。4、对城市开展的建议城市建设5、浏览其他用户的许愿品味人间真情四、基于HTML语言建立网页链接 HTML即超文本标记语言，标准通用标准语言下的一个应用，也是一种标准，一种标准。“超文本就是指页面内可以包含图片，链接，甚至音乐，程序等非文字元素。它通过标记符号来标记要显示的网页中的各个局部。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告速浏览器如何显示其中的内容如：文字如何处理，画面如何安排，图片如何显示等。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其

27、错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。作为一个组织或者个人在万维网上放置开始点的页面称为主页外语：Homepage或首页，主页中通常包括有指向其他相关页面或其他节点的指针超级链接，所谓超级链接，就是一种统一资源定位器指针，通过激活点击它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站Website或Site。超级文本标记语言英文缩写：HTML是为“网页创立和其它可在网页浏览器

28、中看到的信息设计的一种标记语言。网页的本质就是超级文本标记语言，通过结合使用其他的WEB技术如：脚本语言、 HYPERLINK :/baike.baidu /view/649193.htm t :/baike.baidu /view/_blank 公共网关接口、组件等，可以创造出功能强大的网页。因而，超级文本标记语言是万维网Web编程的根底，也就是说万维网是建立在超文本根底之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接点。一 文字链接在网站文字链接代码：这里是网站名称img src=图片地址width=180 height=60 图片宽度和高度target=

29、_blank重新翻开窗口 href=链接地址HTML语言中用超链接标记指向一个目标。其根本格式为：超文本标记语言或超文本链接标示语言标准通用标记语言下的一个应用HTMLHyperText Mark-up Language是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文件是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部Head、主体Body两大局部，其中头部描述浏览器所需的信息，而主体那么包含所要说明的具

30、体内容a href=URL文本内容举个简单的“文本链接的实例，该实例相对应的HTML代码如下所示。文字链接a href-“target=-blank 平面设计新开窗口，-blank)相册原窗口，默认为空留言解释 href:是标记的一种属性，该属性中的URL等于链接目标文件的地址。 Target:也是标记的一种属性，相当于Dreamweaver“属性面板中的“目标，它的值等于-blank,效果是在新窗口中翻开。除此之外还包括其它3种：-parent,-self和-top。这和Dreamweaver中“目标下拉列表中的内容是一模一样的。 文本内容：如代码实例中的“平面设计。这些文本将放在使用了链接

31、属性href和目标属性target的 与标记之间，产生了链接的效果。提示再提醒读者一下，为段落标记，在Dreamweaver中是由Enter回车键产生的。二 图像链接网站图片链接代码：举个简单的“图像链接的实例。该实例相对应的代码所示。图像链接新开窗口，-blank原窗口，默认为空a href=解释仔细观察代码可以发现，“图像链接与“文本链接惟一的差异就在于与之间的内容。“文本链接中与之间的内容是文字内容，而“图像链接中就肯定是图片内容了。之前讲过，插入图片使用“img src=图像的“的标记，这里当然也不会例外。而是还可以使用img 的属性，如alt替换文本、width宽、height高、及

32、border边框等HTML图片链接代码网站的运营 主要包括网站测试、网站发布与推广、网站维护三个方面的正常运行。 网站测试1：平安性测试它需要对网站的平安性效劳器平安，脚本平安，可能有的漏洞测试，攻击性测试，错误性测试。对电子商务的客户效劳器应用程序、数据、效劳器、网络、防火墙等进行测试！用相对应的软件进行测试！2：根本测试包括色彩的搭配，连接的正确性，导航的方便和正确，CSS应用的统一性3：网站优化测试好的电子商务网站是看它是否经过搜索引擎优化了，网站的架构、网页的栏目与静态情况等。 网站的发布与推广1：网站发布传统媒体宣传1报纸宣传2户外媒体宣传，在报纸上投放一些宣传文。3电视媒体宣传2：

33、不断完善网站系统，提供更好的效劳随着业务的开展，网站的功能也应该不断完善以满足顾客的需要，此时使用集成度高的电子商务应用系统可以更好的实现网上业务的管理和开展，从而将城市的开展建设带向更高的阶段，也将取得更大的收获。3：互惠链接在映象网站上连接和很多同类型非同产品的公司网站连接，这样的话，可以增加彼此的点击率，是一种双赢的政策，无论是哪个网站都是乐意的。4：新闻发布找出具有新闻价值的事件，然后在网站上发布主体，引发讨论。网站维护制定相关网站维护的规定，将网站维护制度化、标准化；随着黑客人数日益增长和一些入侵软件兴盛，网站的平安日益遭到挑战，像sql注入、跨站脚本、文本上传漏洞等，而网站平安维护也成日益重视的模块。而网站平安的隐患主要是源于网站的漏洞存在，而世界上不存在没有漏洞网站，所以网站平安维护关键在于早发现漏洞和及时修补漏洞。而网上也有专门的网站漏洞扫描工具，而发现漏洞要及时修补，特别采用一