ステップ 1: 表の最初の列の上の 2 つのセルをマウスで押してドラッグします。この時点で、2 つのセルが選択できます。次に、プロパティ テンプレートの [スパンを使用して選択したセルを結合] ボタンをクリックして、選択した 2 つのセルを 1 つのセルに結合します。この方法では、表の 1 行目の右側の 2 つのセルが 1 つのセルに結合されます。
ヒント: セルを選択した後、プロパティ パネルの [セルを行または列に分割] ボタンをクリックして、セルを複数の行または列に分割します。
ステップ 2: テーブルの最初の列の 3 つのセルをすべて選択し、属性テンプレートの背景色 (Bg) を「#FFFF00」に設定して、テーブルの最初の列のセルの背景が黄色になるようにします。 。
ステップ 3: テーブルに対応するテキストを入力します。美しくするために、プロパティ パネルの中央に設定できます。
ステップ 4: 表に立体感を持たせるには、表全体を選択し、プロパティ パネルで表の境界線の幅 (Border) を 7 に設定し、境界線の色 (Border color) を設定します。青に。
ヒント: テーブル全体を選択するのは通常は困難です。一般的に使用される 4 つの方法を次に示します。 マウスを表の右端の外側に移動し、マウスを押して左にドラッグすると、表全体がすばやく選択されます。 2. 「変更→テーブル→テーブルの挿入」コマンドを実行して、テーブル全体を選択します。 3． セル内でマウスを右クリックし、ポップアップメニューから「表→表の挿入」コマンドを選択して表全体を選択します。 4. マウスで任意のセルをクリックし、「Ctrl+A」組み合わせボタンを 2 回押して表全体を選択します。
上記の操作を完了すると、Dreamweaver MX 2004 でプロフェッショナル レベルのフォームをカスタマイズできます。
3. テーブルの位置決め
実際、フォームの Web ページの配置では、主に Web ページのコンテンツをいくつかの領域に分割し、対応するコンテンツをそれぞれ異なるテーブルに入力することで、非常に標準化された専門的な Web ページを作成します。図 2 に示す Web サイトがどのように実装されているかを表で見てみましょう。
1. タイトルとナビゲーション領域
Web ページの上部は 2 つの大きなテーブルで構成されています。上のテーブルは画像領域、下のテーブルはナビゲーション領域です。画像エリアは行と列に分かれており、「挿入→画像」コマンドを使用して、Webサイトのタイトル画像とロゴアイコンを挿入します。ナビゲーション領域は 1 行 9 列のテーブルで、各サブ列の名前をそれぞれ入力し、「挿入→ハイパーリンク」コマンドを使用して各ナビゲーション列のリンクを作成します。
2. テキストエリア
一般に、テキスト領域は 1 行 3 列の大きなテーブルで構成され、各列が別のテーブルに挿入されるか、分割されて複数の領域が形成され、対応する情報が入力されます。たとえば、5 行 1 列の表を左端の列に挿入して、ロゴ アイコンと対応するテキスト コンテンツを表示できます。中央の列を 3 ～ 4 つのセルに分割し、各セルを別のメイン コンテンツの表示に使用できます。コンテンツのヒント。右側の列を 5 つの領域に分割して、さまざまなコンテンツを表示することもできます。このようにして、複数の小さなセルが大きなテーブルに分割され、Web ページのメイン コンテンツが形成されます。特定のセルの操作については、ここでは詳しく説明しませんので、ご自身で試してみてください。
最も基本的な Web ページの位置決めはテーブルを使用して実現できますが、この方法にはテーブル コンテンツのダウンロードに時間がかかることが多く、テーブル内のすべてのコンテンツがダウンロードされるまで待機する必要があるという欠点があります。したがって、テーブルのネストされた使用には特別な注意を払う必要があり、ページのダウンロード速度に影響を与えるほどテーブルをネストしすぎないように注意してください。