文字と画像の配置の設定
まずは、テーブルを使った方法です。
キャプション(写真や図版などを説明する文章)を
画像の右に置いた例
横2列、縦3段の表を使用
初心者の方は、これがいちばん簡単だと思います。
ホームページビルダーをお使いのかたなら、表の挿入でテーブルの表を挿入。
次に、出来た表を右クリックして表の枠を非表示にするだけです。
横2列なら左側の表に画像を入れて、右側の表に文章を書きます。
わかりやすいように表の枠を表示にしてみました。
キャプション(写真や図版などを説明する文章)を画像の下に置いた例
横5列、縦1段の表を使用
※キャプションが長くなるとレイアウトが難しいので、なるべく短めで。
わかりやすいように表の枠を表示にしてみました。
説明を最後まで読んでいただきありがとうございました
いちおう基本的なことを書いてみましたが、そんなに難しく考えないでください。
この下に、キャプション(写真や図版などを説明する文章)を効果的に使っているサイトのリンク集を作ってみました。
キャプションと画像の位置関係や、キャプションの文章に注目して見てみると新たな発見があると思います。
キャプションの参考になるリンク集を見てみましょう。
キャプション(写真や図版などを説明する文章)を
画像の右に置いた例
横2列、縦3段の表を使用
クリック率がアップ!? なぜ?Click-UP↑の画像を 使うだけでクリック率がアップ するのか?その秘密はコチラ |
|
クリック率がアップ!? なぜ?Click-UP↑の画像を 使うだけでクリック率がアップ するのか?その秘密はコチラ |
|
クリック率がアップ!? なぜ?Click-UP↑の画像を 使うだけでクリック率がアップ するのか?その秘密はコチラ |
初心者の方は、これがいちばん簡単だと思います。
ホームページビルダーをお使いのかたなら、表の挿入でテーブルの表を挿入。
次に、出来た表を右クリックして表の枠を非表示にするだけです。
横2列なら左側の表に画像を入れて、右側の表に文章を書きます。
わかりやすいように表の枠を表示にしてみました。
クリック率がアップ!? なぜ?Click-UP↑の画像を 使うだけでクリック率がアップ するのか?その秘密はコチラ |
|
クリック率がアップ!? なぜ?Click-UP↑の画像を 使うだけでクリック率がアップ するのか?その秘密はコチラ |
|
クリック率がアップ!? なぜ?Click-UP↑の画像を 使うだけでクリック率がアップ するのか?その秘密はコチラ |
キャプション(写真や図版などを説明する文章)を画像の下に置いた例
横5列、縦1段の表を使用
キャプション |
キャプション |
キャプション |
キャプション |
キャプション |
わかりやすいように表の枠を表示にしてみました。
キャプション |
キャプション |
キャプション |
キャプション |
キャプション |
ここでは、長くなるので説明しませんが、スタイルシートがわかるかたは、テーブルを使わないでも、スタイルシートで文字の回り込み(float)や余白(margin,padding)を使うと正確に配置することができます。
説明を最後まで読んでいただきありがとうございました
いちおう基本的なことを書いてみましたが、そんなに難しく考えないでください。
この下に、キャプション(写真や図版などを説明する文章)を効果的に使っているサイトのリンク集を作ってみました。
キャプションと画像の位置関係や、キャプションの文章に注目して見てみると新たな発見があると思います。
キャプションの参考になるリンク集を見てみましょう。
main02
main
br
main_box_plus