Dreamweaver 4 の簡潔なチュートリアル (7. Web ページのレイアウト 4)

著者：Eve Cole 更新時間：2009-05-30 18:35:45

7. Webページのレイアウト

新しい組版機能

レイヤーとテーブルを一括で交換する機能について触れたのは、DW4 では、ページのレイアウトをより直接的かつ便利に配置できる新しいレイアウト機能が登場したからです。オブジェクトパネルの下部には 4 つのボタンがあります。

標準ビュー: デフォルト状態のビュー。

レイアウトビュー：今回紹介する機能であるレイアウトビューに切り替えます。

プレス

ボタンを押すと、上記のレイアウトの 2 つのボタンが使用できるようになります。

テーブルレイアウト (LayOut Table): ページ上にテーブルを図面のようにレイアウトします。

セルのレイアウト (LayOut Cell): テーブル内にセルを描画します。
ここで、上記のツールを使用して新しいページをレイアウトしてみます。新しいページを作成し、

レイアウトビューに入り、をクリックします。

ページ上に表を描画し、クリックします。

、テーブル内にセルを描画します。以下に示すように、テーブルは緑色のボックスで表され、セルは青色で表され、未決定のセルは灰色で表されます。

ここで、各テーブルとセルのサイズを自由に調整できます。最後に、クリックして標準ビューに戻ると、先ほど描いた「レイアウトテーブル」がテーブルに変換されていることがわかります。以下に示すように:

さらに、レイアウトビューのテーブルには、テーブルの幅を示す数字が表示されます。数字をクリックすると、次のメニューが表示されます。

列を自動伸縮にする:列は自動的に伸縮します。これは、表の幅を画面比率に応じて自動的に調整できることを意味します。これは、表の幅をパーセンテージで定義するのと同じです。

スペーサー画像の追加/スペーサー画像の削除:透明な画像を追加/削除します。透明なイメージの機能は、テーブルの幅をサポートすることです。

セルの高さをクリア:セルの高さをクリアします。

以下は、goEway.com がページレイアウトに Layout 機能を使用する方法です。標準ビューと比較して、より直感的です。