教育网站设计.ppt

?????? 教育网站设计 教育网站的设计主要分两个方面： 1、教育网站的总体设计，包括网站的主题定位，整体形象设计，整体风格创意设计等多方面的工作； 2、页面设计，可分为一般页面的设计和首页设计，主要涉及到版面布局，色彩搭配等问题，其中首页的设计在页面设计是最至关重要的， 一、教育网站设计的一些基本原则 1、要立足于教育，为创新教育、素质教育服务 2、要有创新精神与独特的创意，要有在互联网中生存下去的支点。 3、整体架构要模块化，清晰化，易于使用。 4、网页浏览速度快，更新快，交互性强，导航智能化 5、网页设计简洁明快，注重实用性。 6、网站内容要精，及时更新、便于阅读。 7、网站立足于长期发展，具有开放性，可拓展性，易于维护更新。 二、教育网站的总体设计。 1.定位网站主题和名称； 2.定位网站CI形象； 3.确定栏目和版块； 4.网站的整体风格创意设计 5.网站的层次结构和链接结构 定位教育网站主题和名称 设计一个教育网站，首先遇到的问题就是如何定位教育网站的主题。 主题也就是的网站的题材。教育的涉及面很广，可选择的题材多种多样，在对于题材的选择，要注意以下几个方面 ? ????? 1、主题要小而精。定位要小，内容要精。 ????? 2、要有独特性，新颖性，不要你有我有全都有，追求大而全，最后成了什么都没有。一是做自己擅长的，在本领域有优势的，二是发挥网络的优势，做传统媒介做不到的，三是要符合社会需求，四是要做别人没有做过的，或者别人做过的但没有做好的， 3、要量力而行，目标不要太高，做自己最擅长，最省时省力省钱的题材，不要去盲目攀比那已有的非常优秀，知名度很高的站点。 定位教育网站CI形象 所谓CI，是借用的广告术语。(CI是英文corporate identity的缩写)，意思是通过视觉来统一企业的形象。现实生活中的CI策划比比皆是，杰出的例子如：可口可乐、麦当劳、SONY,三菱，全球统一的标志，色彩和产品包装，给人的印象极为深刻。知名的网站，也都十分重视网站的CI形象设计、如雅虎、新浪、搜狐、网易、163等等。 1.设计网站的标志(logo)。logo是站点特色和内涵的集中体现，logo能让用户联想起特定的网站。就象看见了狐狸就想起了搜狐。听见了世界不大，就想起了网大。标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。比如：网易是用netease的英文作为标志，新浪用字母sina+眼睛作为标志。 2.设计网站的标准色彩。标准色彩指能体现网站型象和延伸内涵的色彩。网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。如所有教育网的绿色调就给人一种安静的感觉，网大的黄色调给人一种活泼向上的感觉。 3.设计网站的标准字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。 4.设计网站的宣传标语。也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。如世界不大网大，启迪网创造未来等等。 3.确定教育网站的栏目和版块 网站的题材确定后，就要考虑栏目的设置问题，栏目的设置要紧扣网站主题，可以把主题按一定的方法分类并将它们作为网站的主栏目，主题栏目个数在总栏目中要占绝对优势，这样的网站显的专业，主题突出，容易给人留下深刻印象。例如启迪网的栏目就依据网站的e-learning主题，划分为幼儿、小学 、初中、高中、 考研 、留学、民办大学 、成人高考、外语、计算机、工商管理、行业资质、职业技能等栏目。 在制定栏目的时候，要注意以下几点 1、尽可能删除与主题无关的栏目 2、尽可能将网站最有价值的内容列在栏目上 3、尽可能方便访问者的浏览和查询 版块比栏目的概念要大一些，每个版块都有自己的栏目。例如，k12的站点分新闻中心，学生频道、教师频道、家长频道、教育产品、虚拟社区等几大版块，每个版块下面又有自己的主栏目。设置版块时要注意1.各版块要有相对独立性。2.各版块要有相互关联。3.版块的内容要围绕站点主题。 网站的整体风格创意设计 网站的整体风格及其创意设计是最希望掌握，也是最难以学习的。它没有一个固定的模式可以参照和模仿。给出一个主题，任何两个人都不可能设计出完全一样的网站。 风格(style)是抽象的。是指网站整体形象给浏览者的综合感受。这个“整体形象”包括 站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点声誉等等诸多因素。风格是独特的，是