ページのタイトル

目次

第一部

これがサイト構成の基本的な配置です。上部にサイト全体の構成を見通せるナビゲーションを配置し、右側により詳細な内容のナビゲーションを配置します。右側のナビゲーションにはページ内の目次を作っても良いですし、大掛かりなサイトの場合には「What's New」に相当するリンクを貼っても良いでしょう。

第二部

見出し1の部分に画像を使って、デザイン上のポイントとすることが多いようです。その場合、かならずh1要素内にimg要素を配置し、ページタイトルをalt属性内にも書くようにしましょう。

第三部

デザイン上で画像を用いたい場合は、なるべくimg要素としてHTML内に配置するのではなく、CSSのbackground-image属性で背景として表示させるのが良いでしょう。

CSSは基本的には直線的なデザインしか出来ませんので、曲線を用いる場合には背景画像をうまく組み合わせて、デザインしていくことになります。

第四部

スタイルの設定をサイト全体でまとめたいときには、スタイルシートを外部にまとめて記述し、それをHTMLファイルから参照させることも出来ます。こうすると複数のHTMLファイルで共通のスタイルシートを用いることが出来ます。

Written by HATANO Shinsuke