ビデオ: Dreamweaver CS4使い方講座(ドリームウィーバー)テーブルとは【動学.tv】 2024
テーブル を考えるときは、スプレッドシートのようなグリッドを考えてください。テーブル内のセルの色を変更したり、セルを分割(または他のセルと組み合わせる)したり、境界線を適用することができます。 表を表示せずに行と列の形式にコンテンツを配置できるため、表自体が表示されない場合があります。この場合は、単なる書式設定ツールです。表を作成するときに、表に含まれる行数と列数を判断できます。行と列をまたいでユニークな表を作成することもできます。 <! --1 - >
行と列がマージされたテーブル。
テーブルを表示する場所にカーソルを置き、[挿入]パネルの[共通]タブが表示されていることを確認して、[テーブル]ボタンをクリックします。 または、[挿入]→[表]を選択できます。いずれの方法を使用する場合でも、[テーブル]ダイアログボックスが表示されます。-
<! - 2 - >
[テーブル]ダイアログボックスでテーブルの仕様を設定します。
作成するテーブルの属性を入力または選択します。 行: -
行テキストボックスに、テーブルに必要な行数を入力します。行は縦に積み重なり、テーブルの作成後に追加または削除することができます。
-
<! - 3 - > 列:
[列]テキストボックスに、テーブルに必要な列の数を入力します。列は表の横方向に作成され、作成後に追加または削除できます。 -
テーブル幅: テーブル幅テキストボックスに幅測定値を入力し、右側のドロップダウンリストから測定値(ピクセルまたはパーセント)を選択します。テーブル幅は、テーブルのデフォルトサイズを設定します。 100%の場合、表はWebページの100%を占め、ページのサイズ変更時にサイズが変更されます。テーブルが常に同じサイズになるようにピクセル値を入力します。
-
枠の太さ: セルを囲む枠の幅と表の外側の太さを入力します(ピクセル単位)。表の書式設定を表示しない場合は、「Border Thickness」テキストボックスに「0」と入力します。デザインビューでは、引き続き破線の枠線が表示されます。ブラウザまたはライブビューでページを表示すると、真の境界線が表示されます。
-
セルパディング: セル内のすべてのコンテンツの周りにマージンを作成する場合は、[セルパディング]テキストボックスに数値を入力します。
-
セル間隔: セルを押し離したい場合は、セル間隔テキストボックスに数値を入力します。
-
ヘッダー: テーブルに含めるヘッダーのタイプを選択します(ヘッダーを表示しない場合は[なし]を選択します)。
-
ユーザー補助: 表に関連するキャプションを[キャプション]テキストボックスに追加します。 [概要]領域には、テーブルの目的に関する詳細情報を提供するために、いくつかの行のテキストを含めます。
-
OKをクリックします。 テーブルが作成されます。
-
-
テーブルを操作する場合は、Dreamweaverの展開テーブル機能を利用してみてください。 (挿入パネルの[レイアウト]セクションで[展開]ボタンを検索します)拡大ビューでは、セルのパディングとスペースをテーブルに追加し、枠線のサイズを大きくして選択を容易にします。正確なプレビューを行うには、編集が完了した後、標準表示に戻ります([挿入]パネルの[レイアウト]セクションの[標準]ボタンをクリックします)。