テーブルの作り方/無料ブログ作成マニュアル

◆テーブルの作り方

タグでテーブルを作るのはとても難しいです。
しかしFC2ではWYSIWYG編集機能がついていますので、画像の横に文章を書くくらいの簡単なテーブルならこれで作れます。

◆簡単なテーブルの作り方

記事編集画面の本文のところに、WYSIWYGテキストエディター機能を使用するという項目があります。
それをクリックすると、こんな画面に切り替わります。

赤丸のボタンがテーブルを作るボタンです。
クリックするとこんなダイアログが開きます。

テーブルのダイアログ

このままOKを押すと、こんな表が出来ます。

行は、縦方向の枠の数。
列は、横方向の枠の数。
ボーダーサイズは、枠線の太さ。
キャプションの整列はテーブルの左寄せ、中央寄せ、右寄せ。
テーブル幅は、ピクセルでの固定幅、パーセントでの相対幅を指定。数を消すと指定なしになります。
テーブルの高さは、改行すれば変わっていくのであんまり使いません。
セル内余白は、内側の枠線と文章などの距離。
セル内間隔は、外枠と内枠の距離。
キャプション、テーブル目的の構造は記入なしでOK。

左に画像をおいてその横に文字を書きたい場合は、１行２列のテーブルを作ればいいので、最初にテーブルを作る時に行を１、列を２に設定します。
枠線は好みによりますが、大体表示されてませんよね。
ボーダーを０にして、画像に文字をくっつけたくないのでセル内余白をお好みの大きさに設定。
幅の数は消してしまっていいです。

設定をしてOKを押すと……
あれ、何にも表示されない。
しかし慌てなくてもいいです。枠線を消しているので見えないだけで、テーブルはちゃんとあります。

このままWYSIWYG編集でもいいんですが、実はこれいわゆる「ホームページ作成ソフト」と呼ばれる既存のソフトに比べるとどうも機能が充実してないんです。
とりあえずここではWYSIWYG編集機能をオフにして、元の記事編集画面に戻ります。

編集画面に戻ると、こんな表記が書かれています。

赤の　 　が編集する箇所です。ちなみに は半角スペースを表す文字。
３行２列などの場合はこれが６個あるんですが、上から順に

①	②
③	④
⑤	⑥

という順になっています。
ここを消して画像のURLをコピー＆ペーストしたり、文章を表記してください。

※注意点
インデックスエリア③のところで説明した様に、「自動改行＋HTMLタグでの編集」になっている場合はテーブルタグの改行も反映されて、プレビューで見てみるとテーブルは下の方に表示されてしまいます。
改行を消してつなげて表記するか、編集方法を「HTMLタグのみ」にして、文章などは<br>で改行するかのどちらかで記入してください。

■もっと複雑なテーブルを作りたい場合
枠線を表示してタイトルを中央寄せで書き、その下に画像を置いて、その右側に書く文章は左寄せして……といった複雑なタイプのテーブルを作りたい場合ですが、これは手っ取り早いのはWYSIWYG編集のホームページ作成ソフトをテーブル作成ソフトとして使ってしまうことです。
テーブルを作って、それを記事などにコピー＆ペースト。
一番簡単なのは作成ソフトで文章なんかも書いてしまって、<body>～</body>の間をコピー＆ペーストしてしまい、「HTMLタグのみ」で記事を書く方法です。
画像を使う際は画像のURLは気をつけてください。
FC2ブログにもその機能があるのは上でも紹介しましたが、基本的なものは作れますが前章のテーブルみたいな複雑な形を作る事は出来ません。
入手や扱い方などについては姉妹サイトの無料ホームページ作成マニュアルで解説してますので（ソフトを手に入れよう！レイアウトを決めよう！HP作成ソフト等）そちらを参考にしてください。
ちなみにテーブルを作るのみであったら、のおすすめはFrontPageExpress。
シェアウェアのホームページ・ビルダーを持っているならこれも簡単です。