QQRead:http://www.qqread.com/dreamweaver/w922359010.html 去过Microsoft的网站吗？(如图一)如果去过的话，那么你应该对这个站上面那条折叠式菜单的导航栏感到赞叹吧？（“嘿嘿，还是老盖强。”“啊，鸡蛋怎么会飞呀？！”）你想过你也能够做出这样的效果吗？来吧，不用羡慕了，心动不如行动！
折叠式菜单实际上是通过层的显示和隐藏，来达到这种效果的。现在就让我来说说如何制作吧。Follow Me!先打开DreamWeaver（DreamWeaver对层的支持很好的，也是做网页的必备工具）。
第一步：先插入一个一行、两列的表格，方法：单击菜单上的“插入”（Insert），再选取“表格”(Table)，在“行”（Row）中输入1，在列（Columns）中输入2，在单击“确定”。（如图二）为了美观，在表格的属性栏中，把宽和高分别设为200px和30px，并且把表格的边框颜色全部设为#FFFFFF，然后分别点选两个单元格，在属性栏中将其边框颜色设为#6699FF。在两个单元格内分别输入“资料教程”和“相关软件”。并在单元格属性栏中设为中间对齐（顺便说一句：在DreamWeaver中不但可以设定表格水平对齐方式，而且可以设定垂直位置对齐方式，在FrontPage就只能自己去写代码了，这也是我放弃FrontPage使用DreamWeaver的原因之一！）
第二步，在“资料教程”单元格内插入一个层。方法：单击菜单上的“插入”(Insert),再选取“层”(Layer)。这时，在单元格中便会出现一个层。这时我们并不满意层的位置，所以就来移动它。层的移动是非常容易的，选取层，然后按键盘上的箭头键就可以移动了，而且不受任何限制，呵呵，简单吧。同样，我们为了美观也可以在层的属性栏中设定它的大小，把宽和高分别设为100px和90px。
第三步：在层中插入一个三行、一列的表格，方法同第一步。并把宽和高分别设为100px和90px,以填满这个层。再把边框颜色做如第一步的设置。在三个单元格中输入“DreamWeaver”、“FrontPage”和“HotDog”。并在属性栏中设为中间对齐。
进入讨论组讨论。
折叠式菜单实际上是通过层的显示和隐藏，来达到这种效果的。现在就让我来说说如何制作吧。Follow Me!先打开DreamWeaver（DreamWeaver对层的支持很好的，也是做网页的必备工具）。
第一步：先插入一个一行、两列的表格，方法：单击菜单上的“插入”（Insert），再选取“表格”(Table)，在“行”（Row）中输入1，在列（Columns）中输入2，在单击“确定”。（如图二）为了美观，在表格的属性栏中，把宽和高分别设为200px和30px，并且把表格的边框颜色全部设为#FFFFFF，然后分别点选两个单元格，在属性栏中将其边框颜色设为#6699FF。在两个单元格内分别输入“资料教程”和“相关软件”。并在单元格属性栏中设为中间对齐（顺便说一句：在DreamWeaver中不但可以设定表格水平对齐方式，而且可以设定垂直位置对齐方式，在FrontPage就只能自己去写代码了，这也是我放弃FrontPage使用DreamWeaver的原因之一！）
第二步，在“资料教程”单元格内插入一个层。方法：单击菜单上的“插入”(Insert),再选取“层”(Layer)。这时，在单元格中便会出现一个层。这时我们并不满意层的位置，所以就来移动它。层的移动是非常容易的，选取层，然后按键盘上的箭头键就可以移动了，而且不受任何限制，呵呵，简单吧。同样，我们为了美观也可以在层的属性栏中设定它的大小，把宽和高分别设为100px和90px。
第三步：在层中插入一个三行、一列的表格，方法同第一步。并把宽和高分别设为100px和90px,以填满这个层。再把边框颜色做如第一步的设置。在三个单元格中输入“DreamWeaver”、“FrontPage”和“HotDog”。并在属性栏中设为中间对齐。
进入讨论组讨论。
相关图文阅读
频道图文推荐
健 康 咨 询
时 尚 咨 询
相关专题
- DWMX+ACCESS制作企业新闻系统 (0次浏览)
- DW8代码工具栏试用 (0次浏览)
- DW MX 中表单数据的传递 (0次浏览)
- DW MX 设计360度全景滚动效果图 (0次浏览)
- DW MX 的快键一览表 (0次浏览)
- Dreamweaver MX中移动层的使用 (0次浏览)
- Dreamweaver MX制作文字特效 (0次浏览)
- Dreamweaver MX 也要 VSS (0次浏览)
- 制作网页的十大诀窍! (0次浏览)
- Web标准真的是标准吗? (0次浏览)
