Labo 244: フッターのロゴとコピーライト
Labo 244: フッターのロゴとコピーライト
Labo 244-246 にわけて、フッターのモジュールを組み込む
デザイン上の順序とは異なるが、はじめにロゴとコピーライトを追加する
どちらも中央揃えで配置する
Labo 224-226 でフッターコンテナに含まれる 4つのモジュールを組み込む
はじめにロゴとコピーライトを追加して、左右中央に配置する
画像、テキスト、または <span> など、インラインボックスで表示される要素を左右中央揃えで配置するときは、そのコンテンツを囲むブロックボックス要素に、text-align プロパティを適用する
text-align: center;
ロゴやコピーライトを追加する際に、デザインを見てモジュール間のスペースを計測しておく必要がある
ロゴの下に 30px のマージンを空けるようにする
ロゴの上やコピーライトの下のスペースは、フッターコンテナにパディングが設定してあるので、考慮する必要はない
一般に、Web サイトの構築は分業体制で行う
ページのデザインと HTML/CSS コーディングは別々の人が作業をするケースが多い
現在は HTML や CSS ができてもそれをそのまま公開するとは限らない
CMS と呼ばれる、管理場面からコンテンツを更新するように作られたアプリケーションに組み込む場合もある
CMS を使って Web サイトを構築する場合には、使用する CMS を理解し使いこなせる別の人に HTML/CSS のソースコードを渡すことになる
HTML や CSS から学習をはじめた人は、まず、しっかりと HTML/CSS がかけるようになることを目指す
ある程度 HTML や CSS がかけるようになったら、CMS の学習よりもデザインの基本的な知識を習得することが望ましい
自分でページのデザインが出来ないまでも、デザイナーが作ったデザインの意図を理解し、それに合わせて最適な HTML/CSS が書けることはとても重要である