H1タイトルがここに入ります。ＳＥＯに有効なキーワードを入れましょう

ここに文章や画像を入れてレイアウトしてくださいね。
右側の画像は画像の回り込みが右になるようにCSSでレイアウトしています。
画像の右寄せスタイルはCSSファイルの中にあります。

左側の画像も同じくCSSで左寄せにしています。
あとは適当に文字などを入れてくださいね。

<img src="../img/sample_image.gif" alt="" width="200" height="150" class="imgleft" />のように"imgleft"のクラスを画像に指定すると左寄せになり、画像の両側に10pxのマージンができます。

サンプルテキスト　サンプルテキスト　サンプルテキスト　 サンプルテキスト　サンプルテキスト　サンプルテキスト　 サンプルテキスト　サンプルテキスト　サンプルテキスト　 サンプルテキスト　サンプルテキスト　サンプルテキスト　 サンプルテキスト　サンプルテキスト　サンプルテキスト　 サンプルテキスト　サンプルテキスト　 サンプルテキスト 　サンプルテキスト　サンプルテキスト　 サンプルテキスト　サンプルテキスト

上のバーの背景画像は<h3>で指定するとこのようになります。
例）<h3>サブページ見出し</h3> のようにタグを入れてください。

尚、HPビルダーなどのHP作成ソフトを使うと、初期設定のままではファイルを勝手に書き換えてしまい、きれいに表示されない事があります。

編集画面ではレイアウトが崩れているかもしれませんが、プレビューで動作確認すればちゃんと表示されると思います。