如何建立一个弹性的网页使用Dreamweaver

张贴于2009年4月21日在上午05点05

不同液体的Web内容,自动调整到访问者的浏览器宽度,弹性布局调整根据浏览器的文字大小设置。相对文字大小,弹性布局保留它的形式,即使你调整您浏览器窗口中。这是一个好的布局选择网页内容,你不想自动调整根据浏览器宽度。

抽样弹性网页默认的字体大小是正常如下:

形象

液体设计另一方面将产生压缩版面如果您缩短宽度的浏览器:

形象

弹性布局另一方面将保留其布局无论宽度或高度的浏览器。

形象

现在,你看看它的外观和行为,我将告诉您如何建立这个使用Adobe Dreamweaver中。

Dreamweaver中是我最喜爱的网页编辑工具,它也允许用户定义的模板快速创建的HTML框架和布局。为了使弹性页在Dreamweaver刚刚创造了新的一页,然后单击空白模板“的HTML模板:

形象

选择任何的布局与弹性标签。预览会出现在右上角。点击创建按钮创建页面:

形象

所创建的网页会出现在Dreamweaver的编辑:

形象

我喜欢它如何创建网页样本文本数据装上它。此例设计的可视化开发过程中的网页。它表明如何一次头球将看起来像,以及如何将本段的内容看一旦你把一些真实内容英寸

本Carigtan告诉您如何做。

享有这个职位? 订阅在线科技提示通过 RSS馈送 或通过 电邮 并获得免费的每日生产力提示。

»文章属于 网站提示

添加到美味 保存该网页 Mixx它 搅拌它的Mixx
Reddit 添加到Reddit StumbleUpon公司 绊倒此页

有关职位

一种反应以“如何建立一个弹性的网页使用Dreamweaver ”

  1. 皇牌说:

    最好如果您发现该示例代码所产生的网页,那么我们只需明白,它使用了一些基本的CSS的东西,我们可以利用使用任何HTML编辑器。 谢谢反正


    请张贴您的意见/建议!

    必填