摘要： 现如今，网络越来越发达，普及到了地球的每一个地方，所以本文将从网络的一种宣传方式——网站的制作和设计，来为中国传统美食量身定做出一款比较简约的宣传网站。网站中主要体现了中国八大菜系的特点，并仔细介绍八种菜系，可以看到一级页面、二级页面等之间存在的联系。网页的设计主要运用了FLASH这个软件，并结合了其他软件——PS、AE来进行按钮、动画等的设计，最后全部一起完整的展现出来；通过学习了很多网页制作教程之后，创作出简约偏小清新的网页风格。“食乡”网站主要由首页、八大菜系、吃什么、关于我们四个主界面，还有其他详细的二级和三级页面构成。

关键词：网站制作和设计；FLASH；PS、AE；界面

Planning and Design of "Food Culture Promotion" Promotion Website

Abstract: Abstract: Nowadays, the network is more and more developed and spread to every place on the earth. Therefore, this article will make a relatively simple model for the Chinese traditional cuisine from the website's publicity method - website production and design. Promotion website. The website mainly embodies the characteristics of China's eight major cuisines, and introduces eight kinds of cuisines carefully. You can see the links between first-level pages and second-level pages. The design of the webpage mainly uses the FLASH software, and combines other software—PS, AE—to design buttons and animations. Finally, they are all displayed together. After learning a lot of webpage production tutorials, they create a simple bias. Small fresh web style. The “Hometown of Food” website consists of the home page, the eight major cuisines, what to eat, about our four main interfaces, and other detailed secondary and tertiary pages.

Keywords: Website production and design; FLASH; PS, AE; interface

目录

摘要 i

Abstract i

1 绪论 1

1.1 前言 1

1.1.1 网站设计的意义 1

1.1.2 国内外研究现状与水平 2

1.1.3 发展趋势 3

1.1.4 调研情况 3

1.2 “食乡”网站概述 5

1.3 “食乡”网站开发计划 6

1.4 本文主要内容 7

2 “美食文化”推广网站设计 8

2.1 系统概述 8

2.1.1 单一逐个介绍 8

2.1.2 图片视频化互动 8

2.1.3 美感形式简约，风格统一化 9

2.1.4 系统性能、竞品需求分析 9

2.2 系统可行性分析 10

2.2.1 经济可行性 10

2.2.2 技术可行性 10

2.2.3 理论可行性 10

2.3 开发语言的选用及介绍 10

2.3.1 AS3.0语言介绍 10

2.4 开发工具的选用及介绍 11

2.4.1 Flash   推广网站的制作 11

2.4.2 After Effects 动画制作 11

2.4.3 Premiere  视频制作 11

2.4.4 Photoshop   图片制作与调整 12

2.4.5 格式工厂   视频、图像转换 12

3 前端交互设计 13

3.1 “食乡”美食推广网站模块设计 13

3.2 首页模块设计 13

3.2.1 首页第一屏 13

3.3 吃什么模块设计 19

3.4  八大菜系模块设计 24

3.5 联系我们模块 30

4 后端视频以及前端视频对接 31

4.1 AE动画制作过程 31

4.2 视频格式转换 32

4.3 PS处理过程 32

4.4 PR视频处理 33

4.5 视频制作内容选择 33

4.6 前端对接 34

4.6.1 前段视频代码 34

4.6.2 前端视频交互 35

5 总结与展望 36

5.1 网站完成情况 36

5.2 展望 36

5.3 结论 37

1 绪论

互联网，总是在一开始就扮演着重要的角色，从之前的年代开始以来，这个趋势蓬勃发展，网络以惊人的速度飞快走进每个人的生活，直到现在，互联网已是功能非常的强大，可以使用的途径也越来越多，人们的生活和所发生的事物需求已开始离不开网络这个东西了。

你知道吗，在这个“信息化爆炸了”的时代，结合了信息化的功效，使得整个时代变成了数字媒体的时代，并产生了很多有宽阔发展前景的东西，比如数字电视网、宽带网、移动网络等比较高科技和创新的技术。人们越来越重视对信息类资源的发掘与使用，强烈刺激着互联网的进展。很多让人们不是间接而是直接获取的，或者是通过别人和事物传播而来、发布而来的方法，就是网络这一个平台。我们生存在一个技术昌盛、高特腾飞的“美丽新世界”，使用网站这种方式我们可以很容易获取自己需要的信息。人们不管是看书、学习还是其他事情和活动都主要是通过网站来实现的，所以网站建设在互联网应用上的地位是能看得出来的并有着深刻的意义。总而言之，不管是高效、快速的把某种东西走进了超越空间、带进时间的领域，类似于艺术和传播等，都是打破了传统，打破了以往的规则。因此，策划并设计更简洁功能更强大快捷的网站显得尤其重要。