4.2.1网站的结构设计.ppt

《4.2.1网站的结构设计.ppt》由会员分享，可在线阅读，更多相关《4.2.1网站的结构设计.ppt（22页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、WORK REPORT4.2 网站的设计联盛中学 王未芳思考：出黑板报的一般过程？网站设计的一般过程n1、确定主题n2、栏目设置n3、版面设计n4、网页的交互设计1.栏目设置n阅读P100-101并思考n1、什么是栏目，它在网站设计中的作用是什么？（1）要紧扣主题，尽可能删除与主题无关的栏目。（2）尽可能将网站最有吸引力的内容列在栏目上。（3）尽可能方便访问者的浏览和查询。栏目实质上是一个网站的大纲索引，索引应该将网站的主题明确显示出来。n2、网站栏目安排要注意哪些问题？1.栏目设置名称栏目名称描述为了绿色绿色焦点绿色不停地被破坏，为了绿色，我们痛斥那些破坏绿色的行为绿色活动那些保护绿色的行动

2、永远值得我们骄傲绿色人物那些保护绿色的人物永远值得我们学习绿色历史看看我们为保护绿色曾经做过什么绿色留言请留言，留下您最想说的绿色信箱请给“为了绿色”信箱发邮件1.栏目设置名称栏目名称描述我们的家园地球我们的家认识地球地球演化审视现状森林、沙漠、海洋、空气、土地环保问题环保新闻环保事件给我意见提供留言板或电子邮箱地址友情链接提供相关网站的登陆方式在线帮助为浏览网站提供帮助2.版面设计n阅读教材P103-105，并思考：1、风格设计风格：指网站的整体形象给浏览者的综合感受。包括网页布局的整体造型、色彩搭配、字体图片的样式设置、网站的标志设计.n2、版面布局设计（1）建立网站整体风格第一步：设计、

3、制作一个网站标志(logo)标志可以是中文、英文字母，可以是符号、图案，可以是动物或者人物等。标志的设计创意来自你网站的名称和内容。设计标志有以下几种方法：1、选择与网站主题有关的，并具有代表性的人或者物，用它们作为设计的蓝本，加以卡通化和艺术化。例：2、对于专业性的网站，可以以本专业有代表的物品作为标志。例:3、最常用和最简单的方式是用自己网站的中文或者英文名称作为标志。采用不同的字体、字母的变形与组合，可以很容易制作出自己的标志。LOGO欣赏（1）建立网站整体风格第二步：设计网站的标准颜色网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩；图片的主色彩、背景色、边框等尽量使用标

4、准色彩同色系的色彩。一个网站的标准色彩不超过3种。色彩总的应用原则应该是“总体协调，局部对比”。网站色彩的使用蓝色调为主，加上白色和红色，强调权威与真实网站色彩的使用橙色为主，白色为辅，具有轻快，时尚的效果网站色彩的使用红色为主，产生热情、活力的感觉，充满欢乐的气氛网站色彩的使用绿色为主，白色为辅，产生舒适、优雅、适于阅读的气氛（1）建立网站整体风格第三步：设计网站的标准字体。标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。使用一些比较特别的字体时，最好使用图片的形式。（2）几种常见的页面布局样式：“厂”字型主菜单以及横条网站标志主菜单以及横条网站标志+广告条广告条主主菜菜单单显显示示内内容容（2）几种常见的页面布局样式：“口”字型主菜单广告条主要内容友情链接等（2）几种常见的页面布局样式：自由式，又称POP布局页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放。2.版面设计标题栏子栏目名称主要内容内容提示附加信息 网页版面布局可按创意草案、粗略布局、最后定案 三个步骤来进行。3.网页的交互设计参照P103-104思考：n用户如何访问网站？n怎样从一个位置到另一个位置？n怎样防止用户在网站上“迷路”？谢谢大家！谢谢大家！