NEKO-N-15-2.GIF - 4,081BYTES 6. 表をつくってみましょう AICON11.GIF - 384BYTES

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

Z61.GIF - 5,174BYTES

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

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

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

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

  (たてに増える)(横に増える)▲を押してみてください.
 ▲▼を押せば増えたり減ったりします.



ここでは、行3 列2を作りました.

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

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

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

 

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

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

Z65.GIF - 39,398BYTES

上から順番に

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

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

解りやすく全部10にしました.いろいろやってみればよく解ります.

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

背景画像 : 背景を画像に変えることができます.
これは、つぎの画像で説明します.
右の▼を押して変えます.
                  これで、OKを押してください

              
   この設定というボタンを押すとさらに凝った表をつくることができます.
 押してみてください. スタイルデコレーションという画面がでてきます.

Z69.GIF - 53,267BYTES

Z66.GIF - 4,099BYTES  こういうのができました. 
自分でアレンジしていろいろ
作ってみてください.

罫線の太さ10.
セル同士の間隔10.
罫線とセルの間隔10


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

  

 

 

 

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

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

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

 ここにも書けますよ 

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

 

 

 

  ここだって書けますよ

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

      どこだって書けますよ

 

やってみてください!!            

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

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

 次にすすんでください.

次

もどるホームに戻る

BBSL.PNG - 3,593BYTES

SEO [PR] おまとめローン Windows7 冷え性対策 動画 掲示板 レンタルサーバー ライブチャット SEO