Adobe Dreamweaver CS6で表を操作する方法 - Adobeの表を考えるときのダミー

ビデオ: Adobe Dreamweaver CC使い方講座 2015対応版中巻第2章　要素のグループ化【アテイン株式会社】 2024

Adobe Dreamweaver CS6 のテーブルを考えると、は複数のセルを含むグリッドスプレッドシートのように。テーブルはHTMLページで使用されるため、一連の行と列の特定のセル内に要素とデータを格納して配置することができます。

表のセルの色を変更したり、セルを分割（または他のセルと組み合わせる）したり、境界線を適用することができます。 <！ - 1 - > テーブルを作成するときに、テーブルに含まれる行数と列数を決定し、必要に応じて行や列の固定幅やスケーラブル幅を設定することができます。

行と列をマージして一意の表を作成することもできます。

Dreamweaverでテーブルを作成するには、次の手順を実行します。テーブルを表示する位置にカーソルを置き、[挿入]パネルの[共通]タブが表示されていることを確認してから[テーブル]ボタンをクリックします。

- >

または、[挿入]→[表]を選択できます。いずれの方法を使用する場合でも、[テーブル]ダイアログボックスが表示されます。

作成するテーブルの属性を入力または選択します。
行：
行テキストボックスに、テーブルに必要な行数を入力します。行は縦に積み重なり、テーブルの作成後に追加または削除することができます。
<！ - 3 - >
- 列： [列]テキストボックスに、テーブルに必要な列の数を入力します。列は表を横切って水平に作成され、作成後に追加または削除できます。
  テーブル幅：
- テーブル幅テキストボックスに幅測定値を入力し、右側のドロップダウンリストから測定値（ピクセルまたはパーセント）を選択します。テーブルのデフォルトサイズを設定するため、テーブルの幅は重要な属性です。枠の太さ：
- セルを囲む枠の幅と表の外側の太さを入力します（ピクセル単位）。表の書式設定を表示しない場合は、「Border Thickness」テキストボックスに 0
- と入力します。注： デザインビューでは、引き続き表の境界線が表示されます。これは視覚的な援助に過ぎません。 セルのパディング： パディングを使用してセル内のすべてのコンテンツの周囲に余白を作成する場合は、[セルのパディング]テキストボックスに数値を入力します。 セル間隔：
- 間隔を変更してセルを押し離す場合は、セル間隔テキストボックスに数値を入力します。ヘッダー：
- ヘッダー・チェック・ボックスは、表の一番上の行を標準行から（タグを使用して）定義済みヘッダーに変換します。これにより、最初の行とその内容が表のヘッダーを定義することが強化されます。
- アクセシビリティオプション：視覚障害のあるユーザーがテーブルの内容を理解するための追加情報を提供することができます。キャプションテキストボックスに、テーブルに関連するキャプションを追加します。概要領域には、テーブルの目的とその内容に関する詳細情報を提供するために、いくつかの行のテキストを含めます。 OKをクリックします。
- テーブルが作成されます。テーブルを操作する場合は、Dreamweaverの展開テーブル機能を利用してみてください。（挿入パネルの[レイアウト]セクションで[展開]ボタンを検索します）。展開されたビューは、セルのパディングとスペースをテーブルに追加し、セルとコンテンツの選択を容易にするために境界線のサイズを増やします。
正確なプレビューを行うには、編集が完了した後、標準表示に戻ります（[挿入]パネルの[レイアウト]セクションの[標準]ボタンをクリックします）。