高中信息技术选修三4.2网站设计.pptVIP

4.2 网站设计 思考：出黑板报的一般过程 网站设计的一般过程 1、确定主题 2、栏目设置 3、版面设计 4、树立网站整体风格 5、素材的收集与整理 1.栏目设置 阅读P81并思考 1、什么是栏目，它在网站设计中的作用是什么？ （1）要紧扣主题，尽可能删除与主题无关的栏目。 （2）尽可能将网站最有吸引力的内容列在栏目上。 （3）尽可能方便访问者的浏览和查询。 栏目实质上式一个网站的大纲索引，索引应该将网站的主题明确显示出来。 2、网站栏目安排要注意哪些问题？ 1.栏目设置 名称 栏目名称 描述 为了绿色 绿色焦点 绿色不停地被破坏，为了绿色，我们痛斥那些破坏绿色的行为 绿色活动 那些保护绿色的行动永远值得我们骄傲 绿色人物 那些保护绿色的人物永远值得我们学习 绿色历史 看看我们为保护绿色曾经做过什么 绿色留言 请留言，留下您最想说的 绿色信箱 请给“为了绿色”信箱发邮件 1.栏目设置 名称 栏目名称 描述 我们的家园 ——地球 我们的家 认识地球 地球演化 审视现状 森林、沙漠、海洋、空气、土地 环保问题 环保新闻 环保事件 给我意见 提供留言板或电子邮箱地址 友情链接 提供相关网站的登陆方式 在线帮助 为浏览网站提供帮助 2.版面设计 阅读教材P83-84，并思考： 1、版面设计需要考虑哪些因素？ 2、版面布局可按哪些步骤来进行？ 2.版面设计 版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，也就是将不同元素巧妙排列的方式。 布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。 设计版面时要把文字、图片、空白当作一个整体来看，采用平面分割方式，调动全部面积来构建整个版面。 几种常见的页面布局样式： “厂”字型 主菜单以及横条网站标志+广告条 主 菜 单 显 示内容 几种常见的页面布局样式： “口”字型 主菜单 广 告条 主要内容 友情链接等 几种常见的页面布局样式： 自由式，又称POP布局 页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放。 2.版面设计 标题栏 子栏目 名称 主要内容 内容提示 附加信息 网页版面布局可按创意草案、粗略布局、最后定案 三个步骤来进行。 3.建立网站整体风格 阅读教材P84-87,并思考： 1、色彩总的原则是什么？ 2、树立一个网站整体形象的关键是什么？ 3.建立网站整体风格 第一步：设计、制作一个网站标志(logo) 标志可以是中文、英文字母，可以是符号、图案，可以是动物或者人物等。 标志的设计创意来自你网站的名称和内容。 设计标志有以下几种方法： 1、选择与网站主题有关的，并具有代表性的人或者物，用它们作为设计的蓝本，加以卡通化和艺术化。例： 2、对于专业性的网站，可以以本专业有代表的物品作为标志。例: 3、最常用和最简单的方式是用自己网站的中文或者英文名称作为标志。采用不同的字体、字母的变形与组合，可以很容易制作出自己的标志。 LOGO欣赏 建立网站整体风格 第二步：设计网站的标准颜色 网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩； 图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩。 一个网站的标准色彩不超过3种。 色彩总的应用原则应该是“总体协调，局部对比”。 网站色彩的使用 蓝色调为主，加上白色和红色，强调权威与真实 *