【連載】 実践！Jimdoでホームページ作成！

今日は前回のつづき、表の設定について説明するよ！

そのまえに少し前回のおさらいをしてみよう。

あっくん、「行」「列」「セル」について覚えてる？

ええっと・・・表の縦が・・・あれ？横だったかな？えっと・・・

この図を見て思い出してみようね。

「行」「列」「セル」は表をつくったり、いろいろな設定をするときに必要だから覚えておいてね。

思い出したよ！縦に並んだ「セル」を「列」、横に並んだ「セル」を「行」っていうんだったね。

そうだよ！おさらいはできたかな？

じゃあ、さっそく、表の設定について解説していくよ！

あっくんが前回つくった表を見せて！

うん！これが、前回ぼくがつくった表だよ～。

この表をもっと見やすくしたいんだ。

まかせて！はじめに表全体の設定について教えるね。

まず、つくった表をクリックして、表の編集画面を開いたら、「表のプロパティ」のアイコンをクリックしてごらん。

はーい！「表のプロパティ」っていう小さなウィンドウが表示されたよ！

この「表のプロパティ」から表全体のいろいろな設定を編集できるんだよ。

たとえば、表の罫線を表示させたり、表の背景に色をつけたりできるんだ！

ええっと・・・表に枠線をつけるにはどうしたらいいのかなぁ？

3番の「罫線のサイズ」の項目に「1」と入力して、4番のところをクリックして好きな灰色を選んでごらん。

表全体を囲む1ピクセルの太さの線が表示されるよ。

表の外枠ができた！！

表の内側の線はどうやってつけるの？

内側の設定は「セルのプロパティ」で設定していくよ！

「表のプロパティ」が表全体の設定なのに対して、「セルのプロパティ」は1つのセルごとに設定ができるんだよ。

今回は全部のセルに罫線をつける設定をするから、まずは表の一番左上のセルをクリックして、クリックしたまま一番右下のセルまでドラッグして全体が青色に選択された状態にしよう！

そのあと「セルのプロパティ」アイコンをクリックしてね。

はーい！！

今度は「セルのプロパティ」っていう小さなウィンドウが開いたけど、さっきの「表のプロパティ」と似てるね！

あっくん鋭い！

設定画面は「表のプロパティ」とほとんど同じ内容だから、さっきと同じく「罫線のサイズ」に「1」って入力して、「罫線の色」にさっきと同じ灰色を設定してみよう。

わぁ！！枠線の完成！！

じゃあ、つぎはね、線と文字の間隔をもっと広くしたいなぁ！

そんなときは「表のプロパティ」の項目にある2番の「内側の余白」を「10」にしてごらん。

セルの内側に10ピクセルの余白ができるよ。

わーい！すごく見やすくなった！！

こんなに簡単に表の設定が変えられるなんて思わなかったよ！

表全体の設定と行と列とセルの設定ができれば、自由自在に表がつくれるね。

こんなに簡単にかっこいい表ができちゃうなんてすごい！！

設定の項目がたくさんあって難しく感じるかもしれないけど、少しずつ覚えていけば大丈夫！

表の設定の仕方をマスターしていろんな表をつくってみてね！

よーし！早速おいしいケーキ屋さんのリストをつくるぞー！！

あっくん・・・ダイエットのためにカロリー表をつくるんじゃなかったの・・・？