1打开网站后台 2找到栏目设置，不同的程序位置有所不同，3进入栏目设置，吧设计好的栏目导航词条 按顺序填写，排序越小也靠前 4填写完毕，一定要保存，然后生成一下，有的程序不需要生成，伪静态的也不需要生成5切换到前台，刷新一下就制作完成；lth1lth6网页内容标题标签 ltp网页内容中段落的标签 ltbr 网页内容中段落的折行标签 align=quotcenterquot居中属性定义标签 lthr 水平线定义标签 lt！要隐藏的注释内容隐藏注释定义标签 ltbody background=quot图片地址quot网页背景图片定义标签 ltbody bgcolor=quot颜色代码或名称quot网页；代码如下lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquotquotloosedtdquot lthtml lthead ltmeta；1首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容2此时对应效果如图3接下来准备相关的导航按钮图片可以事先利用PS制作好4然后将以下CSS代码加入到ltheadlthead之间5网页此时的效果如图，就完成了。

2 创建html代码，添加上layui的导航样式，layuinav 3 运行页面，我们就可以看到一个美观的导航菜单了4 现在的菜单右边有很多空白的地方，我们可以添加样式，为导航栏条目添加长度，让其布满页面先看下现在默认的导航栏的样式，并没有设置宽度，默认是自适应文字宽度5 我们添加一个样式，注意样式；ltdiv id=quotmainquot大家拖动滚动条下吧 我很长 这样就能看到导航栏固定的效果了 ltdiv ltbody lthtml 上面的代码已经实现了需要的功能，导航条固定在了网页的顶部，这个主要是使用了positionfixed，然后将top值设置为0即可，但是仅仅使用positionfixed还是不够，因为IE6浏览器并不支持，所；导航条ltnav 层级分块ltdiv 列表无序列表ltul + ltli 有序列表ltol + ltli 自定义列表ltdl + ltdt + ltdd 其他展示代码ltpre + ltcode 换行ltbr 下划线lthr 强调ltem表示语义上的强调重要ltstrong表示逻辑上的重要性，通常会被加粗显示加粗；1用Dreamweaver新建一个HTML文件2按ctrl+s先保存，以防突然断电数据丢失3修改title为html+css实现横向导航4新建一个div id为“a”，添加ul li标签5在li中添加自己想要的文字 并调整好文字间距，按F12预览，如下图所示6首先去掉字体前面的小黑点，代码如下7预览，如图所示8；html5 导航路线效果调用核心代码ltscript type=quottextjavascriptquot 默认地理位置设置为上海市浦东新区var x=12149，y=3171 windowonload = function ifnavigatorgeolocation showPosition documentgetElementByIdquotst。

首先打开SublimeText软件，新建一个html页面，并且在html页面中准备好html结构，如下图所示 接下来我们在html的body结构里添加导航条的内容，如下图所示 然后就需要在style标签中用CSS对导航条的样式进行定义了，如下图所示，书写样式的时候一定要注意写在style标签里面 最后运行html页面，你就会看到如下图；弹性导航通常指的是一种在用户交互时能够产生动态效果的导航栏，这种效果往往通过CSS样式和JavaScript脚本共同实现在你提供的HTML代码中，展示了一个基本的导航栏结构，并通过JavaScript实现了点击导航项时，一个背景图片span元素平滑移动到相应导航项位置的效果，这可以视为一种简单的弹性导航效果下面。

nav li float left width 80px height 30px background # borderD borderright solid 1px # textalign center font 14px arial，#39Microsoft Yahei#39，宋体，sansserif，tahoma fontweight bold line；right 0left 0zindex 1030 这段 CSS 代码的作用是将导航栏定位为固定位置，确保其始终位于页面顶部它会覆盖页面上所有其他元素，除非它们的 zindex 值更高需要注意的是，除了设置 navbarfixedtop 类外，你还需要确保导航栏元素具有适当的 HTML 结构和内容以下是一个简单的；position fixedtop 20pxright 20pxzindex 1000 这行CSS代码中的position fixed是关键，它确保了div不会随页面滚动而移动，始终保持在你指定的位置top和right属性定义了该div与浏览器窗口顶部和右侧的距离，zindex属性则控制了该元素与其他层叠内容的显示顺序，保证导航栏不会被其他层；18首先我们的html里，添加好导航内容28后面的就是网页的具体内容了，这里的代码简单一些38样式里，我们先定义一些菜单里的样式48这时运行页面时，在滚动条滚动下去后，导航是会消失不见的58为了让导航栏固定在顶部，我们可以在导航容器里添加样式positionfixedtop0关键是第一个。