网页中经常能看到动态导航,想要使用dw设计一个动态导航,该怎么设计呢?下面我们就来看看详细的教程。
- 软件名称:
- Adobe Dreamweaver CC 2017 v17.0 中文版(附安装教程) 64位
- 软件大小:
- 758MB
- 更新时间:
- 2016-11-05立即下载
![Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程](/UploadFiles/2021-03-30/2018021009295532.png)
1、制作导航栏,创建一个AP图层,设置好图层的背景颜色。
![Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程](/UploadFiles/2021-03-30/2018021009295633.png)
2、在AP图层内,新建一个一行四列的表格,输入文本,输入高值,居中对齐。再设置图层的高与表格一样。
![Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程](/UploadFiles/2021-03-30/2018021009295634.png)
![Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程](/UploadFiles/2021-03-30/2018021009295635.png)
![Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程](/UploadFiles/2021-03-30/2018021009295636.png)
3、在每个菜单下面,创建一个图层,比如新闻下面,并在图层下面插入一个一列三行的表格。
![Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程](/UploadFiles/2021-03-30/2018021009295737.png)
![Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程](/UploadFiles/2021-03-30/2018021009295738.png)
4、设置新闻下的AP层为隐藏,点击预览就看不到这个图层。
![Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程](/UploadFiles/2021-03-30/2018021009295739.png)
上一页12 下一页 阅读全文