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

2021-01-20

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

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

Firework设计网站

Dreamweaver建设网站

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

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