dw设计制作网页导航（如何用DW制作导航条）
本文目录
如何用DW制作导航条
兄弟,你要做网页,代码肯定是要学的 不懂可以私
相信我,慢慢来不难的,我帮你写好了,你只需要修改自己喜欢的样式即可
并且所有要修改样式的地方我都帮你备注好了
您只需要把 这堆东西放入《head》《/head》两个标签之间的中间
《style》
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: BLACK; /*导航栏背景颜色*/
}
li {
float: left; /*在导航栏内对齐方式*/
}
li a {
display: block;
color: white; /*字体颜色*/
text-align: center; /*字居中*/
padding: 14px 14px; /*框大小*/
text-decoration: none; /*把《a》标签自带的下划线去掉*/
}
li a:hover {
background-color: #228B22; /*鼠标经过框框时的背景颜色*/
font-size: 25px; /*鼠标经过时字体大小*/
}
《/style》
在把 这堆放在《body》《/body》之间
《ul》
《li》《a class="active" href="#home"》主页《/a》《/li》
《li》《a href="#news"》新闻《/a》《/li》
《li》《a href="#contact"》联系《/a》《/li》
《li》《a href="#about"》关于《/a》《/li》
《/ul》
示例页面HTML
《!DOCTYPE html》
《html》
《head》
《meta charset="utf-8"》
《title》导航栏《/title》
《style》
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: BLACK; /*导航栏背景颜色*/
}
li {
float: left; /*在导航栏内对齐方式*/
}
li a {
display: block;
color: white; /*字体颜色*/
text-align: center; /*字居中*/
padding: 14px 14px; /*框大小*/
text-decoration: none; /*把《a》标签自带的下划线去掉*/
}
li a:hover {
background-color: #228B22; /*鼠标经过框框时的背景颜色*/
font-size: 25px; /*鼠标经过时字体大小*/
}
《/style》
《/head》
《body》
《ul》
《li》《a class="active" href="#home"》主页《/a》《/li》
《li》《a href="#news"》新闻《/a》《/li》
《li》《a href="#contact"》联系《/a》《/li》
《li》《a href="#about"》关于《/a》《/li》
《/ul》
《/body》
《/html》
用DW做网页的时候应当怎么制作这种顶部导航
顶部导航的代码还是很简单的，但是要直接给你敲代码也不大可能。自己可以在网上搜索，网上也有很多的实例的。
怎样在DW制作网页中用到下图的导航
导航图标可自己制作或者网上下载，有的版本自带有动画导航图标，如DW-CS3里就有。至于文字链接变色、点击等效果就在链接设置里，特殊的鼠标效果需要去下载代码插入到文件里。超链接就是选中导航条图片在下面的属性里输入地址即可。
dreamweaver做导航条
1.点击Dreamweaver，双击打开。
2.选择文件-打开（快捷键Ctrl+O），打开网页文本。
3.把鼠标光标放在需要插入导航条的地方，选择插入记录-图像对象-导航条命令。
4.此时会弹出插入导航条的对话框。
5.点击“状态图像”后面的浏览，在弹出的对话框中选择需要的图片。
6.同上步一样，插入鼠标经过图像和按下图像。
7.点击确定后出现下面效果。
8.保存文档，按F12使用浏览器浏览效果。
如何使用Dreamweaver做一个网页的导航栏
如果你不会编程，可以到很多js源码站，下载、复制导航栏的源代码，粘贴到网页上使用。
也有不少网页导航栏制作软件，可以方便地做出需要的菜单，同样可以复制到网页上使用。
本文相关文章：
2026年9月23日 01:30
h5在线制作手机端网页（如何制作带有翻页效果的免费手机h5页面）
2026年9月22日 07:10
2026年9月7日 16:10
2026年9月3日 13:40
ppt内容素材大全（请问制作一般的ppt（幻灯片）需要哪些素材）
2026年8月21日 22:40
2026年8月12日 13:30
滁州网站建设设计（滁州网站制作哪家网络公司最专业最正规价格最优惠）
2026年8月5日 08:20
2026年7月27日 18:30
网页设计与制作知识点（网页设计与网站制作这门课程第七章CSS定位的知识点有哪些）
2026年7月19日 19:20
2026年7月18日 09:40
更多文章：
不需要备案的服务器（请问下Yunlayer云服务器不备案能用吗）
2026年10月15日 09:40
2026年10月15日 04:50
2026年10月15日 04:40
2026年10月15日 03:40
2026年10月15日 02:30
2026年10月15日 01:40
2026年10月15日 01:30
2026年10月15日 01:20
2026年10月14日 23:40
2026年10月14日 22:20
