初心者の館

ステップ0〜はじめに〜

制作実習編LV2ではLV1でやったことを基に、
テーブルタグを組み合わせてちょっと高度なレイアウトに挑戦します。
ちょっとずつ高度なテクニックも使っていきますよ。
全6ステップです。頑張りましょう!


ハイブリッドデザインって?

LV2ではハイブリッドデザインと呼ばれる手法で、レイアウトをしていきます。
ハイブリッドデザインとは、おおまかなレイアウトはテーブルタグを使って行い、
細かいレイアウトや本文はスタイルシートを使ってデコレーションしていく手法です。

スタイルシートで全てレイアウトするよりも表示が崩れにくく、
全てテーブルタグでレイアウトをするよりも更新が楽な、いいとこ取りの方法です。
今までテーブルデザインをやってきた人にもとっつきやすいのもメリットの1つです。

スタイルシートの使い方に慣れてきた人や、テーブルデザインで培った技術を生かしたい人、
レイアウトの崩れに悩む暇があるならコンテンツ制作に力を入れたい人におすすめです。

今回の完成形

今回の完成形はこんな感じになります

今回の完成形

└参考資料:GIFアニメで見る制作過程(2.3MB)

ちなみに今回のレイアウトは図のように組んでいます。 レイアウト

この図をもとにステップ1ではテーブルタグでレイアウトを組みます。 素材をダウンロードしたら早速次のステップへ進みましょう。

今回の素材 右クリック→対象をファイルに保存でDL


次のステップへGO→


一覧へ戻る


Last Modified 2005-08-15 © きくちゃん 2004 - All Rights Reserved