モジュール

モジュールとは、コンテナに含まれるコンテンツを小さく分割して部品にしたもの

小さい単位で考えて HTML や CSS を書きやすく、再利用しやすくする

デザインを確認する

コンテナに分割した記事ページのメインコンテナの中身をモジュールに分割する

モジュールはコンテンツを細かいパーツに分けたもの

各コンテナに含まれる中身を、意味のあるまとまりごとにまとめたものがモジュールです

モジュールに分割することで、HTML や CSS がコーディングしやすくなる

再利用しやすいコードを書くこともできる

CMS を使うこともあるので、その場合には HTML が細かく部品に分ける必要がある

ページのデザインがモジュール化してあると、CMS への組み込み作業もスムーズになる

アクセス解析や広告のためのタグを挿入する際、効率的に行うことができる

まずは大きな単位で分割する

最初にコンテンツを大きく分割する

コンテンツの中で幅が変わったり、背景色、背景画像が変わる部分を、それぞれグループ化する

メインコンテンツは最終的に大きく 3つのパートに分割される

分割した 3つのパートを、グループ化モジュールと呼ぶ

グループ化モジュールは、幅や背景を設定するために使用する

テンプレートファイル

base.html
style.css