1 2 3 4 5 6 7  下一页

　　对于希望在可视化环境中建设比较复杂的网站的专业互联网开发人员而言，Dreamweaver正在日益成为他们的第一选择。据Macromedia称，Dreamweaver的用户超过了70万，在互联网网站创作工具市场上占有最大的份额，超过了Adobe公司的GoLive和NetObjects公司的Fusion等对手。而用Dreamweaver制作的网页的数量就更多了，IDC提供的资料显示，使用Dreamweaver制作的网页数量预计将由1999年的17亿页增加为2004年的超过80亿页。

　　考虑到它的普及率，Dreamweaver 4.0中添加一些新的功能，使专业互联网开发人员设计更快、编码更简单、更容易协作的功能也就不令人惊奇了。在这篇文章中，我将就如何更好地利用其中的一些新功能作一些简单的介绍。

　　网页设计方面的技巧

　　无论是通过新的代码编辑器还是标准的可视化环境中设计网页，这些技巧都会对网站设计带来很大的帮助。

　　1、使网页页面弹性化

　　所谓的“弹性”是指互网页随着用户对浏览器窗口的大小改变而变化，当浏览器窗口变大后不会出现空白，缩小时不会显示不出来滚动条。大多数的简单网页都有“弹性”，但如果网页上有许多栏目和表格时，要使网页具有“弹性”就比较困难了。通常情况下，我们希望使用多种宽度的栏目和GIF图像创建对IE和Netscape Navigator都兼容的网页，Dreamweaver 4.0就可以方便地设计“弹性”的网页。

　　打开网页，通过Objects面板上的按钮(图1)转到布局视图(Layout view)中，就会看到每个栏目的宽度以及每个栏目顶部的一个较小的下拉式箭头，点击想要设定弹显示的栏目上方的小箭头，在下拉菜单中选择“将栏目设为弹性显示”（Make Column Autostretch）(图2)，每次只能自动调整一个栏目的宽。此时，在该栏目顶部显示的就不再是它的宽度，而是一段波浪线(图3)。Dreamweaver还会自动地创建空白的GIF图像，它在栏目的顶部被表示为一个双道线条，空白的GIF图像是让网页具有“弹性”所必需的。（如果是第一次在网站上添加空白的GIF图像，会出现一个对话框，询问你是使用一个已有空白GIF图像、让Dreamweaver创建一个空白GIF图像或者完全不使用空白GIF图像）


图1

图2

图3

1 2 3 4 5 6 7  下一页