本节简介:导航栏的基本常识学习,传统导航栏案例制作。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
导航栏的作用:1、引导用户查找信息2、清晰站站层次3、让用户一目了然网站构架和方向4、提高网站广告价值 导航的分类:1、主导航 2、次导航- 3、面包屑导航(清楚知道自己所处位置) 导航栏的表现形式:1、横排导航(从左至右,权重依次降低 或者越重要的内容越靠前,最后提升) 2、竖排导航(由上至下,越重要的内容越靠上)3、异型导航(用于个性化的网站,页面生动活泼)4、多级混排导航(拥有下拉菜单)。
导航栏的作用:1、引导用户查找信息2、清晰站站层次3、让用户一目了然网站构架和方向4、提高网站广告价值 导航的分类:1、主导航 2、次导航- 3、面包屑导航(清楚知道自己所处位置) 导航栏的表现形式:1、横排导航(从左至右,权重依次降低 或者越重要的内容越靠前,最后提升) 2、竖排导航(由上至下,越重要的内容越靠上)3、异型导航(用于个性化的网站,页面生动活泼)4、多级混排导航(拥有下拉菜单)。
导航栏的作用:1、引导用户查找信息2、清晰站站层次3、让用户一目了然网站构架和方向4、提高网站广告价值 导航的分类:1、主导航 2、次导航- 3、面包屑导航(清楚知道自己所处位置) 导航栏的表现形式:1、横排导航(从左至右,权重依次降低 或者越重要的内容越靠前,最后提升) 2、竖排导航(由上至下,越重要的内容越靠上)3、异型导航(用于个性化的网站,页面生动活泼)4、多级混排导航(拥有下拉菜单)
导航层次太多 会给用户造成搜索上的困难,不利于用户对网站的了解,导航每多一级用户搜索的困难是成比例递增的
异形导航一般用在个性化或创意类的网站, 例如音乐,动漫等网站
次导航可以位于主页面也可能位于子页面中,通常是主导航中的一个子相目录起到更加细致划分网站功能的作用
主导航(一级导航)是网站中主要的目录导航,主导航一般位于网站的首页是横版导航,囊括了网站中所有的一级主目录
导航栏作用:引导用户查找信息,清晰网站层次,让客户一目了然网站构架和方向,提高网站广告价值
主导航(一级)--- 次导航(二级、三级、四级)---- 面包屑导航(相当于网站地图-所在网站位置)
异形导航比较有个性,权重是根据形状大小,阅读习惯来排,常运用音乐网站等,动感,活泼。多级混排导航,一级栏目显示二级类目,比较有层次但是用户体验不是很好,很难搜索。在哪,去哪。
1,345,2权重靠前,依次最后。竖排由上至下重要内容越靠上
主导航(一级目录),次导航(二级三级目录),面包屑导航(所在的网站位置,提高用户体验,搜索体验)。横排导航,竖排导航,异形导航,多级混排导航。