|
これだけ知っていれば簡単にホームページが作れます♪
■簡単タグ:レイアウト編■
ではここでホームページのレイアウトを考えてみましょう。
インターネット上で公開されているホームページは星の数ほどあり、そのレイアウトも数かぎりなくあります。
だから自由に設計してもよいのですが…
実は見栄えのよいホームページには基本になるレイアウトがあります。
企業のサイトから個人サイトまで、きちんとデザインされたホームページは必ずこのレイアウトからの応用になっています。
その一つをご紹介いたします。
ヘッダー部分 700ピクセル
メニュー部分
150ピクセル
本体部分
400ピクセル
リンク部分
150ピクセル
フッター部分 700ピクセル
| | | | |
ピクセルというのは画面の粒子1ドットに相当します。
なぜ横700ピクセルなのかというと、Windows の画面設定は通常
横1,024ピクセル 縦768ピクセル(1,024 × 768)ですが
横 800ピクセル 縦600ピクセル( 800 × 600)の
最小解像度も選択できます。
その最小解像度に合わせて横を750ピクセル以内にします。
横640ピクセルなんて時代もありましたが、今は700ピクセルで十分でしょう。
このレイアウトを基本として横3列のピクセル数を変えたり、また2列にしたりと自分なりに状況に合わせて応用していきましょう♪
■応用例1
タイトル画像 700ピクセル
メニュー部分
200ピクセル
イメージ画像
300ピクセル
リンク部分
200ピクセル
150ピクセル
150ピクセル
本体部分
400ピクセル
フッター部分 700ピクセル
Copyright (C) 2005 Fukugyou Bnzai Corporation. All Rights Reserved.
| | | | | | | | | |
■応用例2
タイトル画像 700ピクセル
メニュー部分 300ピクセル
リンク/宣伝部分
200ピクセル
150ピクセル
150ピクセル
本体部分
300ピクセル
フッター部分 700ピクセル
Copyright (C) 2005 Fukugyou Bnzai Corporation. All Rights Reserved.
| | | | | | | | |
|
|