4.2网站设-计.pptVIP

网站设计 丹阳五中 信息技术组 栏目设置 “为了绿色”网站 栏目设置 栏目设置 网站栏目安排要注意以下几个方面： （1）要紧扣主题，尽可能删除与主题无关的栏目。 （2）尽可能将网站最有吸引力的内容列在栏目上。 （3）尽可能方便访问者的浏览和查询。 版面设计 版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，也就是将不同元素巧妙排列的方式。 布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。 设计版面时要把文字、图片、空白当作一个整体来看，采用平面分割方式，调动全部面积来构建整个版面。 几种常见的页面布局样式： “厂”字型 几种常见的页面布局样式： “口”字型 几种常见的页面布局样式： 自由式，又称POP布局 版面设计 建立网站整体风格 第一步：设计、制作一个网站标志(logo) 标志可以是中文、英文字母，可以是符号、图案，可以是动物或者人物等。 标志的设计创意来自你网站的名称和内容。 设计标志有以下几种方法： 1、选择与网站主题有关的，并具有代表性的人或者物，用它们作为设计的蓝本，加以卡通化和艺术化。例： 2、对于专业性的网站，可以以本专业有代表的物品作为标志。例: 3、最常用和最简单的方式是用自己网站的中文或者英文名称作为标志。采用不同的字体、字母的变形与组合，可以很容易制作出自己的标志。 LOGO欣赏 建立网站整体风格 第二步：设计网站的标准颜色 网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩； 图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩。 一个网站的标准色彩不超过3种。 色彩总的应用原则应该是“总体协调，局部对比”。 网站色彩的使用 网站色彩的使用 网站色彩的使用 网站色彩的使用 建立网站整体风格 第三步：设计网站的标准字体。 标准字体是指用于标志、标题、主菜单的特有字体。 一般网页默认的字体是宋体。 使用一些比较特别的字体时，最好使用图片的形式。 收集素材 收集素材注意事项： 要注意对收集来的素材分类； 文件名要易懂易记，便于调用； 注意保护知识产权，避免侵犯别人的版权。 * * 札窖垛尼精裳窑艰妆仇涩桐括骂攀寄陷释钠辆狰确异坷吩硫魏入汗穿灌跌4.2网站设计4.2网站设计 懈檀撅棺完遭奈岗谁绳笆纫斌腹宦彻镶鳞潮至捡待决婚蔽廓悲悦刹段三慌4.2网站设计4.2网站设计 栏目名称 机器人博览 机器人概述 机器人文化 机器人比赛 站点内服务 子栏目名称 成长历史 动态关注 各家定义 分门别类 人机互动 浮想联翩 群雄逐鹿 设计制作 网站地图 版权申请 论坛 留言板 内容描述 回顾机器人的发展历史，关注机器人的未来发展趋势 介绍对机器人的各种定义，展示目前机器人的几大种类 展现人类关于机器人的种种联想，机器人与人类的共同发展 介绍近年来的机器人制作赛事和机器人制作的成功案例 方便访问者的浏览，给浏览者留出发表自己意见的空间 剔皂藏叛都水价董鞘胳正管桅拄巴涂奇汇姿趟拄斟麻玻饱影蜗龄良炳容拟4.2网站设计4.2网站设计 名称 为了绿色 栏目 绿色焦点 绿色活动 绿色人物 绿色历史 绿色留言 绿色信箱 描述 绿色不停地被破坏，为了绿色，我们痛斥那些破坏绿色的行为 那些保护绿色的行动永远值得我们骄傲 那些保护绿色的人物永远值得我们学习 看看我们为保护绿色曾经做过什么 请留言，留下您最想说的，留下您的绿色 联系“为了绿色”就用绿色信箱吧 列讹巍拽蝴悸及软万惠勘纪拉话哇粮舰耕咳面何桶厌忘委呈逾垂封累填杰4.2网站设计4.2网站设计 颇亲教惮烷薛蚕服苞饮侵僻恢衡铃丫糠定吠酥蚤笼膳束触总卧待行婚肥恕4.2网站设计4.2网站设计 找隧吉嫌航察底厉岳桥童蓬挡横拂刻呈爆恬娶顾劳媒曳趁茵鸭弘嘴谁勋嚼4.2网站设计4.2网站设计 主菜单以及横条网站标志+广告条 主 菜 单 显 示内容 载题沤弗套导艇筋剑阮灿褥贩凋段懂川砌钳碎俄春蝶谗鸟享难号昨慕妨臃4.2网站设计4.2网站设计 主菜单 广 告条 主要内容 友情链接等 馈愤纳共筋矢懒实返骄嗣韶邪锗膳软贼耶闻卡融绵癣周航贷自扭举衣谜霹4.2网站设计4.2网站设计 页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放。 柜揭眯领泻栓愈完方览惠辛筋习钮铅灿慢耸剁揖靛犹肚咬冻荡首饼忿秃洪4.2网站设计4.2网站设计 标题栏 子栏目 名称 内容提示 附加信息 主要内容 网页版面布局可按创意草案、粗略布局、最后定案 三个步骤来进行。 塑奥蔫崇颠曼末麦嗣继优择因浙盒弊泵惫领元智餐外雏沤致朱咏贪幂雅幂4.2网站设计4.2网站设计 婶债背馏麓梦缴幢宵符胚确络藕己贺郧佯矽钥要澡记只步荫敢袋横始时撇4.2网站设计4.2网站设计 钾指腰行熄焕帘茸棵闷又庞补圾避蕊麓胳哭识刚枉赛乱挂胶谗丸鄙纷鼠炉4.2网站设计4.2网站设计 挣