以css内部样式为例注有同学之前问过我怎么制作一张网页，但只会html，本文用到均为css故说明若急需制作导航，无css技术基础的，在标签中加，再将css写入其中就行了需要按键代码，可在最后看到1通过标签。

分享几个常见的导航设计1滑出导航 滑出式导航是现在很流行的一种，当用户打开页面时，第一眼看到的是主要的内容而非菜单，给用户更好的第一印象响应式全屏滑出导航也可以给人愉悦的体验2全屏导航 全屏导航设计。

导航设计导航是整个网站的指南针，带领用户准确查找所需的信息可从以下方面讲述导航设计的重要性1从优化方面看导航有些人会把网站导航设计成flash的形式flash的导航是很有特色，但是不利于优化蜘蛛抓取网页根据。

因此，本文将介绍如何设计一种方便易用的游戏网站导航栏，以提高用户的浏览效率首先，导航栏的位置是很重要的通常来说，大多数网站都会把导航栏放在页面的顶部或左侧，这是因为用户在浏览网页时，通常都会从顶部或左侧开始。

不要在这里设计太多花哨的东西，有一些网站把面包屑导航设计在了栏目右边，或是独出心裁设计到了内容页里面，这些都不是好的方式，就是简简单单，能使人一目了然知道自己处在哪个位置就可以了。

那种横向放置的导航栏要优于纵向的导航栏考虑，原因很简单如果浏览者的第一屏很矮，横向的仍能全部看到，而纵向的就很难说了，因为窗口的宽度一般是不会受浏览器设置影响的，而纵向的则不确定性要大的多网页布局类型。

导航是用来浏览网页的工具它可以是按钮或者是文字在每个页面上显示一组导航，顾客就可以很快又很容易地找到他想浏览的网页导航是网页设计中的重要部分，也是整个Web站点设计中的一个独立部分现在有些卖家都有一个误区。

和做其他设计一样，首先我们需要在大脑中构思想要的效果，再把构思出的效果图分层，最终找到用PS制作漂亮的网站导航条的方法最终效果1新建一个600*150的文件，背景填充黑色选择“圆角矩形工具”画一个同样填充黑色的。