如何建立一個彈性的網頁使用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編輯器。 謝謝反正


    請張貼您的意見/建議!

    必填