阆中之恋的宣传网站的设计
摘 要：
本论文主要内容有：关于阆中之恋网站系统介绍和HTML简介。如今网络已经成为我们生活中重要的一部分了，阆中之恋网站的设计目的主要是宣传我的家乡——阆中，包括了阆中的历史，文化，美食，旅游景区，第一时间了解到阆中的最新信息，可以通过网络更加深入地了解到我的家乡，提高阆中的旅游形象，从而对我的家乡阆中起到宣传推动作用，以及此次制作阆中之恋网站系统的总结。
【关键词】：HTML，阆中之恋网站系统，家乡阆中，总结
目 录
1.前 言 1
2.开发工具和运行环境 1
2.1 Dreamweaver简介 1
2.2 HTML简介 1
3.网站的设计和实现过程 2
3.1 网站的总体设计思路 2
3.2 网站的详细设计过程 4
4.结 论 6
5.致 谢 8
6.参考文献 9
1.前 言
当今，网络已经成为我们生活中重要的一部分，网站伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。我们可以通过网站对某个地区进行信息查询和搜索，可以第一时间了解到当地的信息，让宣传网站集地区的历史文化，人文，风土人情，特色美食，旅游信息咨询，旅游景区景点查询为一体。从而给人们提供一个信息交流的平台。为了提高人们对阆中的认知度，更加深入地了解阆中，建立阆中之恋宣传网站，介绍阆中的特色景点，特色美食，历史文化等特点是十分迫切且必要的。
2.开发工具和运行环境
2.1 Dreamweaver简介
Adobe Dreamweaver，简称"DW"，中文名称 "梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。可实现页面元素的插入和生成。或视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。Dreamweaver具有强大的多媒体处理功能，在设计DHTML和CSS方面表现得极为出色，它利用JavaScript和HTML语言代码轻松地实现网页元素的动作和交互操作。
2.2 HTML简介
HTML 语言是一种超文本的标记语言,简单来讲就是构建一套标记符号和语法规则,将所要显示出来的文字、图象、声音等要素按照一定的标准要求排放，形成一定的标题、段落、列表等单元。HTML是由WEB的发明者Tim Berners-Lee和同事Daniel W.Connolly于1990年创立的一种标记式语言。它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。通过HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML一种能够被广泛理解的语言，“翻译“成可以识别的信息，即所有的计算机都能够理解的一种用于出版的“母语”。就是我们现在所见到的网页。所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，事实上每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，它只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。HTML的普遍应用就是带来了超文本的技术----通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面与世界各地主机的文件链接,直接获取相关的主题。
3.网站的设计和实现过程
3.1 网站的总体设计思路
这次的毕业设计的选题是宣传类型的网页，然后我想到了我的家乡——阆中，在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。我选择网站的主色调是暗红，是为了体现了阆中历史文化悠久，充满了一种古典的气息，能更加感受到阆中古城“古”的韵味。网页设计作为一种视觉语言，特别讲究编排和布局，版式设计通过文字图形的空间组合，表达出和谐与美。处理好页面之间和页面内的秩序与内容的关系，达到最佳的视觉表现效果，反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验，并结合自身的实际情况创作出一个独一无二的网站。 我把“阆中之恋”网站的结构分为首页、走进阆中、阆中资讯、旅游阆中、美食阆中、便民服务六个栏目。所有导航性质的设置都有清晰的标识，让人们看得明白，通过导航栏的引导一步一步地了解网站的全部内容，也可以搜索到自己感兴趣的信息和图文说明。
在网站栏目上的划分是：“阆中之恋”网站的首页是网站的一级网页，走进阆中、阆中资讯等栏目是网站的二级网页，首页上设置了超链接的的图文和信息内容也是网站的二级网页，在阆中资讯栏目上设置了超链接的的图文和信息内容，点击之后就会跳出网站三级网页，而网站的三级网页则是以信息内容的形式来展现的，“阆中之恋”网站的基本结构就是这样设计，见下图。
(图1)
代码如下：
3.2 网站的详细设计过程
在毕业设计的选题已经确定之后，我就开始上网开始收集许多关于我的家乡——阆中的各种素材，其中包括了阆中的信息和图文介绍。初步有了网站的结构，然后通过Photoshop软件来为“阆中之恋”网站设计每个网页的主体风格和排版。并在之后使用Dreamweaver软件来制作网站。在这次毕业设计中我用div标签来进行页面布局，有的层还采用float属性让页面左右浮动，为了让页面更加清晰和避免以后出现页面混乱的情况，在采用浮动属性的层后面加入了“clean：bother”清除浮动，编辑css的样式来设计和控制网页的整体框架，在编辑网页代码的过程也遇到过一些困难和不足之处，在层中加入无序列表，起初并不能很好的展示出来，让我很苦恼，最后查找这方面的知识，才得以解决。当然网站中还有一些没有解决的，比如在走进阆中栏目的页面里，我想要插入一个关于阆中的宣传视频，这原本是我的一个创新点，但是因为不知道如何插入视频到网页中，只好用GIF格式的关于阆中的动画图片来代替宣传视频。所以技术上面还有待提高。
这次网站设计的目的，一方面是为了完成我的毕业设计，另外一方面是我希望在阆中之恋的宣传网站的布局排版，可以通过不同图片，文字，段落等元素的排列组合，体现想要表达的重点及细节，从而使用户自然接受信息。也能清楚的向浏览者传递信息，浏览者能方便的寻找到自己想要查看的东西，比如阆中的最新信息，特色美食，最美景区相关内容的搜索，让你们可以更加深入地了解阆中，吸引你们到阆中来看一看，让你们知道这是一个让你们来了就不想离开的城市。见下图：
（图2）
代码如下：
- 最新信息
![]("../images/thumb_230_160_20161114094510298.jpg")
- 阆中城区4200余个停车位即日起....2016-11-20
- 阆中古城初冬银杏叶儿太黄了2016-11-20
- 川北阆中的“赶场”画面 是否会...2016-11-20
- 阆中嘉陵江四桥通车将在五一节...2016-11-20
- 阆中机场续建前期工作稳步推进...2016-11-20
- 阆中市举行桑圣红果桑产业合作...2016-11-20
- 开年接大单 阆中招商引资工作...2016-11-20
4.结 论
通过这一阶段的毕业设计，我受益匪浅，不仅锻炼了良好的逻辑思维能力，而且培养了弃而不舍的求学精神和严谨作风。脚踏实地，认真严谨，实事求是的学习态度，不怕困难、坚持不懈、吃苦耐劳的精神是我在这次设计中最大的收益。回顾此次毕业设计，是大学四年所学知识很好的总结。不仅重温了过去所学知识，而且学到了很多新的内容。在这次毕业设计中还存在着许多的不足之处，我相信这次毕业设计对我今后的工作会有一定的帮助，我会不断地努力学习更多知识去完善它，争取让“阆中之恋”网站变得更加完美，在设计中体味艰辛，在艰辛中体味快乐。
5.致 谢
岁月如歌，光阴似箭，大学生活即将结束。经历了找工作的喧嚣与坎坷，回首三年的大学生活，对那些引导我、帮助我、激励我的人，我心中充满了感激。
首先要感谢高永平老师给予了细心的指导和不懈的支持，高永平老师为人谦和，平易近人，在毕业初稿完成之后，老师又在百忙之中抽出空来对我的论文认真的批改，字字句句把关，提出许多中肯的指导意见，他严谨的治学之风和对事业的孜孜追求将影响和激励我的一生，他对我的关心和教诲我更将永远铭记。借此机会，我谨向高永平老师致以深深地谢意。同时，还要感谢雅安职业技术学院计算机应用技术专业的授课老师们和所有同学们，大家互相学习，互相帮助，共同度过了一段美好难忘的时光。还要感谢我寝室的姐妹。四年来，我们朝夕相处，共同进步，感谢你们给予我的所有关心和帮助。
最后，再次感谢为我们默默地无私奉献自己的各位老师，老师们辛苦了!
6.参考文献
[1]胡崧. HTML 从入门到精通[M].北京：中国青年出版社，2007.
[2]杨选辉.网页设计与制作教程[M].北京：清华大学出版社，2009.
[3]王诚君，刘振华，郭竑晖，高中山.Dreamweaver 8 网页设计应用教程[M].北京：清华大学出版社，2007.
[4]周德华，许铭霖.新编网页设计教程[M].北京：冶金工业出版社，2006.
[5]孙强，李晓娜，黄艳.JavaScript 从入门到精通[M].北京：清华大学出版社，2008.
