６．　表をつくってみましょう　

　　やはり、ホームページも表のひとつぐらいないと、さみしいですよ．いろいろ使えます、挑戦してみましょう！！

では、表を作ってみましょう．表というボタンを押してください．

←※できた表の上でクリックするとここに色がつきます．マウスを持っていくと項目がでます．行や列を後から
　増やしたり、減らしたりできます．ます（セル）の数は、最初深く考えなくても、ここで調整できます．

　　↑この田より一つ多いようなボタンを押してください．

　　テーブルエディタという画面がでてきます．ここで、表のパターンを作って、送るかんじです．

　　行（たてに増える）列（横に増える）▲を押してみてください．
　▲▼を押せば増えたり減ったりします．



ここでは、行３　列２を作りました．

ひとつクリックすると、一箇所だけ反転（青）します．
ひとますづつ変えたいならこれでいいです．

表全体を作るには、Shiftキーを押しながらすべてのます（セル）の上を通って
全部を反転（青）させます．

←こんなに、なりましたか？やってみてください．

　　この上で右クリックすると、プレビュー（Ｒ）という画面がでます．
　　一番下の表のプロパティをクリックしてください．

　　表のプロパティという画面がでてきます．ここで、表の装飾をします．

上から順番に

表のアライメント　：　▼を押すと表の位置を変えられます．

罫線の太さ　：　▲▼を押して罫線（表に書かれている線）
　　　　　　　　　　　　　　　　　　の太さが変えられます
セル同士の間隔　：　セル（ひとつひとつのます）とセルの
　　　　　　　　　　　　　すきまが増える
罫線とセルの間隔　：　この説明どうりです．

解りやすく全部１０にしました．いろいろやってみればよく解ります．

背景色にチェックを入れると、表の中の色が変わります．
やり方は、さっき文字で説明したのと同じです．

背景画像　：　背景を画像に変えることができます．
これは、つぎの画像で説明します．
右の▼を押して変えます．
　　　　　　　　　　　　　　　　　　これで、ＯＫを押してください．
　　　　　　　　　　　　　　
   この設定というボタンを押すとさらに凝った表をつくることができます．
　押してみてください．　スタイルデコレーションという画面がでてきます．

  こういうのができました．　
自分でアレンジしていろいろ
作ってみてください．

罫線の太さ１０．
セル同士の間隔１０．
罫線とセルの間隔１０


解りやすいように、全部太くしたので、
なんとなくわかるでしょうか？

　　スタイル一覧にいろいろ項目があります．マウスをもっていくと説明がでます．つかってみてください．
　　罫線の色を変える方法を説明します．
　　BORDER-COLORを選んで　→　を押します．右の画面に出てきます．そのBORDER-COLORをクリック．
　　下にある、色の指定のボタンを押すと色の設定の画面がでてきます．
　　文字の時、説明したやりかたと同じです．えらんだら、ＯＫを押してください．
　　　　　　＜他の項目も→で右の画面に出して、それから選択します＞あとは、ご自分で研究してください

　※テーブルエディタの画面の、上にある編集をクリックしてください．
　　その中の、セルのプロパティで、セル（ひとつ、ひとつのマス）の文字の配置や、背景を設定できます．

普通は、ここだけしか文字が書けませんが、罫線の太さ０の表をつくれば、工夫しだいでいろいろできます．
あとは、アイディアとセンスでしょう．下の表は、行１列４をつくって、そのまま適用のボタンを押しただけ．
エクセルと同じです．罫線を入れないと表示されません．（はじめは縦の線みたいなのがでます、そこに文字を入力するとひろがります）

ここにも書けますよ

こんなとこにも書けますよ

ここだって書けますよ

もちろんここも書けますよ

どこだって書けますよ   やってみてください！！

　また、表のなかにも、表を作ることもできます．いろいろなレイアウトができますよ．

　　　※いろいろやってみると、いいアイディアがうかびます．なんども、なんども工夫して書き換えたり、編集したりしてください．
　　　　最初から、いいものはできません．じょじょに、やっていきましょう．

　次にすすんでください．