フリー・レイアウト・モード

フリー・レイアウト・モード (「ページ (Page)」 > 「レイアウト・モード (Layout Mode)」 > 「フリー・レイアウト (Free Layout)」) を使用すれば、フリー・レイアウト・テーブルとセルを使用して、Web ページ上にアイテムを簡単に配置できます。

ページ上のどの位置にどのアイテムを表示するかを指定できます。 例えば、ページ上の画像をフリー・レイアウト・テーブルのどの場所に配置しても、画像を正確に制御して配置することでができます。 また、パレットからテーブルのセルにコンポーネントをドラッグ・アンド・ドロップすることもできます。

フリー・レイアウト・モードではテキストとイメージを絶対座標に配置します。 実際のフリー・レイアウト・テーブルとセルは、通常はブラウザーでは 非表示になることに注意してください。

フリー・レイアウト・モードには、以下の機能があります。

オブジェクトをフリー・レイアウト・テーブルに追加する

オブジェクトをフリー・レイアウト・テーブルの空きエリアに追加する場合 (たとえば、フォーム・コントロールなど)、オブジェクトはそのロケーションに追加されます。 テキスト・セルは自動的に作成され、オブジェクトはテキスト・セルに配置されます。 以下の方法でオブジェクトを追加することができます。
  • オブジェクトを挿入メニューから選択する
  • パレットからテーブルの空きエリアにドラッグ・アンド・ドロップする
  • パレット内でオブジェクトをクリックして、それからテーブルの空きエリアをクリックする
ユーザーはフリー・レイアウト・モードの時だけ、オブジェクトをフリー・レイアウト・テーブルに追加できます。 ユーザーがオブジェクトを既存のフリー・レイアウト・テーブルの外側に追加すると、テーブルは自動的に拡張されます。

オブジェクトをフリー・レイアウト・テーブル内で編集する

以下の方法でオブジェクトをフリー・レイアウト・テーブル内で編集することができます。
  • テキスト・レイアウト・セルを編集するには、セルを一度クリックするか、またはセル境界線をクリックしてする。 それからプロパティー・ビュー内のプロパティーを編集する。
  • セルに対して 2 回目のクリックをして、セル内のテキストまたはオブジェクトを編集します。 セル内の変更したいオブジェクトを選択して、プロパティー・ビューでプロパティーを編集します。
  • セルを選択してドラッグ・アンド・ドロップにより既存のセルを移動する。
  • セルを 2 回クリックしてオブジェクトを移動する。 オブジェクトが選択されていることを確認してそれをドラッグ・アンド・ドロップする。 それだけがセル内にあるオブジェクトの場合は、セル全体を移動する。 セル内に複数のオブジェクトがある場合は、オブジェクトのみを移動する。
  • テキスト・セルを一度クリックしてサイズ変更を行い、それから境界線を移動する。

ユーザーは、設計時点で設定される、格子線の追加、スナップ先設定の設定などを変更することができます。 「ウィンドウ」 > 「設定」 > 「Web ツール > 「Page Design」 > 「レイアウト 」 を選択します。

関連概念
ページ編集モード
関連タスク
Web ページを作成および編集する
HTML または XHTML ファイルを作成する
Web ページをレイアウトする
フリー・レイアウト・モードでページを作成する
Web ページ内の表を作成し削除する
Web ページの表の列と行の操作
テーブルを使用してページ・テンプレートをレイアウトする
ご利用条件 | フィードバック
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved. (C) Copyright IBM Japan 2005