食物官网与学校官网的区别

（作者：陈石军，撰写时间:2019年5月3日）
这是两张官网一部分图片，这两张都是官网的搜索和导航栏的部分。上面这张是学校官网，下面那张是食物官网，食物官网的导航栏上面除了有搜索图标外，还有个登录的QQicon和注册，还在右上方加了个披萨做装饰效果，这些都是学校官网没有的。

这些是官网里的轮播图片，因为是两张不同的官网，所以两张图片的轮播方式和内容也是不相同的，上面这张的轮播方式是把鼠标移动到小圆点上，它就会跳转到另一张图片，要是点击小圆点就会跳转到另一个页面。下面那张食物官网的轮播方式是用鼠标点击轮播图片里的左右俩个图标，随便用鼠标点击其中一个就会跳转图片，要是点击图片·就会跳转到另一个页面。第一张是学校官网的轮播图片，所以它轮播的是学校方面的内容，从所显示的这张图片可以看出，这是一张学校里的建筑物图片。第二张才是食物官网的轮播图片，它显示的内容都是不同的菜系，比如湖南菜系和广东菜系等，而且张轮播图片丹的上方还有个标题，并且在这个标题的左右两边都加了树叶装饰。这些是学校官网没有的。

上面这张是食物官网里的热菜专区的内容，另一张是学校官网的招生快讯和的内容。热菜专区和招生快讯的排版各不相同，热菜专区的内容是图片在上面，文字在下面。而招生快讯的内容是两部分，其中一部分是文字在左边，图片在右边。另一部分是图片在左边，文字在右边。食物官网里的热菜专区这个标题两边和图片的左上方文字的右下方都加了树叶装饰。学校官网里的招生快讯的右边加了英文字母和在下面加了矩形，文字方面的内容虽然很多，其实只有两种文字，其它的文字都是在重复而已，不像食物官网里的文字都是各不相同的。这两张图片的跳转页面有两种，其中一种是相同的，另一种是不相同的，相同的是用鼠标点击更多就会跳转页面，不同的是食物官网点击图片就会跳转页面，学校官网把鼠标移动到文字上，文字会变成蓝色，再点击一下鼠标就会跳转页面。这些就是食物官网与学校官网的区别。

上面这张是学校官网的，里面有一套关于学校的icon图标，还有一些校园风光的图片和常用链接，常用链接里的内容是校园地图，校园公告等，另外还有学习通道，学生风采和学习园地三张图片。要是用鼠标点击里面的图片或者是点击标题的文字都会跳转页面。如果只是把鼠标移动到图片上，图片只会变大，把鼠标移动到标题文字上就会变成蓝色。食物官网的图片里只有一个特色小吃的内容，里面都是一些菜品，是用图片和文字组成的菜品，其里面的交互效果比学校官网多了一种，就是点击更多从而跳转页面，另外两种效果都于学校官网相同。这里的区别之处就是学校官网里的那一套icon图标，还有食物官网里的一种交互效果和装饰效果。

这两张图片就是学校官网和食物官网的全部内容，第一张是学校官网，另一张就是食物官网，学校官网我用的主色调是浅蓝色，因为这是一张学校官网，而蓝色是一种安祥和沉稳的风格，比较符合学校官网，所以整张官网大部分我都采用的是蓝色系，背景也是用了两种蓝色系的做渐变效果。食物官网的主色调是红色，是根据LOGO的颜色为主色调的，所以官网里的图片也是以其为根据选用的，背景采用的是红色的邻近色，并且在背景上还有花纹装饰。学校官网的排版是严谨的，该是怎样就是怎样。而食物官网的排版就比较开放，可以把自己想到的放进去进行排版，没有学校官网那样严谨。这些就是食物官网与学校官网的区别。

·