炫动食品有限公司网站设计与美工毕业论文

毕业设计毕业设计题炫动食品有限公司网站设计与美工毕业设计类型□ 产品设计□工艺设计□方案设计姓名班级所属系部物信专业电子商务指导教师职称完成时间年月日摘要本网站通过用Dreamweaver、ACCESS、SQL与以ASP等编写的美食网站，其主要包括几个模块:首页、公司介绍、产品展示、营养与健康、联系我们。通过本网站系统提供各种与美食相关的信息以及各种美食信息的交流。与其它企业网站一样，也通过Internet来对外宣传网站。炫动食品有限公司，是针对不同的客户口味要求而出现的公司，给每个客户的每份食品中倾注了每个人的热情的精神，不仅是一种味觉上的传递也是一种情感的交流。关键词：炫动、炫动食品、炫动食品有限公司目录引言 5第一章：网站图片与美工的设计思路-----------------------61.1网站LOGO设计思路--------------------------------------61.2网页导航栏设计思路-------------------------------------71.3网页图片设计思路---------------------------------------7第二章:网站框架结构基础介绍---------------------------82.1网页首页与介绍框架---------------------------------------82.2网页产品展示遇营养与健康框架-----------------------------92.3网页联系我们框架展示------------------------------------10第三章：网站图片美化选取 ----------------------------113.1图片的选取----------------------------------------------113.2首页的美工----------------------------------------------12第四章：食品公司需求分析-----------------------------134.1界面需求分析--------------------------------------------13第五章：公司网页展示-----------------------------145.1网页首页展示--------------------------------------------145.2网页公司介绍与产品展示----------------------------------155.4网页营养与健康与联系我们展示----------------------------16第六章：网站设计工具介绍-----------------------------176.1photoshop介绍--------------------------------------------186.2AdobeDreamweaver介绍-----------------------------------196.3flash介绍------------------------------------------------20总结---------------------------------------------21致谢：-----------------------------------------------22参考文献：--------------------------------------------23引言“国以民为本，民以食为天，食以安为先”。自从20世纪80年代以来,食品安全事件时有发生,国际上发生的二噁英、疯牛病、口蹄疫等重大的食品安全事件，国内发生的福寿螺、苏丹红辣酱、红心鸭蛋、“三鹿”婴幼儿奶粉、瘦肉精等食品安全问题。中国还有句话：病从口入。食品的质量不安全，将会影响到人们的健康。食品的安全问题关系到全人类的生活、生存、延续，是人类发展的一个重要课题。食品资源安全受到广泛关注。食品资源主要包括两大类，一类是为食品的生产提供“基础载体”的资源，比如耕地资源、水域资源、草地资源、森林资源等，国家已经通过实施“最严格的土地保护政策”和加强耕地质量建设，保护耕地资源；通过治理水污染、大力发展海洋健康食品和水产养殖业，保护和开发水域资源等。另一类是为食品提供多样性的物种资源，我国是世界上物种十分丰富的国家之一，约有种子植物3万种、脊椎动物4千种、无脊椎动物20多万种、昆虫15万种，还有成千上万种苔藓、蕨类和微生物物种等。对食品资源的保护、和科学开发，已经成为可持续发展战略的重要内容。为了直接关系到广大人民群众的生命健康与安全，因此才有了炫动食品公司的诞生。第一章：网站图片与美工的设计思路1.1网站LOGO设计思路图1.logoLOGO设计理念：本公司是以健康、营养、绿色为主，LOGO上这个图形的结构，不像其他的图形那么简单，这个图形的独特、唯美，用一种大红色来装饰，颜色像辣椒一样的鲜明，XUAN采用橙色。因为黄色是最亮的色彩，最吸引人的色彩，但是长时间看纯度极高的黄色会引起视觉疲劳。然而橙色感觉较轻，在画面上有前进的感觉。所有用橙色XUAN字来做拼音的颜色。DONG采用灰色。灰色是介于黑色和白色之间的颜色，灰色有些暗抑的美，幽幽的，淡淡的，有点单纯又有点寂寞，有点空灵捉摸不定，奔跑于黑与白之间。也是最像人的颜色。LOGO图形和文字的结合就像是一盘菜一样，红色的就像是调味品一样，橙色的就像是披萨一样，灰色就像盛披萨的盘子。1.2网页导航栏设计思路图2.导航栏设计说明：炫动食品有限公司的网站导航栏设计主要以一个平静的，在任何充满压力的环境里，只要搭配出一些白蓝或淡蓝的明色色彩组合，就会制造出平静恬静的效果，背景的淡蓝和导航的蓝色，给人以安心的感觉，因为它看起来诚实、直接。带着明色的寒色可保持安宁、平和的感觉。补色和这些强调平静的色彩在明暗度方面方面一定要类似，这点很重要，因为色彩很鲜明会制造不必要的警紧张，本设计主要体现清爽的感觉。1.3网页图片设计思路图3.图片轮播1图4.图片轮播2设计说明：炫动食品有限公司首页的亮点在于网站首页的图片轮播，以图片轮播的形式介绍了企业文化及产品宣传，为企业文化和产品奠定了宣传的基础，大大的吸引了用户的眼球，图片替换的效果使浏览增添了些许乐趣。第二章:网站框架结构基础介绍2.1网页首页与公司介绍框架图片4.首页框架图5.公司介绍框架2.2公司产品展示与营养健康框架图6.产品展示框架图7.营养与健康框架2.3网页联系我们框架展示图8.联系我们框架：网站图片的美化选取3.1图片的选取图9随着人们生活水平的不断提高，以及人们对生活的质量，绿色健康食品在不断的被人们提出，几乎在日常生活中天天都能够听到，而本公司就是以原生态产品为主题设计，现在有一些原生态的食物越来越受到人们的追捧，而本公司的中心就是生产绿色、健康、营养的食品推广给广大的群众，这种原生态的图片洽洽就显示了绿色、健康、营养的食物，能吸引住进入本公司网站人们的眼球。3.2首页的美工图10.首页图片网站首页的色彩平衡，通过色彩的强烈对比，可以突出页面的重点。还可以通过色彩调配，达到页面稳重度的改变。一般的情况下，页面上方的颜色总是很重，这样才能压住下面的颜色，如果不采取这种办法，整个页面将显得很不稳重，底下的文字图片，有飘出的意味。因此，要使整个页面显得很平衡，必须要有能镇住其他颜色的色彩。所以我使用的这种白色带点蓝色的颜色是一种比较突出的色彩，这样可以弱化这种视觉的冲击。第四章：需求分析4.1界面需求分析本网站界面需具有简洁性和友好性等基本特点，但又不失独特的页面风格，尽可能体现炫动食品有限公司的特色。界面采用引入的图片温馨暖格调的色调，优雅大方，内部结构采用框架布局，使整个网站看起来更有层次感，在用户功能操作上，设计简单方便。第五章：网页展示5.1网页首页展示图11.网站首页5.2网页公司介绍与产品展示图12.网页公司介绍图13.网页产品展示5.3页营养与健康与联系我们展示图14.网页营养与健康图15.网页联系我们第六章：网站设计工具介绍6.1photoshop介绍

AdobePhotoshop，简称“PS”，是美国Adobe公司旗下最为出名的图像处理软件系列之一，为图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。2003年，Adobe公司将Adobe

Photoshop

8更名为AdobePhotoshopCS，这个系列中最新版本AdobePhotoshopCS6是第13个主要版本。2013年，Adobe公司正式发布AdobePhotoshopCC，自此，版本PhotoshopCS6是AdobePhotoshopCS系列最后一个版本。历史上首次将云计算、云存储的概念引入到以Photoshop为代表的图像处理领域。Adobe只支持Windows操作系统和MacOS操作系统版本的Photoshop，但Linux操作系统用户可以通过使用Wine来运行PhotoshopCS6。6.2AdobeDreamweaver介绍Adobe

Dreamweaver，简称“DW”，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器。Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。由于同新的AdobeCSLive

在线服务AdobeBrowserLab集成，可以使用

CSS

检查工具进行设计，使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。微软的DreamweaverCS4的界面几乎是做了一次脱胎换骨的改进，从中看到了更多的设计元素，让DW也稍稍带着点苹果的味道。如果说VISTA和OFFICE2007创造了软件界面设计的新纪元，那么Adobe相当于取代了苹果的设计地位而紧随MS之后。唯一的区别就是，MS老是抄人家苹果的，而Adobe却是实实在在的自己创造，设计界的老大地位实至名归。布局按钮：这个按钮似乎和下方的代码、分割、设计按钮功能重复，还不白DW的意图，唯一增加的新功能是垂直分割，让代码和设计界面以垂直对比的方式呈现。精简设计：它提供了更多的可视区域，同时可以把右边的菜单收缩到只剩下图标。对于习惯了Adobe其他设计软件的朋友来说，这的确是非常贴心的设计。6.3flash介绍Flash是一种动画创作与应用程序开发于一身的创作软件，到2013年1月24日为止,最新的零售版本为AdobeFlashProfessionalCS6(2012年发布)。AdobeFlashProfessionalCS6为创建数字动画、交互式Web站点、桌面应用程序以及手机应用程序开发提供了功能全面的创作和编辑环境。Flash广泛用于创建吸引人的应用程序，它们包含丰富的视频、声音、图形和动画。可以在Flash中创建原始内容或者从其它Adobe应用程序（如Photoshop或illustrator）导入它们，快速设计简单的动画，以及使用AdobeAcitonScript3.0开发高级的交互式项目。设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用Flash创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash应用程序。Flash出现的历史背景和前提条件：由于HTML语言的功能十分有限，无法达到人们的预期设计，以实现令人耳目一新的动态效果，在这种情况下，各种脚本语言应运而生，使得网页设计更加多样化。然而，程序设计总是不能很好地普及，因为它要求一定的编程能力，而人们更需要一种既简单直观又有功能强大的动画设计工具，而Flash的出现正好满足了这种需求。总结这个设计中还不是很完善，因为时间、条件和个人能力的限制，系统还存在不完善的地方，希望能在今后的不断学习与应用中把它扩充得更加丰富，以适应不同层次使用者的需求。这次编写炫动食品有限公司网页，对我来说是一个将所学知识从书本运用到实际操作的初次体验。在设计过程中，由于对软件应用的不熟悉，对开发语言的不了解等种种原因，使我走了不少弯路，于此同时也累积了不少宝贵经验：我明白了开发系统需循序渐进，是急不来的，首先要对自己所要做的东西有个概念，熟悉软件的使用及学习透彻必要的开发语言，规划好时间进度；其次，分析与设计是很重要的环节，分析得越透彻，设计得越详细，对编程会有很好的引导作用，也可避免重复修改，浪费时间，写下文档；最后再开始着手编程，编程对我来说是最头疼的事情了，要把想到的功能在这短时间内比一己之力通通成为现实几乎是不可能的，于是只能挑重点的去完成，于是我把重心都放在后台管理部分，出来的结果还是很满意的。在这次的毕业设计中使我得学习了比以前更多的知识，还学会了设计网站的所需要的软件工具，如何提高自己的学习能力还有增加了和同学的合作能力。因为时间和我的水平有限，网页中有不足的地方请指导老师指正。致谢：大学三年学习时光已经接近尾声，在此我想对我的母校，我的父母、亲人们，我的老师和同学们表达我由衷