Dreamweaver cs6中AP div的使用方法

 时间:2024-09-20 18:34:10

Dreamweavercs6是进行网页制箧咦切诏作的主要软件,随着软件的更新,Dreamweavercs6软件的功能越来越多,惮我鸷截能实现的效果也越来越多,越来越绚丽,其中APdiv的使用必不可少,正确的使用它,可以实现很多效果,下面我就来介绍一下如何使用APdiv这一功能。

工具/原料

Dreamweavercs6软件

一台电脑

方法/步骤

1、首先,先建立一个站点,建立完站点之后就可以新建网页了,这样可以方便你保存网页,并快速找到你制作的网页,同时还能实现站点内网页的链接。

Dreamweaver cs6中AP div的使用方法

Dreamweaver cs6中AP div的使用方法

2、建立完网页之后,在设置功能区中,选择插入Apdiv这缬方焱蜱一功能,这样你就会发现网页中出现了一个方框,这个方框就是你刚插入的Apdiv。

Dreamweaver cs6中AP div的使用方法

3、插入Apdiv之后,它并没有绚丽多彩擢爻充种的效果,此时,你可以点击插入的Apdiv在下方页面为Apdiv添加不同的颜色,或者在里面插入一张图片。

Dreamweaver cs6中AP div的使用方法

Dreamweaver cs6中AP div的使用方法

4、看到这里,相信你并没有看出Apdiv有多厉害,其实它还有许多用处,首先在页面中先插入一个表格,这个表格根据你的需求进行修改。

Dreamweaver cs6中AP div的使用方法

5、在已插入的表格中添加文字,在设置一个Apdiv然后在里面插入图像,将你所插入Apdiv点击AP元素,然后设置为隐藏起来。

Dreamweaver cs6中AP div的使用方法

6、然后为不同的文字设立不同的效果,点击标签选择器点击行为按钮,为文字设置效果,当鼠标经过时就会显示你想显示的Apdiv.

Dreamweaver cs6中AP div的使用方法

7、最后,保存一下,下面让我们来看一下效果图。

Dreamweaver cs6中AP div的使用方法

dw图片滚动效果怎么做 Dreamweaver如何插入普通视频 dw怎么添加搜索框 dw怎么做图片自动轮播 如何在DW中插入音乐
热门搜索
中秋赏月图片 灵芝图片 邪恶小漫画 火车软卧图片 宋雨琦图片