在网页中制作仿真窗口效果

　　


                  如图1 的网页，那不是一个个Windows 窗口吗？其实，做这样的仿真窗口并不难，不用任何的特殊软件和代码，整个窗口就是用表格组成的。现在就把完整方法告诉大家，此文以DreamWeaver3 为例介绍。

我们明显看出这个仿真窗口分标题栏、内容区、状态栏三部分，所以我们在Insert 菜单里选择Table，建立一个三行一列的表格，边框宽度（Border）为1（如图2）。然后选中这个表格，在属性栏里，设置这个表格的亮边(lightBrdr)为白色，暗边(Dark Brdr)为深灰色，背景色(bg)设成浅灰色（如图3）。

表格的边框设置好后，就要设置每个栏的颜色了。先把光标放到表格中的第一行，设置第一行的背景色为深蓝色，再选择第二行设置背景色为白色。这时这个仿真窗口已经有点模样了。接下来我们给窗口加上文字，为了使窗口更逼真，我们在第一行上，要把文字色改为白色，2 号字，最好再加上最大化、最小化和关闭这三个按钮，我们可以用一些抓图软件直接把真正窗口的这三个按钮抓下来，保存成图片后插入到表格里就可以了。

可是问题出来了，怎么使文字左对齐而图片右对齐？这个问题困扰了我很久，最后还是用一个表格搞定了。方法是在第一行里，再插入一个一行二列的表格，把表格边框和间距都设为0，然后把文字写在第一列中，把图插到第二列里，调整一下这个表格的单位格大小就可以了。这样一个仿真窗口就建立好了，你想要给这个窗口里加什么内容就随你便了。