Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程

(编辑:jimmy 日期: 2025/1/16 浏览:2)

网页中经常能看到动态导航,想要使用dw设计一个动态导航,该怎么设计呢?下面我们就来看看详细的教程。

软件名称:
Adobe Dreamweaver CC 2017 v17.0 中文版(附安装教程) 64位
软件大小:
758MB
更新时间:
2016-11-05立即下载

Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程

1、制作导航栏,创建一个AP图层,设置好图层的背景颜色。

Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程

2、在AP图层内,新建一个一行四列的表格,输入文本,输入高值,居中对齐。再设置图层的高与表格一样。

Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程

Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程

Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程

3、在每个菜单下面,创建一个图层,比如新闻下面,并在图层下面插入一个一列三行的表格

Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程

Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程

4、设置新闻下的AP层为隐藏,点击预览就看不到这个图层。

Dreamweaver怎么制作动态导航? dw网页添加动态导航的教程

上一页12 下一页 阅读全文

一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。