10.表を使って、きれいにレイアウト

イメージ画像や、文字が整然と並んで、見やすいページを、よく見かけると思います。
これは、枠線が見えなくても、表を使ってレイアウトされているんです。
さぁ、あなたも表をマスターして、ちょっとレベルアップしたページを作りませんか?

1.新しく表を作る
2.表の入力
3.表の列や、行の追加
4.表の列や、行の削除
5.表の結合と、分割
6.表の属性
7.表の大きさをドラッグで変える

1 新しく表を作る
[表の挿入」ボタンをクリック
   ↓
「表の挿入」のダイアログが表示されます。
   ↓
「列数」「行数」を入力し、「OK」をクリック
   ↓
表が挿入されます。
2 表の入力
セル(表のひとますのことを、「セル」と言います)にカーソルを移動し、文字を入力します。
画像を入れ込むことも、できます。
3 表の列や、行の追加
追加したい列(行)のセルをクリック
 
          ↓
ツールバーの「行の追加」ボタンまたは、「列の追加」ボタンをクリック
          ↓
行が1行下に追加されます。(または、列が、1列右に追加されます。)
   または、

このボタンの横の「▼」ボタンをクリックすると、下のようなポップアップメニューが出ます
または、
          ↓
増やしたい方向を選択して、クリック

指定して追加」にすれば、列(行)数を指定して、追加することができます。
4 表の列や、行の削除
不要な列や、行にあるセルをクリック
          ↓
「行の削除」ボタンまたは、「列の削除」ボタンをクリック

失敗したときは、メニューバーの「元に戻す」ボタンをクリックすれば、1つ前の状態に戻ります。

5 表の結合と、分割
2つ以上のセルを結合させる場合

 行を結合させる場合は、結合させたいセルの、一番左側のセルをクリック
          

 「右のセルと結合」
ボタンを、クリック。セルが結合します。


 列を結合させる場合は、結合させたいセルの、一番上のセルをクリック
          ↓
 「下のセルと結合」ボタンを、クリック。セルが結合します。

これは、「表の属性」でも設定出来ます。

また、セルを分割するときは、の分割」ボタンまたは、の分割」ボタンを、クリックします。

6 表の属性
「表」タブ(表全体の設定)

表を右クリックして、現れたメニューから、「属性の変更」をクリック
          ↓
「属性」のダイアログが開きます。

 まず、タグ「表」になってることを、確認します。
   もし、画像などになっている場合は、「」ボタンを押して、メニューから「表」を選んでください。

 設定を変更するタブを選びます。
   「表」・・・表全体の設定
   「表の行」・・・選択しているセルを含む行の設定、
   「セル」・・・選択しているセルの設定
   「表の列」・・・各列の設定、
 「位置揃え」
   画像や、文字列と同様に、表の位置を指定できます。

 「回り込み」
   画像の「回り込み」と同様に、左(右)に寄せて、
   文章を回り込ませることができます。

       表全体の幅や、高さを、指定できます。
         「」ボタンをクリックして、「ピクセル」か「」かを選びます。
HPを見てくれる人のモニター画面の設定は、「800×600」と、「1024×768」それぞれ好みで設定しています。
どの設定でも、バランスよく表の大きさを設定したいのなら、「%」を使えば、有効に画面を使うことができます。 
表の中の、レイアウトを重視する場合は、「ピクセル」で、指定した方がいいでしょう。
ただし、モニター画面の大きさを考えて、幅は、800ピクセル以下にしましょう。 
      「罫線の幅」
         表の罫線の幅が、設定できます。
      「セル内の余白」
         表のセル内に余白を設定すると、文字などが見やすくなります。
      「枠表示」
         このチェックをはずせば、表の枠は、表示されなくなります。
        (編集画面では、点線になります)
        枠の太さも、設定できます。
     「表題」
          表の題名を、表の上か、下に挿入することができます。
      「背景」
         下のセルの背景と、同様に設定できます。

「セル」タブ(選択されたセルの設定)

 セルの設定をするときは、「セル」タブをクリック
   
 セルのタイプ
  「見出しセル」にすると、太字、中央揃えになります。
  普通は、「データセル」のままで、OK。

 「水平位置揃え」
   セル内の水平の位置揃えの設定です。
   プレビューしたときに、うまく位置揃えができてないときは、一度、下の「セルの幅」の数値を削除してみてください。

 「垂直位置揃え」
   セル内の垂直の位置揃えの設定です。

 セルの幅、高さの設定。
      表の幅、高さと同様に、設定してください。
   
「自動的に行を折り返す」
    チェックしている場合、セル内の文字を、自動的に、折り返します。

    チェックをはずすと、セルの幅は、無視されます。
   
   

この行が結合されました
   
 「セルの結合」
  列の結合 結合させたい一番左のセルをクリック
  行の結合 結合させたい一番上のセルをクリック
               ↓
  「列数」「行数」に、2以上の数値を入れます。

この設定は、「結合」ボタンでも、できます。

紫の色をつけました
 背景「色」
 「表」の場合は、全体を、「セル」の場合は、選択したセルの背景色を設定できます。 ページのバックグランドが、模様の入ってる画像でも、表の背景色を設定しておけば、文字も読みやすくなります。

花柄の壁紙を入れてます
 背景「イメージ」
「全体」または、「セル」の背景にイメージ画像を、入れることができます。
ただし、これはネスケ4.0以前では、表示されません。

 「列全体に、適用」
このセルの設定を、列全体に適用するときに、チェックマークを入れます。
連続した複数のセルを、いっぺんに設定したいときは、右図のように、セルをドラッグして、複数選択してから、上の「セルの属性の設定」を、行います。
7 表の大きさを変える(ドラッグで)
      表の外側をクリック
            ↓
      表の外枠にピンクの枠がつき、ハンドル)が表示されます。
            ↓
      ハンドルをドラッグして、大きさを変えます。

      同様にして、セルの大きさも変えられます。

      表(または、セル)の大きさが、確定されていると、この方法では、大きさを
       変えられません。一度、「表の属性」のダイアログを開いて、数値を削除してから、
       やりなおしてください。
       また、ひとつのセルだけ、「位置揃え」がうまくいかないときも、そのセルだけ、
       数値が確定しているときがあります。「表の属性」セルの幅の数値を削除すれば、
       うまくいくでしょう。


*プルダウンメニューが使えない方は、申し訳ありませんが、トップより、各ページにジャンプしてください。