基于网页美工设计的美食网店的设计与实现毕业论文+任务书+答辩PPT+项目源码及数据库文件-CSDN博客

本文链接：https://blog.csdn.net/qq_43368615/article/details/144312123

！！！有需要的小伙伴可以通过文章末尾名片咨询我哦！！！

💕💕作者：小张
💕💕个人简介：混迹在java圈十年有余，擅长Java、微信小程序、Python、Android等，大家有这一块的问题可以一起交流！
💕💕各类成品java系统。javaweb，ssh，ssm，springboot等等项目框架，源码丰富，欢迎咨询交流。学习资料、程序开发、技术解答、代码讲解、源码部署，需要请看文末联系方式。

中文摘要

随时代的进步，生活水平的提高，现代的人们对美食以及健康问题有了更多的研究。要解决这些问题，就必须要了解食品营养与健康的联系，保持一个良好的饮食习惯以及积累美食做法。“说句食话”在健康以及菜品教学上给予食品爱好者便捷的帮助，在现代的时代中如何正确理解美食营养互补对人类的重要性，什么是营养，什么是营养互补，怎样做到健康做美食，均衡膳食，保持健康良好的饮食习惯。运用专业的计算机信息系统的运用和普及。说句食话网站主要使用Adobe Dreamweaver，通过代码编写的方法实现美食界面，并在进一步实现网页美工采用Adobe Photoshop平台进行图形界面设计以及优化美工，使用Adobe Premiere Pro CS6增删改查操作进行视频的存储以及修改，提高了网页的美观。这些软件都在网页美工上取得了较好的收益，并使用了Google Chrome来调试了网页系统主要包括用户的权限登录、美食的首页功能页面、菜谱介绍、健康管理、菜品制作分享、视频介绍。页面最大的优势在于可以实现美食和健康的介绍功能，节省了大量的查询资料的过程，并且方便和快捷，可以方便的查看餐谱和健康饮食的数据信息。网页的使用能使美食分享以及饮食健康变得轻松，用户也能够体会到更加人性化的服务。

关键词 网页美工 Adobe Dreamweaver

ABSTRACT

With the advancement of the times and the improvement of living standards, modern people have more research on food and health issues. To solve these problems, it is necessary to understand the relationship between food nutrition and health, maintain a good eating habits and accumulate food practices. "Speaking words" provides convenient help for food lovers in health and dish teaching. In the modern era, how to correctly understand the importance of food and nutrition complementarity to humans, what is nutrition, what is nutrition complementation, and how to be healthy Cook good food, eat a balanced diet, and maintain a healthy and good diet. The use and popularization of professional computer information systems. Speaking of words website mainly uses Adobe Dreamweaver, realizes gourmet interface through code writing method, uses Adobe Photoshop platform for graphic interface design and optimizing artwork, and uses Adobe Premiere Pro CS6 to add, delete, modify, and check operations for video storage and modification, which improves the webpage Beautiful. These softwares have achieved good benefits in web art, and used Google Chrome to debug the web system, including user permission login, gourmet homepage function pages, recipe introduction, health management, dish production sharing, and video introduction. The biggest advantage of the page is that it can implement the function of introducing food and health, saving a lot of data query process, and it is convenient and fast, and it is convenient to view the data information of the meal recipe and healthy diet. The use of web pages can make food sharing and healthy eating easier, and users can also experience more humane services.

Keywords web art Adobe Dreamweaver Adobe Photoshop Adobe Premiere Pro CS6

1.1 课题研究的背景

博客是显示出网友们在网上的发布记录和审阅记录，即是一个把言论发表集结在一起生成一个具有号召力、影响力的自由媒体网络活动。当然，博客也是人们能够在抛开现实生活转向网络生活时，所呈现出来的能使得自己特性展现出来的一种特有的生活方式。当互联网被越来越多的人们认识并熟悉运用的时候，我们就知道互联网的时代到了，因而喜欢通过互联网网络来获取各种各样的信息的人也愈来愈多。

无可厚非的是，在网络上，你可以在言论自由的前提下畅所欲言并分享你想要分享的，还可以在分享中收获很多知心建议的网络互动方式。而美食博客也算得上是网络互动其中的一员。因此当你登录美食博客的时候，你可以把自己的喜爱的美食名称或者美食照片发表到美食博客的论坛上。当然，你也可以看到其他人发布在美食博客的美食照片等。

当然了，我们需要深入的了解一下什么是博客。博客呢，它又被称为网络日记本。说白了，其实博客就是一个能够网络出版，发表和张贴的一种网络活动，简单来说就是一个网页，不过它是各式各样简练并且时常更新的帖子所组成。而这些帖子呢，大概是你在某天观看电影时的感想，大概也是你在浏览某篇文章的感叹，自然也可以是你在自己专业领域上的技术心得。虽然说这个“美食博客”它只是一个网页，但是大家可以通过文字叙述或者图片分享的形式在这个网页上发表出自己的美食建议，心情感悟等，它所提供出来的照片以及附带叙述可供登录这个美食博客的人进行互动交流，深入探讨。

不过博客初步开始的时候是附属于论坛下的一个分系统。其最初参与使用博客的皆是一些专攻信息技术的专家和学者们，他们在博客上探究的也都是些专业学问。直至2001年世贸大楼遭到恐怖袭击的时候，博客成为了消息和灾难亲身经历的来源，因而有人在这次事故之后发现了博客的商业价值，使得少许已经开发了博客的人们开始利用博客的便捷开发具有更多功能的网页，越来越多的人们也渐渐的开始加入博客。慢慢的大家也都发现了博客分享与讨论的乐趣。愈来愈多的人们参预进来了，博客也就越来越广泛流行。自此，博客也正式进入了大众的视野。

然而博客却又与论坛有些许相近的地方，很多小伙伴们都分辨不出他们两个之间的差别点。当然了，博客和论坛都是能够实现相互交友，沟通与交流等等的网站或者网页。首先，论坛在其中着重进行的是能够进行跨域性，专题性，综合性等能够进行多方面集体探讨的信息交流，其次，博客在其中则注重的是因特定话题所提供的有关资源而发表的个人的简洁评论和分享。不过它们两者之间的重心点就有着很大的区别，开发者创建论坛的初衷是在基于为众人服务的前提下，对其内容能够进行深度推广，还有能够通过线上线下进行的技术性的信息交流和沟通，而创设博客的开发者的主要宗旨是为了对博主进行服务，使得用户能够得到针对性的实用的建议，使其身心得到舒缓，问题得以解决，信息得以分享。还有的是，它们的不同点还在于其所处的形式上的不同，博客它是独立存在的，它着重于形式上的花样。而论坛是着重于内容的丰富程度。

综上所述呢，论坛是一个可以多人一起交流，探讨的网站，互动性强，社交性强。博客是一个可以发表个人文章，评论和分享的网页，虽然说也可以进行信息交流，但是更多的还是个体分享的发展方向。

1.2 课题研究的意义

网络通过这些年来极为迅速的发展，已经成为人们生活中不可避免的东西，并且因为网络所体现出来的便捷性，人们对网络的依赖也越来越强。网络的受众群体越来越大，这也就意味着能够花最少的推广费做最好的推广效果。

和网络一样让人有强烈依赖的东西莫过于美食，食物总能让人从不好的心境中转变过来，俗话说得好——“民以食为天”。在众多美食中比如甜点脱颖而出，甜点是一种具有特殊力量的食物，现在人们的生活压力这么大，甜点能够让人心情变得愉悦。

当人感到心烦意乱或者心力憔悴的时候，就说明你的身体缺少糖分，而人身体的最需要的其实就属糖分了。不过，食物中的含糖量都是不同的。人们身体内的脂肪、蛋白质、糖类等都是可以转化为糖。所以当我们过于饥饿和劳累的时候我们就可以吃一些甜食，如甜点，冰激凌，蛋糕等就能够补足我们身体的糖分，当人们摄入足够量的糖分的时候就可以提高我们的血糖增强抗病能力，也是能够舒缓人们的烦躁心情，使得人们拥有轻松，欢快的心情。当我们心情不好的时候，人体还会缺乏维生素B1，这个时候我们就可以吃些甜点，这对于精神上有一些安慰或者满足。

同样，在你工作一天后疲惫不堪和每天下班坐车的时候，可以刷刷美食的博客来慰藉自己的心灵，这时候美食博客就发挥了他的作用，这无疑是对人们生活品质的大大提高。所以我打算把美食和博客结合在一起来的网站——美食博客。

第二章相关技术介绍

2.1 HTML技术

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。

HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如UNIX， Windows等)。使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即现在所见到的网页。

2.2 Dreamweaver技术

DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持，设计师和程序员可以在几乎任何地方快速制作和进行网站建设。
Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。访问代码提示，使用 HTML、CSS 和JavaScript进一步实现了网页的编写。

Css：CSS 工作原理. 编辑. CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和显示的方式。. CSS样式可以直接存储于HTML网页或者单独的样式单文件。. 无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。. 外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。. 样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。. 样式规则由一个或多个样式属性及其值组成。. 内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页通过一个特殊标签链接外部样式单。

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。

2.3 Photoshop技术

Photoshop的专长在于图像处理，而不是图形创作。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工；图形创作软件是按照自己的构思创意，使用矢量图形等来设计图形。
平面设计
平面设计是Photoshop应用最为广泛的领域，无论是图书封面，还是招帖、海报，这些平面印刷品通常都需要Photoshop软件对图像进行处理。
广告摄影
广告摄影作为一种对视觉要求非常严格的工作，其最终成品往往要经过Photoshop的修改才能得到满意的效果。
影像创意
影像创意是Photoshop的特长，通过Photoshop的处理可以将不同的对象组合在一起，使图像发生变化。
网页制作
网络的普及是促使更多人需要掌握Photoshop，因为在制作网页时Photoshop是必不可少的网页图像处理软件。
后期修饰
在制作建筑效果图包括许三维场景时，人物与配景包括场景的颜色常常需要在Photoshop中增加并调整。
视觉创意
视觉创意与设计是设计艺术的一个分支，此类设计通常没有非常明显的商业目的，但由于他为广大设计爱好者提供了广阔的设计空间，因此越来越多的设计爱好者开始学习Photoshop，并进行具有个人特色与风格的视觉创意。
界面设计
界面设计是一个新兴的领域，受到越来越多的软件企业及开发者的重视。在当前还没有用于做界面设计的专业软件，因此绝大多数设计者使用的都是该软件。

2.4 网页美工技术

网页美工是精通美学，photoshop（PS），FLASH，dreamweaver（DW）等一网站制作软件的网络人员，且必须具有良好的创意和一定程度的审美观。必要时需要一定的策划知识。为网站所有的页面画出来并用DW和css排版出来。页面必须清晰简洁，还要适宜后台调用。图形设计，即传统意义上的“美工”。不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。

交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。

用户测试/研究，这里所谓的“测试”，其目标是测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量网页设计的合理性。

网页美工负责整个网站的前台设计，界面设计、规划整个网页的布局。可以使用ps进行界面效果图的设计，AI辅助设计LOGO、以及网标。所以作为网页设计师掌握的重要工具就是photoshop软件。