|
クリックするとパターン４のトップページにいきます。
説明
これまでのパターン１〜３とはまったく違います。テーブルではなく、cssでレイアウトをしています。ふらっとブログで使っているMovable Type 3.0のテンプレート＆スタイルシートをもとに作ってみました。基本はデフォルトのままですが、スタイルシートは私好みにシンプルにしてみました（ふらっとブログでいま使っています）。htmlファイルも、cssとの関連を理解しやすいようにシンプルにしてみました（というかこれを作りながら私自身が理解してました）。見た目はブログのままですが、応用はきくと思います。
Movable Typeなどのブログのように、これからはcssでレイアウトを組むのが主流になるでしょう。メリットはいろいろあります。サイトすべてのページデザインを統一しやすく、変更も容易です（htmlファイルには全く手をつけずに１つのcssファイルをいじるだけでサイト全ページのデザインを変えることができる）。htmlが軽くなり表示も速くなります。htmlを正しく記述できるためにアクセシビリティが上がります（音声ブラウザ等でもアクセスしやすい）。Googleなどのサーチエンジンにもかかりやすくなります。…などなど。
しかしデメリットもあります。まず、作る側にとっては技術的なハードルが高い。ページ数の少ないサイトだと、あまりメリットが出ない。そして、現在のホームページ作成ソフトのデザインビュー（プレビュー）画面で正しく表示できない。
なので、本当ならばテーブルレイアウトを捨ててcssレイアウトに切り替えるのをおすすめしたいところですが、初心者にはちょっと難しいかも。
ダウンロード
パターン４圧縮ファイル（zip形式）
パターン４圧縮ファイル（lzh形式）
改版履歴
2004年09月26日 初版公開 |
