用PS制作个人食品网站首页

撰写人：黄文政创建时间：4月14日
首先，打开PS创建一个Web格式的文档。

然后把这个食品网站的顶部导航栏做出来。在这个顶部导航栏有一个交互色鼠标移动到导航栏菜单上面会出现一个带桃红色的块。并且这个顶部导航栏上的购物车也是可以点击的。我这个食品网页以粉色调为主。风格为简约风格

然后在顶部导航栏下面放一张轮播图。在这张轮播图上面有两个按钮可以左右切换轮播图。
放这么大一张轮播图的目的是为了吸引顾客的眼球并且这张轮播图上颜色的饱和度并不是特别的高是为了让顾客感觉更舒适而不是看着很压抑。

在这张轮播图下面有一个内容导航页的背景图。用这个美食的背景图原因是可以激发顾客的食欲。这个背景图采用了高斯模糊以突出中间的文字内容。

然后这个内容页的背景我使用了粉色。在这个内容页里面“加入购物车”按钮可以点击。点击之后你的购物车里面就会多一种这个物品。并且这个物品的图片也是可以点击的。点击进去之后会有更加详细的介绍。“更多”这个按钮也是可以点击的，它会弹出另一个界面里面会有很多关于这一类的物品。

内容页的下方又是一张内容导航页。与上面的内容导航页风格一样，采用了美食作为背景，高斯模糊衬托中间的文字内容。

然后下面又是一张内容页的图也是与第一张内容页风格一样，这里我就不多说了。

然后是底部的板块，在底部的板块里“联系我们”“订购帮助”“关于我们”“公告专区”还有下方的微博、微信icon都是可以点击进去的。

完成之后可以去网页上看一下预览效果。点击文件-导出-存储为（web）所用格式。如图：

接着又会弹出一个框来然后点击左下角的预览就可以跳转至网页上预览效果了。

用PS制作个人食品网站首页相关推荐

制作精美的网站首页模板应该如何操作？
经常接触互联网网站建设的人员大多数都对网站首页模板并不生疏,因为很多中小型企业在经费紧张的情况下会选择应用模板作为建站首选.这不仅仅是企业网站竞争的市场,也是网站模板竞争的市场,终究只有优秀的模板才会 ...
用PS去设计食品网站的展示
首先点击PS,进入PS以后我们先Ctrl+N创建一个宽度为25cm,高度135cm分辨率为300的图层, 创建以后我们就往图层里面放东西或者是自己已经做好的网页,还有不能让背景太过于单调,我们就往图层 ...
食品网站与学校网站对比
作者:李哲定时间:2019年4月27日先开始说起制作食品的过程吧,一开始做的这个食品网站更现在如图这个截然不同的,开始的视频网站排版分工也不明确,字体和字体大小都不统一,图片也是歪歪扭扭的不整齐. ...
ps制作食品网页总结
ps制作食品网页总结(作者:王浩写作时间:2019年4月7日) 一.设计理念:老师布置的食品网页作业二.设计完成的展示图三.制作过程 1.用ps创建一个默认的网页的图层,再给一个背景颜色&quo ...
制作网站首页（小兔鲜儿电商购物平台）
目录项目前置分析布局头部模块底部模块项目前置 <!DOCTYPE html> <html lang="zh-CN"> <head>&l ...
ps css html,用ps两分钟做个xhtml+css的网站首页
xhtml+css网站重构web标准等等之类的文章太多了,我就不重复了,发个最简单的制作xhtml+css页面的方法,方法虽然很简单,但真不一定有几个人知道.... 起码google搜索没搜索到. 开 ...
实践任务1：利用 HBuilderX制作产品展示模块+实践任务2：利用 HBuilderX制作公司网站首页+实践任务3：利用 HBuilderX制作公司网站首页实现固定侧边菜单
实践任务1:制作产品展示模块创建一个产品展示product.html网页,在网页展示推荐产品的信息,包含产品图片.名称和规格说明,网页效果如图所示.本任务利用盒子模型来实现四个产品图的展示,使用盒子 ...
HTML XHTML CS3 JS网页制作(IT培训网站设计+当当网首页设计)
HTML XHTML CS3 JS网页制作(IT培训网站设计+当当网首页设计) 百度云链接:http://pan.baidu.com/s/1hrH6qck 密码:bc4n 01.HTML基本标签_理论 ...
前端---HTML关于简易菜鸟教程网站首页制作
这次给大家讲解一个菜鸟教程网站的制作过程,该网站是一个关于编程知识教学的相关网站,大家也可以进这个网站进行相关编程的学习,里面有各方面的全套教程. 先给大家展示一下最后网站实现的效果以及全部源代码: ...

用PS制作个人食品网站首页

用PS制作个人食品网站首页相关推荐

最新文章

热门文章