まずはホームページの建てつけについて説明します。

建てつけが不明なまま更新をすると、ホームページのレイアウトが崩れてしまう可能性があるからです。

ホームページは、基本的にカタマリをこちらで作り、カタマリの位置を調整し、そのカタマリの中に文章や画像を入れこんで作成をしていきます。

具体的な例でみていきます。

以下、活動報告のページを見てみます。

このページは画像と文字が並んでいますが、カタマリを見えるようにすると以下になります。

上記にて、カタマリを意識しながら更新をしないと、レイアウトが崩れてしまいますので、常にカタマリを意識していただければと思います。

では、具体的にカタマリはどのように記載されているのかという点についてみていきましょう。

このホームーページでは、カタマリは”div”や”p”という言葉で表現しています。

左のホームページに対応したコードが右側の内容です。

画像と文字がセットになっており、Divというカタマリが全体を囲んでいて、その中にpというカタマリがあるということがお分かりいただけるかと思います。

ホームページを更新される際には、このカタマリを意識して内容を変更していただきたく、よろしくお願い致します。