1、首先打开软件，新建一个空白网页文档。然后，插入-AP DIV。选中后，然后调整大小，你可以自己调整，用鼠标选中，然后拉一下即可，或者用下方的属性面板进行设置。依次设置三个。
2、按住SHIFT，依次选择三-四个布局框，然后“修改”-“排列顺序”-“设为高度相同”，同样的方法设置为宽度相同。然后我们插入图像，并将其设为和DIV框相同的大小尺寸。
3、在设置两个APDIV，要小一些，然后设置背景颜色。输入文字，下方属性栏CSS那里可以更改大小，HTML那里可以添加一个空链接，空链接的好处是鼠标点击的时候，可以好看一些。
4、然后，简单介绍一下AP元素和行为，如果没有这两个标签，可以在窗口那里调出来。AP元素的左面，是一个眼睛的符号，可以控制隐藏或显示，中间是层的名称，可以更改，右面是z轴，代表先后顺序，数字大的代表最上面，反之，代表最下面。
5、选中显示的那个APDIV层，“编辑标签”这里，有一个“行为”，点击中间的“+”后，会出现“显示隐藏”。图三框起来的，代表触发的条件，我们选择“onclick”点击。同样的步骤，选择“隐藏”层，设置隐藏。
6、预览，实时视图或者保存后查看都可以。显示，就是有这个图层，点击隐藏后，效果如图。
