去过Microsoft的网站吗？(如图一)如果去过的话，那么你应该对这个站上面那条折叠式菜单的导航栏感到赞叹吧？（“嘿嘿，还是老盖强。”“啊，鸡蛋怎么会飞呀？！”）你想过你也能够做出这样的效果吗？来吧，不用羡慕了，心动不如行动！ 　　折叠式菜单实际上是通过层的显示和隐藏，来达到这种效果的。现在就让我来说说如何制作吧。FollowMe!先打开DreamWeaver（DreamWeaver对层的支持很好的，也是做网页的必备工具）。

　　第一步：先插入一个一行、两列的表格，方法：单击菜单上的“插入”（Insert），再选取“表格”(Table)，在“行”（Row）中输入1，在列（Columns）中输入2，在单击“确定”。（如图二）为了美观，在表格的属性栏中，把宽和高分别设为200px和30px，并且把表格的边框颜色全部设为#FFFFFF，然后分别点选两个单元格，在属性栏中将其边框颜色设为#6699FF。在两个单元格内分别输入“资料教程”和“相关软件”。并在单元格属性栏中设为中间对齐（顺便说一句：在DreamWeaver中不但可以设定表格水平对齐方式，而且可以设定垂直位置对齐方式，在FrontPage就只能自己去写代码了，这也是我放弃FrontPage使用DreamWeaver的原因之一！） 　　第二步，在“资料教程”单元格内插入一个层。方法：单击菜单上的“插入”(Insert),再选取“层”(Layer)。这时，在单元格中便会出现一个层。这时我们并不满意层的位置，所以就来移动它。层的移动是非常容易的，选取层，然后按键盘上的箭头键就可以移动了，而且不受任何限制，呵呵，简单吧。同样，我们为了美观也可以在层的属性栏中设定它的大小，把宽和高分别设为100px和90px。

[1] [2] 下一页