电视有个画中画功能，当我们的网页的内容较多且比较分散时，我们可以把它分分类，再用下面介绍的方法做一个或几个内嵌式窗口（也就是所谓的“页中页”），把同类的内容放在一个窗口中，这样整个页面看起来将简炼的多。关于页中页的制作，我在“巧用Dreamweaver 3的表格功能”一文中曾介绍过用“Iframe”的制作方法，用“Iframe”制作页中页需另做一个网页且需修改源代码，比较麻烦。这里介绍一种用Dreamweaver3的图层来做，只要点点鼠标就行了，真是方便。你看下图那个灰色框就是一个“页中页”，它里面的内容可以用滚动条查看。下面介绍制作步骤：
页中页效果图
1、把鼠标移到需插入内嵌式窗口的地方点一下，再点击“Insert”菜单选择“Layer”插入一个图层，重复操作一次，再插入一个图层，这样插入的图层的特点是：第一次插入的图层是“父层”，第二次插入的图层是“子层”，而且都是使用相对坐标定位，图层在与表格混合排版时定位不准，其原因是它使用了绝对坐标定位。用对象面板插入的图层都是用绝对坐标定位的，而用“Insert”菜单插入的图层是在没拖动时是使用相对坐标，一旦用鼠标拖动就改为绝对坐标了，而“子层”永远用相对坐标（相对“父层”）。为了减少误拖动“父层”，从而给定位带来麻烦，我们把“父层”的“Width”和“height”均设置为“1”。把“子层”拖到合适的位置，浏览时就在这个位置显示“页中页”。设置好参数的图层属性面板如下图所示：
2、在“子层”的图层属性面板上设置好“width”和“Height”，图层的“width”和“Height”也就是内嵌式窗口的“width”和“Height”，把“Overflow”选择为“Auto”，就是最为主要的一步，否则在窗口中就没有滚动条了；
3、在“子层”上面写上“页中页”的内容，由于图层支持所有网页制作技术，因此你可以大胆地在“页中页”上发挥你的创意。随着“页中页”上内容的增加，图层越拉越长，这没关系，在浏览时还是按你定义的窗口大小显示；
到此，页中页就做好了，按F12看下效果吧！在“页中页”制作过程中，由于图层是叠加在页面上的，可能影响你编辑网页的其它内容，这时你可以在图层的属性面板上把“Vis”选择“hidden”（隐藏图层），这样图层就看不见了，当然也就不会影响你编辑其它内容了，但在网页全部制作完后，不要忘记把“Vis”改回来，否则，它在浏览时也看不见了，那岂不是白做！图层隐藏后你知道怎样再把它找出来吗？用图层面板呀！按F11，图层面板就出来了，那上面有当前网页的所有图层，更有意思的是，隐藏图层前面有一只眼睛，但是闭着的，你用鼠标点一下，眼睛睁开了，图层也就取消了隐藏属性；再点一下，眼睛图标没有了，这时图层的显示属性取默认值；再点一下，又是一个闭着眼睛的图标出现了，图层又被隐藏了。所以不在图层属性面板上而是在图层面板上也可以隐藏图层。
(编辑：梅立) |
设为首页 
