美食美客网站设计与制作

美食美客网站设计与制作

摘要

随着小吃的热捧，各种地方特色小吃也被广泛推广。本文就网站的设计与制作，以国内各大美食网站为基础对美食美客网站的设计与制作的全过程进行了分析与研究。正文是从网站前期调研和准备工作，网站设计思路，网站制作的过程，网站制作的问题和结束语来讲解此次毕业设计。网站前期调研和准备工作主要说明了网站制作的背景和要求，根据收集各种同类型网站的资料确定我们网站的方向和主题，然后制定出我们的调研文档，根据调研文档我们写好我们网站的需求文档，然后开始分工合作。网站设计的思路，首先把网站的主题，内容和风格确定下来，然后开始构思网站的结构，开始绘制手稿。

网站的制作过程中分工合作，写出主页和分页的设计文档，再开始设计主页和分页，然后根据设计图完善代码，再进行整合代码。总结出遇到的问题，分析如何解决。最后写上此次毕业设计的感慨和结束语。

本论文主要介绍了美食美客网站的设计与制作，对同类型的美食网站做出了研究与比较。本论文的主要工作在于对网站进行大概的讲解，首先对背景进行了简单的介绍，然后根据网站制作的流程进行一步步的解析。对本网站的页面设计的主题进行了一系列的探讨，最后对于这一次网站设计与制作中遇到的问题得到的感慨做了详细的阐述。

关键词：美食美客网站、美食做法、网站设计与制作、美食小吃、饮食文化

1 网站建设前的调研与准备工作 5

1.1 网站项目介绍 5

1.1.1项目背景 5

1.1.2项目要求 5

2网站建设需求分析 6

3.网站整体规划 7

3.1网站进度表 7

3.2制作网站的步骤 8

3.3网页布局 10

3.4网站色彩搭配及文字 12

4. 网站的设计与制作过程 12

4.1设计前期与制作 12

4.1.1 网站页面设计确立与方案 12

4.1.2 banner的设计介绍 12

4.1.3 网站页面设计与介绍 14

4.2首页整体布局制作 23

4.3整合代码 26

5. 网站制作问题及解决 26

5.1设计相关问题及解决方法 26

5.2代码相关问题及解决方法 28

5.3整体总结 29

结束语 31

致谢 31

参考文献 32

1 网站建设前的调研与准备工作

1.1 网站项目介绍

1.1.1项目背景

随着人们生活质量的提高，对饮食方面的要求也越来越多。很多人为了享受美食而盲目的采取了很多种不可取的做法。太多的人对于食材的认识食谱的认知都是十分缺乏的，缺少一些寻找美食食谱的途径和方式，从而让我们产生了一种想要做一个方便所有美食爱好者的网站，这个美食美客的网站可以更加快捷更加方便的让一些没有食谱没有目的性的美食爱好者有了一个可以查找可以参照的平台，节省了他们的时间，服务了他们的生活。

不同的网站类型，完成的要求也是通过不同的方式来表现。因此在老师给出我们标准后，我们组成员经过集体讨论、调研，最后我们选择了做一个和美食相关的网站建设，因为我们之前都在长沙，长沙的美食比较多，我们想通过对美食的一个整合，能够让更多的吃货们能够减少更多的时间去从互联网这个大染缸里面搜寻，能够给他们提供一个集推荐与食品整合搭配的平台。

一个网站必须要有一个明确的主题。百度上能搜索到的的网站千奇百怪、只要你想得到的，就可以把它制作出来。但是一般来说选择的题材最好是自己擅长的或者喜爱的内容，因为这样在制作时不会觉得力不从心。所以我们选择的题材是和食物有关的“美食美客”。经过讨论，我们整组成员一致决定采用文艺范又不失视觉冲击的暖色调来设计我们整个网站。

本文论述了美食美客网站在确定主题到制定各项文档、制作设计图、到实现代码等一系列过程，并总结了在整个项目过程中遇到了哪些问题以及解决方法。

参考文献

[1]曾文,叶翔鹰《计算机实用软件教程—常用工具篇》中山大学出版社

[2]曹雁青，杨聪 Photoshop 经典作品赏析[M].北京海洋智慧图书有限公司

[3]蒋水《网站美工设计基础》中央电大出版社

[4]580毕业设计网 http://www.bysj580.com/