【html网站模板】如何让网站模板大小与浏览器配合-ESG跨境

使用Dreamweaver进行网站建设的时候，网站模板的设计会提供两种试图，一种是布局视图，另一种是标准视图。假如你觉得自己能完全控制Dreamweaver的表格，那你就可以在熟悉的标准视图下开展工作了。假如你喜欢FrontPage的画表格功能，那在布局视图中，你可以轻轻松松的做到这一点，而且在布局视图中，你还可以让页面某一部分固定，而另外一部分自动伸缩，这样不管浏览器的窗口有多大，都可以让网页自动适应窗口，而不发生变形。

如果你在网站建设时也使用过Firework，那你肯定知道firework都可以生成html文件，只是它总会生成一个像素的gif图像，这图像可以填充表格的空白区域，让表格不会发生变形。而现在Dreamweaver也有了这个功能，它会自动生成一个spacer的gif图像，填充表格，让表格不会发生自动伸缩的现象。

要实现这两个功能，在Dreamweaver中是非常简单的，首先建设一个网站，然后使用表格工具画一个1*3的表格，宽度可以不用设置。然后点击对象面板底下的布局视图按钮，这时会弹出一个对话框，点击确定按钮，切换到布局视图。

这时表格的左上方会出现绿色的layout table标签，这代表着表格，标签上有三个空白的地方，并且每一处都有一个小三角和标明了宽度，将表格中你想设置自动伸缩的一列设置为100%适应浏览器宽度，自此就大功告成了。

特别声明：以上文章内容仅代表作者本人观点，不代表ESG跨境电商观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与ESG跨境电商联系。