1、 本科毕业论文 （ 20 届） 洛阳牡丹网网页设计 所在学院 专业班级 计算机科学与技术 学生姓名 学号 指导教师 职称 完成日期 年 月 洛阳牡丹网页设计 II 摘 要 在 Internet 飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作 用。网站建设在Internet 应用上的地位显而易见，当代企业纷纷建立自己的网站 ,借助于互联网扩大自己的影响、推广自己的产品 ,同时通过互联网快速的信息传递加速自身的发展。因此我选择将宣传洛阳牡丹的前台网页的设计制作作为我的项目。 本论文所研究的是如何建设一个符合大众化要求的洛阳牡丹文化
2、网站，本论文所提出的方案是采用 Dreamweaver、 Photoshop、 html 等制作工具来设计和建设一个洛阳牡丹文化网站。该系统的基本功能有牡丹简介、牡丹文化、牡丹资讯、牡丹花城、牡丹花会、牡丹欣赏、联系我们等方面介 绍牡丹，让人们对牡丹有更深的了解。 关键词 ： 洛阳牡丹； Dreamweaver；网页设计 洛阳牡丹网页设计 III Abstract Today in the rapid development of internet. The internet has become an important channel for people to obtain ,relea
3、se and transfer information. It plays an important role in peoples all kinds of life , such as political, economic, and so on . It is obviously that the website construction plays an important role in the internet. With the help of the internet, mang enterprises have set up their own websites to exp
4、and their influence, to promote their products. And at the same time, they transfer to accelerate the development of their own through the fast information of the internet. So I chose to design the Luoyang peony website to make more people to know about Luoyang peony. This thesis is the study of how
5、 to build a line with the popular request of Luoyang peony sites. The proposed scheme of this website is to use Dreamweaver, Photoshop, Html and other tools to design and build a Luoyang peony cultural sites. The basis functions of this website is that the basis information of peony, the cultural of
6、 peony, the news of peony, the city of peony, the peony flower show, watching peony any other sides to introduce peony. And then to make a deeper understanding of peony. Keywords: The peony of Luoyang ; Dreamweaver; website design 洛阳牡丹网页设计 IV 目 录 第 1 章 绪论 . 1 1.1 系统开发背景 . 1 1.2 系统研究目的和意义 . 2 1.3 可行性
7、分析 . 2 第 2 章 系统需求分析 . 4 2.1 用户功能需求分析 . 4 2.2 系统性能要求 . 4 2.3 业务流程分析 . 5 第 3 章 网页总体设计 . 6 3.1 系统功能模块分析 . 6 3.1.1 首页 . 6 3.1.2 牡丹简介 . 6 3.1.3 牡丹文化 . 6 3.1.4 牡丹花城 . 7 3.1.5 牡丹欣赏 . 9 3.1.6 牡丹花会 . 9 3.1.7 联系我们 . 9 3.2 具体框架图 . 9 第 4 章 网页详细设计 . 12 4.1 开发工具简介 . 12 4.1 1 Dreamweaver 8.0 简介 . 12 4.1 2 HTML 简介
8、. 12 4.1 3 HTML 技术介绍 . 14 4.2 网页界面设计 . 14 4.2.1 网页设计原则 . 14 4.2.2 网页设计风格： . 15 4.2.3 界面构成要素： . 15 4.3 网页素材的搜集 . 16 4.3.1 文字 . 16 4.3.2 图片 . 16 4.3.3 视频、动画 . 17 4.4 网页功能模块的实现 . 17 洛阳牡丹网页设计 V 4.4.1 首页展示 . 17 4.4.2 牡丹简介界面 . 20 4.4.3 牡丹文化界面 . 22 4.4.4 牡丹花都界面 . 25 4.4.5 牡丹资讯界面 . 26 4.4.6 牡丹花会界面 . 28 4.4.
9、7 牡丹欣赏界面 . 30 4.4.8 联系我们界面 . 31 第 5 章 兼容性测试和维护 . 33 5.1 网站的兼容性测试 . 33 5.2 网站的发布 . 33 5.3 网站的维护 . 33 第 6 章 工作总结和展望 . 35 参考文献 . 36 致 谢 . 37 洛阳牡丹网页设计 1 第 1 章 绪论 1.1 系统开发背景 旅游网站作为宣传旅游的一种方式在国内外都有很大的发展，同时国内外各种旅游网站也各有差异， 国内 要求网页 一定要吸引人，要让没来过的人点击，要让点击的人留下继续浏览；总之，想尽一切办法抢眼球粗浅的理解，网站就是平面广告向网络延伸；深入的理解，电子商务平台或网络营
10、销工具奇思妙想，与众不同，狼入羊圈，鹤立鸡群 。国外则要求 一定要方便，节约浏览者的时间；总之， 把事儿说明白就好 ，它是 一种传播和沟通 的 工具，和传统的邮递、报纸杂志、电报电话一样，只是更便捷、更便宜 ， 更聪明、更有效 。 洛阳是十三朝古都，有 “ 千年帝都，牡丹花城 ” 的美誉。 “ 洛阳地脉花最宜，牡丹尤为天下奇。 ” 其栽培始于隋，鼎盛于唐，宋时甲于天下。它雍容华贵、 国色天香、 富丽堂皇，寓意吉祥富贵、繁荣昌盛，是 华夏民族 兴旺发达、美好幸福的象征 。 “洛阳牡丹甲天下”，洛阳因牡丹而变的更美丽，牡丹因洛阳而跟绚烂。当今的洛阳正在迅速的发展，在旅游、工业农业等都有显著的成就，
11、同时洛阳也是全国闻名的旅游城市，全国十佳文明城市，洛 阳牡丹早就闻名于世，每年洛阳的牡丹花会都会吸引成千上万的游客前来参观，这个时期的牡丹尽显其诱人的姿色，也展示出他作为国民之花的魅力。 迅猛发展并日益成熟的互联网已经影响到我们生活的方方面面。人们真真切切的体会到了网络带给大家的便捷，互联网也以其独有的优势快速地渗透到越来越多的传统领域。通过互联网，人们可以了解到各种有用信息，方便了人们生活的方方面面，面对强大的互联网时代，各大企业公司也不失时机的借助这个渠道可以宣传自己，也是人们的生活更加丰富多彩。企业网站是一个企业不可缺少的部分，它能介绍企业文化、经营理念 、特色服务及企业在全国的网点分布
12、。拓宽顾客市场，增加企业与客户之间的联系，缩短二者之间的距离。提高企业知名度，为企业今后的业务发展开辟一个良好的社会环境。企业网站做成检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低、维护方便、信息实时性强的功能完善的大型企业网站。这些优点能够极大地提高了企业网站的效率 ,也是企业走向科学化、信息化与世界接轨的重要条件。 洛阳作为发展中城市洛阳牡丹文化 、河洛历史文化、在网上可以充分展示出洛阳的魅力。牡丹号称国民之花，在中国人心目中有举足轻重的作用，每年的牡丹文化节都会吸引成千上百的游客前来参观，这个时候是洛阳每年最繁华的时候，也是牡丹最夺目的时刻，牡丹花开，开的不仅是一种花更
13、是一种文化，一种情怀，反映的是当代中国的生活水平，审美角度。在网上推广洛阳牡丹文化，详述各种牡丹的洛阳牡丹网页设计 2 不同特色，让游客更加深入了解洛阳、了解牡丹。近年来，已出现不少网站对洛阳牡丹进行普及宣传，提供大量牡丹信息，介绍牡丹的生长习性、牡丹品种、牡丹花会状况等，具有一定的可读性和趣味性。设计此网页，目的在于尽可能详细地展示、介绍各种牡丹信息，使更多人了解牡丹的特性 ,知道洛阳这个全国文明城市，了解牡丹文 化节的内涵，更加深刻的体会牡丹的悠久历史文化以及在中国人心中牡丹作为国民之花的牡丹情怀。 1.2 系统研究目的和意义 正值第 32 届洛阳牡丹花会，参考一些网站如中国牡丹网、菏泽牡
14、丹网等，设计此网页，其主要目的是为了让更多人了解牡丹、同时可以给来洛阳旅游的游客们一个详细的旅游指南。 这个网页主要从牡丹简介、牡丹文化、牡丹资讯、牡丹花城、牡丹欣赏、牡丹花会、等方面详尽介绍牡丹、牡丹文化、洛阳等。又分开介绍牡丹花种、生长环境、历史传统、诗词文化、花会最新动态。同时也介绍了洛阳的景点如白马寺、龙门石窟、洛阳有名的小 吃等。用户通过这个网页可以得到他们需要资料信息。同时该网页还可以让用户联系服务台，以便更好的改进维护网站。这样一方面提高了服务质量，为游客提供了更加人性化的服务，另一方面也丰富了洛阳旅游业方面的服务内容，同时优化了客流，使各景区更加具有吸引力 。 1.3 可行性分
15、析 1社会可行性 本网页的设计简洁明了，能健康独立的运行，操作使用方便，能免费提供大量洛阳牡丹信息，用户通过本平台不仅可以查阅到自己需要的信息资源，还能及时联系服务人员，以满足不同地方的牡丹爱好者的需求。 2技术可行性 及技术而言，该网站采用 Dreamweaver8.0 软件作为网页开发工具进行系统开发。 Dreamweaver8.0 工具软件以其功能强大、使用灵活的编辑窗口，其代码和设计窗口同时并用，以及站点管理和页面设计这些特点为开发功能全面的网页创造了良好的条件。因此利用它作为开发洛阳牡丹甲天下网站的工具是完全可行的。 同时，大学四年所学习的专业知识如 Photoshop、 flash
16、 等的应用，使我在一定程度上具备了设计网页的能力，现有的计算机设备也完全可满足此次开发的需要。 3经济可行性 本洛阳牡丹网站设计与开发所要求的硬件（计算机及相 关硬件）和软件均在市面上易于购买或可直接从网上下载并免费使用，不需要再花费大量的资金去购买高洛阳牡丹网页设计 3 成本的设备，大大提高了在设计过程中的工作效率。网页的主要成本主要集中在开发过程及后期维护上，开发周期短，人员经济支出不大，对用户不会造成过重经济负担。且投入使用后，可通过招商广告版面等方式收取费用，以应付日常必要开支甚至盈利，因此，本系统在经济上是可行的。 洛阳牡丹网页设计 4 第 2 章 系统需求分析 2.1 用户功能需求
17、分析 随着洛阳牡丹文化节历届的发展，洛阳牡丹越来越得到大众的认可和关注，建立洛阳牡丹网站的好处： 1. 可以方便 游客直接查询各种牡丹资料。 作为一般的静态网页主要作用是展示用户信息量，让用户对自己想要的东西一目了然，本网页里面涉及各种牡丹资料，例如牡丹的品种，牡丹的生长、环境栽培技术，牡丹文化的起源、历史发展、牡丹诗词书画等等，全都从游客的角度出发，方便游客查询。 2. 更加直观的提供一个欣赏牡丹的平台。 不是每个人都可以亲眼看到牡丹的姿色，介于这个原因，本网站最大的特点是给用户一个充分欣赏牡丹的平台，通过视频，动画，图片等各种图片选择各种不同类型的牡丹供用户欣赏。 3. 让人们更加深入了解
18、牡丹文化，了解中国人的牡丹情怀。 一个 物品只有经历了一定的历史沉淀才能更加有内涵，牡丹从千年前都已经进入人们的生活，随之也有更多的是牡丹文化的积累，不同年代的牡丹文化反应了不同时代人们对牡丹的欣赏水平，更体现了人们的牡丹情怀，牡丹文化这一栏的设置可以让人们更加深入的了解牡丹文化。 2.2 系统性能要求 洛阳牡丹网页主要实现以下目标： 1. 系统架构清晰、界面友好美观。 清晰地条理是一个网页成功的重要条件之一，只有清楚的展示出自己网页的线索，才能让用户在使用时准确快速地得到想要的信息。当然，界面是给人的第一感觉，界面美观与否直接影响到网页的质量，所以 网页一定要实现界面友好美观。 2. 文字图
19、片介绍详细。 这个网页重要的作用是展示介绍，所以只有详细的介绍才能尽可能地完善信息。文字图片是网页必不可少的两部分，这两部分至关重要，图片文字的混搭更具有一定的效果。 3. 提供多种信息搜索方式，用户可根据需要方便、快捷地查找到所需信息。 在互联网发达的今天，信息量复杂繁多，想要得到更多信息，不仅局限于一个网页，还可以选择访问其他网页，友情链接到其他相关网站，给用户更多渠道来了洛阳牡丹网页设计 5 解洛阳牡丹，方便用户。 2.3 业务流程分析 网页主要分为 8 个大块，分别是：首页、牡丹简介、牡丹文化 、牡丹资讯、牡丹花都、牡丹花会、牡丹欣赏、联系我们。 网页结构图如 2-1 所示： 图 2-1 网页结构图 洛阳牡丹甲天下 首页 牡丹简介 牡丹文化 牡丹资讯 牡丹花都 牡丹花会 牡丹欣赏 联系我们
