Dreamweaverでテーブルを作成する方法 - ダミー

ビデオ: 表（テーブル）を作る（Dreamweaver） 2024

表を挿入するには、Dreamweaverのレイアウト挿入パネルで[表]アイコンをクリックするか、または[挿入]パネルを使用して表を挿入できます。設定を完成させることを心配せずに、これらのオプションをすべて後で変更します（アクセシビリティ設定は例外ですが、コードビューでのみ編集可能です）。

Dreamweaverで表を作成するには：

<！ - 1 - >

挿入→表を選択するか、共通またはレイアウト挿入パネルの表アイコンをクリックします。テーブルダイアログボックスが表示されます。

テーブルの行数と列数をそれぞれ指定します。
テーブル幅フィールドにテーブルの幅を入力し、ドロップダウンリストからパーセントまたはピクセルを選択します。
<！ - 2 - >
ピクセルを選択すると、テーブルは固定サイズで作成されます。％を選択すると、テーブルはブラウザウィンドウのサイズに基づいてサイズが拡大または縮小されます。たとえば、表を作成してサイズを80％に設定すると、表はブラウザのウィンドウ領域の80％を占めます。
「Border Thickness」フィールドで、表の境界線の太さをピクセル単位で指定します。
<！ - 3 - >
このフィールドに0を入力すると、境界線が表示されていないテーブルを作成できます。
「セルのパディング」と「セルの間隔」フィールドに、それぞれ表のセルのパディングとセルの間隔のピクセル数を入力します。
パディングとスペーシングフィールドを空白のままにすると、余分なパディングやスペーシングがないテーブルを作成できます。また、間隔を指定するCSSスタイルを作成することもできます。

テーブルに挿入するヘッダーの位置を表すアイコンをクリックして、ヘッダーオプションを選択します。
（オプション）[アクセシビリティ]フィールドに、キャプションと概要を追加します。
これらのフィールドは、聴覚障害者、およびウェブページを朗読するスクリーンリーダーまたは他のウェブブラウザを使用してウェブをサーフィンしている他の人々にとって有用な追加情報を提供する。

OKをクリックします。
テーブルがDreamweaverのページに追加され、[テーブル]ダイアログボックスが閉じます。

表にテキストを追加するには、をクリックして任意の表のセルにカーソルを置き、そのセルに必要なデータを入力します。各セルについて繰り返します。
または、編集→形式を選択して貼り付けを使用して、Excelなどの別のプログラムから列データを挿入することもできます。

画像をセルに挿入するには、クリックして任意の表のセルにカーソルを置き、挿入→画像→画像を選択します。各セルについて繰り返します。
あるいは、共通インサートパネルの画像アイコンを使用することもできます。

プロパティインスペクタからオプションを選択して、選択したセルとその内容に太字や斜体などの書式設定オプションを適用します。
テーブルを作成した後、プロパティインスペクタで[アクセシビリティ]オプションを除くすべてのテーブルオプションを編集できます。 Dreamweaverのワークスペースでテーブルまたはセルをクリックして選択すると、その属性は作業領域の下部にあるプロパティインスペクタに表示されます。