项目7网页的导航条设计.pptVIP

项目7 网页的导航条设计 任务1 制作安哥建材导航 课件（建议2学时） 学习目标 1.了解网页导航条的作用及表现形式。 2.了解网页导航条的设计原则。 3.掌握设计制作网页的导航条的方法。 4.熟练掌握钢笔工具的使用。 5.熟练掌握渐变工具的使用。 6.熟练画笔工具相关属性的设置。 知识准备——了解网站的导航条 案例欣赏 知识准备——了解网站的导航条 案例分析 知识准备——了解网站的导航条 理论概要 知识准备——了解网站的导航条 理论概要 任务1：制作安哥建材导航 本任务是制作安哥建材网站的导航栏 ，如下图所示。 任务分析 本任务将是制作安哥建材网站的导航栏，该实例在制作前已提供了安哥建材的Logo素材，结合Logo素材的特点，可以确定导航栏的主色调，也可以通过水平排列的方式，简单地将文字排列开，并用曲折的点线将其分开，使静态的导航有了一丝自由与动感。 任务实施 1.新建文件900px*100px。 2.美化Logo。 3.为导航条添加背景色、Logo及文字。 任务实施 4.添加导航栏按钮的点线。 5.添加导航栏按钮和文字。 拓展探索 总 结 下图为沈阳市信息工程学校网页的导航条。 （1）表现形式：在导航设计上采用了稳重、大气的水平导航。 （2）色彩运用：色彩上使用了与本校VI设计一致的绿色。 （3）栏目设置：依据易用性原则，根据访问者最关心的内容以及学校自身的需求，确定了导航栏目的标题。 （4）动态效果设计：当鼠标经过栏目标题时，出现颜色变化的动态效果。变化简单，不破坏网站稳重的形象。 （1）网页导航条 （2）网页导航条的表现形式:水平导航条、垂直导航条、自由导航条。 水平导航条 垂直导航条 自由导航条 （3）导航条的设计原则： ①尽可能多地提供相关资源的链接。用户会从链接文本跳转到相应的网页内容。 ②直观、方便、简单、明了的原则。这样能让用户一眼就分辨出他们想要访问的内容。 ③导航层次清晰，能够简单明了反映用户所浏览的内容层次结构。 ④网站的导航条与网站的整体风格相融合。在颜色选择与Logo、Banner的色彩相协调。 参照教材中“任务实施”，尝试操作，完成安哥建材导航的制作。 设计制作个人网站导航条。