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

发布时间:2024-05-16 点击:72
使用dreamweaver进行网站建设的时候,网站模板的设计会提供两种试图,一种是布局视图,另一种是标准视图。假如你觉得自己能完全控制dreamweaver的表格,那你就可以在熟悉的标准视图下开展工作了。假如你喜欢frontpage的画表格功能,那在布局视图中,你可以轻轻松松的做到这一点,而且在布局视图中,你还可以让页面某一部分固定,而另外一部分自动伸缩,这样不管浏览器的窗口有多大,都可以让网页自动适应窗口,而不发生变形。
如果你在网站建设时也使用过firework,那你肯定知道firework都可以生成html文件,只是它总会生成一个像素的gif图像,这图像可以填充表格的空白区域,让表格不会发生变形。而现在dreamweaver也有了这个功能,它会自动生成一个spacer的gif图像,填充表格,让表格不会发生自动伸缩的现象。
要实现这两个功能,在dreamweaver中是非常简单的,首先建设一个网站,然后使用表格工具画一个1*3的表格,宽度可以不用设置。然后点击对象面板底下的布局视图按钮,这时会弹出一个对话框,点击确定按钮,切换到布局视图。
这时表格的左上方会出现绿色的layout table标签,这代表着表格,标签上有三个空白的地方,并且每一处都有一个小三角和标明了宽度,将表格中你想设置自动伸缩的一列设置为100%适应浏览器宽度,自此就大功告成了。


单页网站的优化技巧
建网站把握这3点,可有效提高用户认可度
网站制作方案有哪些是需要了解的呢,你知道吗?
网站产品排名不到首页的四种改善措施
建网站需要了解很多知识?教你一个速成方法!
个人网站设计制作如何突出个性又时尚,该怎么做?
怎么做好网站布局的设计呢
如何写出让用户喜爱的文章?(提高点击率和阅读量的小技巧)