美食网站设计与实现

摘  要：现在的人们对食物的要求越来越高，不仅仅局限于能吃就好，越来越多的人在追求更多、更美味、更精致的美食，不仅仅局限于当地美食，越来越多的人在追求自己能做各式各样、各地各国的美食，美食是不分国界地区的，所以才会那么多的人切磋厨艺，展示自己的美食。

迅猛发展并日益成熟的互联网已经影响到我们生活的方方面面，人们真切的体会到了网络带给大家的便捷，互联网也以独有的优势快速地渗透到越来越多的不同领域。网站设计和开发的质量直接影响到网站的展示效果和接受程度，所以设计的好坏会大大影响展示的反响程度。

本范文是撰写是基于美食网站的设计与实现。我们主要使用java script、div+css3、HTML5相结合的编写语言对网站进行整体设计和制作，实现美食展示、详情、搜索等功能，并对网站的功能性能做了主要测试。本设计以网站形式介绍各种各样的美食文化。为满足广大用户不同的需求提供了便捷方便的服务。

关键词：java script  div+css3 HTML5 美食网站

目 录

1 引言 1

1.1 美食网站开发背景 1

1.2 美食网站意义与设计目的 1

2 开发工具及环境介绍 2

2.1 美食网站的开发环境 2

2.2 本项目应用的主要开发工具 3

2.2.1 Adobe Photoshop CS4 3

2.2.2 Visual Studio Code 3

2.3 本项目应用的主要开发技术 4

2.3.1 java script 4

2.3.2 DIV+CSS 5

2.3.3 HTML5 6

3 项目概述 8

3.1 项目概述 8

3.2 项目风险 8

3.3 项目进度计划 9

4 项目分析设计 10

4.1 概要设计 10

4.1.1 网站结构图 10

4.1.2 网站地图 11

4.1.3 网站概要设计说明 11

4.2 现行研究存在的问题及解决办法 11

5 网站实现 13

5.1 网站前台界面设计与布局 13

5.1.1 首页 13

5.1.2 前台登录界面 20

5.1.3 内容页 22

5.2 说明 38

5.2.1 项目文件命名规范 38

5.2.2 项目文件结构说明 38

6 测试 39

6.1 测试 39

6.2 测试例子及其结果 40

7 总结与展望 41

8 致谢 42

9 参考文献 43