文字と画像の配置の設定

まずは、テーブルを使った方法です。
キャプション(写真や図版などを説明する文章)を画像の右に置いた例
横２列、縦３段の表を使用

	クリック率がアップ！？なぜ？Click-UP↑の画像を使うだけでクリック率がアップするのか？その秘密はコチラ
	クリック率がアップ！？なぜ？Click-UP↑の画像を使うだけでクリック率がアップするのか？その秘密はコチラ
	クリック率がアップ！？なぜ？Click-UP↑の画像を使うだけでクリック率がアップするのか？その秘密はコチラ

初心者の方は、これがいちばん簡単だと思います。
ホームページビルダーをお使いのかたなら、表の挿入でテーブルの表を挿入。
次に、出来た表を右クリックして表の枠を非表示にするだけです。
横２列なら左側の表に画像を入れて、右側の表に文章を書きます。

わかりやすいように表の枠を表示にしてみました。

	クリック率がアップ！？なぜ？Click-UP↑の画像を使うだけでクリック率がアップするのか？その秘密はコチラ
	クリック率がアップ！？なぜ？Click-UP↑の画像を使うだけでクリック率がアップするのか？その秘密はコチラ
	クリック率がアップ！？なぜ？Click-UP↑の画像を使うだけでクリック率がアップするのか？その秘密はコチラ

キャプション(写真や図版などを説明する文章)を画像の下に置いた例
横５列、縦１段の表を使用

キャプション

※キャプションが長くなるとレイアウトが難しいので、なるべく短めで。

わかりやすいように表の枠を表示にしてみました。

キャプション

ここでは、長くなるので説明しませんが、スタイルシートがわかるかたは、テーブルを使わないでも、スタイルシートで文字の回り込み(float)や余白(margin,padding)を使うと正確に配置することができます。

説明を最後まで読んでいただきありがとうございました
いちおう基本的なことを書いてみましたが、そんなに難しく考えないでください。
この下に、キャプション(写真や図版などを説明する文章)を効果的に使っているサイトのリンク集を作ってみました。

キャプションと画像の位置関係や、キャプションの文章に注目して見てみると新たな発見があると思います。

キャプションの参考になるリンク集を見てみましょう。　

Page Top

main