ビデオ: bootstrap をりようしてホームページを作成する完成 2024
サイトの表の外観を変更する必要がありますか? Dreamweaverでテーブルを選択すると、プロパティインスペクタで、テーブルの外観をカスタマイズするための次のオプションにアクセスできます。
-
テーブル: テーブルの名前を入力できるテキストエリアを提供します。この名前(ID)は、スクリプト内でテーブルを対象とする場合に便利です。
-
行: テーブルの行数を表示します。番号を変更することによってテーブルのサイズを変更することができます。ただし、テーブルの行数よりも小さい数値を入力すると、コンテンツとすべての下の行が削除されます。
<! --1 - > -
Cols: 表の列数を表示します。番号を変更することによってテーブルのサイズを変更することができます。テーブルの列数よりも少ない数値を入力すると、表の右側の列、つまり内容とすべてが削除されます。
-
W(幅): テーブルの幅を表示します。番号を変更して幅を変更することができます。幅は、パーセンテージまたはピクセル単位の値で指定できます。値は、ユーザーのブラウザウィンドウまたは他の表やタグなどの囲みコンテナのサイズに比例して、表のサイズを増加または減少させます。
<! - 2 - >表のサイズをパーセンテージで表記すると、ブラウザウィンドウのサイズを変更したときにサイズが変わるテーブルを作成できます。ユーザーの表示領域に関係なく、表が常にウィンドウの75%を占めるようにするには、サイズをパーセントで設定します。ブラウザウィンドウのサイズに関係なくテーブルを常に同じサイズにするには、テーブル幅のピクセルを選択します。
テーブルが固定幅のタグやテーブルなどの別のコンテナに挿入された場合、テーブルはブラウザウィンドウではなくコンテナに基づいてサイズが設定されます。
<! - 3 - >注: Dreamweaver CS4以降、H(高さ)フィールドは検出されなくなりました。テーブルの内容が訪問者ごとに異なる可能性があるため、ほとんどの設計者はテーブルの高さを指定しないことをお勧めします。たとえば、テキストのフォントサイズは、ユーザーのシステムと設定によって異なります。
-
CellPad: セルの内容と境界線の間のスペースを指定します。
-
CellSpace: 表のセル間のスペースを指定します。
-
整列: Webページ上の表の整列を制御します。オプションはDefault、Left、Center、Rightです。原則として、デフォルト設定では、ブラウザウィンドウまたは他のコンテナの左側からテーブルを揃えます。
-
枠線: 枠線の周囲の枠線のサイズを制御します。数値が大きいほど、境界線が太くなります。ボーダーを非表示にする場合は、0に設定します。
-
クラス: スタイルシートオプションに簡単にアクセスできます。
-
Clear and Convert: プロパティインスペクタの左下にあるアイコン(右下の拡大矢印をクリックすると表示されます)は、次の書式設定オプションを提供します:
-
行高さのクリア >と 列幅を消去 を使用すると、すべての高さと幅の値を一度に削除できます。 テーブルの幅をピクセルに変換
-
および テーブルの幅をパーセントに変換 幅の設定をパーセントからピクセルに自動的に変更できます。ピクセルは固定幅を指定します。パーセント設定は、ブラウザがブラウザ表示領域の指定されたパーセンテージを自動的に調整することを意味します。 書式設定オプションを適用して、表のセル内の要素(テキスト、イメージ、マルチメディアファイルなど)の属性を変更することもできます。これを行うには、要素を選択してから、CSSまたはHTMLプロパティインスペクタのオプションを使用して、要素が表のセルにない場合と同様に必要な変更を行います。
-