当前位置:萝卜系统下载站 > 网页设计教程 > 详细页面

教育类网站页面配色案例解析

教育类网站页面配色案例解析

更新时间:2023-06-19 文章作者:未知 信息来源:网络 阅读次数:

Adobe Dreamweaver,简称“DW”,中文名称梦想编织者,最初为美国Macromedia公司开发,2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。

教育类网站在设计上要表现出专业性,给人可信赖感:配色上应该使用诚实、积极的颜色。下面我们就来讲讲站网页配色案例解析,学校的网站应该突出本身的特点,营造出良好的学术气氛。
教育类网站网页配色案例解析

一、 教育类网站的配色推荐

色彩会明显影响情绪,不同的色彩可以表现出不同的情感:教育类网站的页面应当干净、明亮、简洁,其配色方案推荐如下。

教育类网1

教育类网2

教育类网3

教育类网4

二、教育类网站的版式与配色案例解析

这是一个大学教育网站,页面采用分割型版式,网站整体风格简单、明了,以蓝色为主色调的页面显得纯净,简单的页面设计使整体显得清新、干净。

教育类网5

教育类网6

这是个学校网站,采用分割型版式,使用健康的绿色为主色调,营造出健康向上的学习氛围

教育类网7

教育类网8

这是一个学校招生网站,采用满版型版式,视觉效果直观而强烈,页面采用绿色模糊的背景,为普通的页面增加艺术气息。

教育类网9

教育类网10

这是一个学校网站,采用分割型版式,多栏的分割使页面更具条例,图文配合也将整个页面填充得正好,既不空洞也不杂乱。

教育类网11

教育类网12

这是一个英语学习网站,采用水平分割型版式,绿色的草地搭配鲜艳的颜色,使整个页面充满活力,整体风格和谐、自然。

教育类网13

教育类网14

以上就是有关站网页配色案例解析的课程内容,希望对你有所帮助。


Adobe Dreamweaver使用所见即所得的接口,亦有HTML(标准通用标记语言下的一个应用)编辑的功能,借助经过简化的智能编码引擎,轻松地创建、编码和管理动态网站。

温馨提示:喜欢本站的话,请收藏一下本站!

本类教程下载

系统下载排行