顶部导航是指网站导航位于顶部的网页布局结构。在注重速度的初创阶段，Web浏览器的属性一般都是从上面开始下载网页信息的，因此顶部导航把重要的信息置于顶部区域。现在，尽管速度已经不再是敏感因素，但是顶部导航结构在使用性上还有很多优点，因此网站导航位于顶部的网页布局也是最常用的。其中，最有代表性的优点就是有着醒目的效果，而且网站导航不会对下面的内容区域造成太多的影响，留给内容区域更多，更自由的表现空间。对于网站内容很多的情况，顶部导航是非常有用的；但是，对于内容贫乏的网站而言，如果运用顶部导航的话，可能会给人一种贫乏、单调、冷清的感觉。因此，顶部导航结构最好不要用于内容较少的单一结构网站，可以用于内容丰富、信息大的复合结构网站
注重使用性的顶部导航，英国的大型园荔艺项目"The Eden Project伊甸园计划，“的宣传网站。该网站旨在提供项目的意义、园艺设计，乌瞰图说明、进展情况报告等主页顶部的网站导航简洁清晰，具有很强的使用性。
下拉框导航，网页设计。开发服务公司Dexign.net。该网站的页面没有设置网站导航，而是在右上方设置了一个下拉列表框导航。页面垂直分割为四列，左側区域为囤片和Issue信息，右侧区域为Hot Stuff, Information,Subscribe, Advicers等内容。
设置第一层／第二层菜单的灰色导航美国西雅图的网站资源Zaaz。该网站页面采用的是运用固囱定区域的单一网页布局结构，黑色的背景，顶部宽幅灰色导航设置有第一层和第二层菜单，便于使用嚣容易。快捷地浏览信息，使用性很强。
小字体菜单之间的间隔很大的导航Sumea Interactive网站。该网站页面的菜单为小号字体，菜单之间的间隔很大，采用顶部导航，灰色／黑色／荧光粉红相互搭配的色调，给人一种典雅、大方、整洁的感觉。
右侧导航网页布局结构
右侧导航(Right Navigation)是指网站导航位于页面左侧的网页布局结构，它是使用频率较低的结构。这种结构的缺点在于：人们阅读信息的视线一般是从左侧或顶部开始的，采用这种右侧导航结构的话，蕴涵网站性质和信息的网站导航不易引起使用者的注意；相比其他结构而言，使用者容易感到别扭和不方便。但是，采用右侧导航结构能够让使用者有效地关注左侧内容区域的信息。另外，Web浏览器能够显示整个页面的情况下，右侧的网站导航将页面划分成不同的区域,使网页布局看起来更加合理。
让使用者的视线集中在左侧内容信息专门提供投资时机预测的Mutual Fund IStrategist网站。右侧网站导航的黑色背景和左侧内容区域的灰色背景形成鲜明的对比，有助于使用者视线集中在内容晕；区域，标有公司标志的底部色彩框架更是加强了这种效果。右侧导航的优点就在于有效地突唤出了左侧的内容信息。
适用于单一结构的右侧导航赛车的代名词FerrariI法拉利）官方网站。与法拉利的巨大知名度相比，它在2000年的网站却是互联网发展初期典型的单一网页布局结构。网页右侧是使用象征法拉利的红色的色彩框架，网站导航就位于红色框架中，左侧区域的色彩对比，整个页面表现出鲜明的色彩图像。
采用线条分割页面的右侧导侧导航位于美国加利福尼亚州圣地亚哥弓市，集网页设计、开发、多媒体、网络市场勿营一体的专业公司DIGITARIA的网站。网站面是运用线条分割页面的网页布局，右侧羞侧是网站导航，左上方是站内导航和标题的第层菜单，公司标志位于左侧内容区域的下面可谓构思独特。
顶部导航和右侧框架分割
顶部导航和右侧框架分割， Adobe网站。互联网发展初期的Adobe网站页面一直采用黑色网站导航，设置于页面顶部；内容区域垂直分割为两部分，其右側色彩框架更加突出了链接内容。整个页面表现的大量信息从视觉上给人一种结构合理、条理清晰的感觉。三星Capital公司网站。网站主页采用了极具空间感的独特网页布局，网站导航和站内导航都设置于页面顶部，子页面之间的单层差别效果很大，表现效果弱于内容区域的右侧色彩框架设置有三星Cap勝I的Tour图标菜单。提供体育信息、VOD文件资料及社区服务的Bluetorch网站。顶部标志的浓黑色背景与右侧的色彩框架连在一起以此来区分内容区域，检索。问卷、横横幅广告等辅助内容设置于右侧色彩框架；采用体育机构图标的顶部网站与导航里的服务菜单使用了强调色，与子的黑色背景形成了对比，使得画面显非常华丽，同时右侧的色彩框架则使内容区域的华丽画面略显朴实的作用。
表现网站导航和主视觉效果的顶部水平框架采用了粉彩色和鲜明的图像，与白色的背景形成对比，给人一种清新爽目、简洁明快的感觉；有效地利用了垂直分割的三块内容区域， 大量的内容信息显得条理清晰；设置有橫幅形态快捷菜单的最右侧框结构与内容区域区分不太明显，但架咸了用来提高使用性的所有网页固有的功能框架。
