1首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容2此时对应效果如图3接下来准备相关的导航按钮图片可以事先利用PS制作好4然后将以下CSS代码加入到ltheadlthead之间5网页此时的效果。
如果你不会编程，可以到很多js源码站，下载复制导航栏的源代码，粘贴到网页上使用也有不少网页导航栏制作软件，可以方便地做出需要的菜单，同样可以复制到网页上使用。
这个只是一个图标字体，一般要结合js点击或者经过触发事件代码ltheadltmeta charset=#39utf8#39 lttitleHTML调试lttitleltscript type=quottextjavascriptquot src=quotjsjquery180minjsquotltscriptltscript src=#39。
2olli有序列表在网页中显示的默认样式一般为每项 li 前都自带一个序号，序号默认从1开始其实导航栏就是给列表标签设置CSS样式 第一步 在HTML上的文件里加上ulli 标签，在对应的CSS文件中使用下边语句去掉。
一般WEB开发把页面分成3个模块headertpl contenttpl footertplhead和footer一般都是固定不变的，唯一变化的部分是content你说的菜单应该是header部分的导航部分例如主页的代码可以这样写lthtml ltheadlthead lt。
lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleTitlelttitle lthead ltbody ltspan width=quot722quot style=quotbackgroundcolor redquotlt！#begineditable contype=quotquot name=quot网站导航quot action=quotquot。
lta href=quot小菜单页面quot target=quotleftquot大菜单lta lta href=quot文本页面quot target=quotrightquot小菜单lta 要用这样的方式打开新的页面，关键点在target这个值上面，表示你在哪个frame里打开新页面。
ltul 但是也能用div+css模拟这样的一个导航可以交给专门的美工人员做，不是很难的有很多学生组织和社会组织的集体都能做 你要是给我背景图片的素材我都能做如果你是想学的话，那么建议从html+css学起。
你的导航是浮动不随网页上下滚动条移动可以使用div positionfixed left0 top0 width100px height100% 如果是跟随内容改动，你的内容区分左右两块，左边写你的导航就可以了。
