|
ホームページのレイアウトの選び方についての説明です(#^.^#)
ホームページを作成していくうえでこちらも後々かなり重要になってきますのでよ〜く検討して選びましょう(^_^)/
ネットサーフィンが好きな方はピーンとくるかもしれませんが、レイアウトはそんなに多くはありません、なぜならホームページの見易さや移動のしやすさなどを考えると、どうしても似たようなレイアウトになってしまうからです(*_*)
その中でもより多くの方がとりいれているレイアウトを紹介していきます☆
(この中のレイアウトを選ぶと間違いない!!…と思う…)
@まずはこのサイトで虎丸の使っているレイアウト※SEO的なもので2006年の6月にメニューを左から右に移しました(^_^;)
↓
メニュー
内職サイト
HP作成方法
掲示板日記
などなど |
画像や写真
|
更新履歴
|
メインカテゴリ…もしくは
まだカテゴリが充実していない場合ホームページの詳細な紹介文など
← 幅 →
|
Aまあほとんど↑の逆みたいな感じですがこのタイプのレイアウトが一番多いような感じです。確かにヤフーのTOPページともにたようなレイアウトなので親近感が沸くしデザイン的に綺麗に見えやすいものです。
↓
画像や写真 |
メニュー
内職サイト
HP作成方法
掲示板日記
などなど |
更新履歴
|
メインカテゴリ…もしくは
まだカテゴリが充実していない場合ホームページの詳細な紹介文など
← 幅 →
|
Bブログなどにも多いのが↓の形です
メニュー
内職サイト
HP作成
掲示板日記
などなど |
説明文 |
メニュー
広告など |
更新履歴 |
メインカテゴリ…
もしくはまだカテゴリ
が充実していない
場合ホームページの
詳細な紹介文など
← 幅 →
|
C↓これも定番ですが一番難しい…
使っている人はかなり洗練されたサイト様が多いです。シンプルがゆえにサイトの内容に自信がないと組めないレイアウトの一つとも言えます。カテゴリが充実していないと必要以上に文字を大きくしたり行間をあけまくったりとかしなければサイトが貧相に見えてしまいますので誤魔化しがきかないとも言えるかもしれません(>_<)
と大きく分けると4つになりますが、初心者の方は@かAのレイアウトがオススメですBやCも良いのですが虎丸の経験上、手間の面で@かAです(^<^)
理由を説明するとBとCは別にサブページのレイアウトも考えなくてはならないからです(>_<)
その面@とAのレイアウトは他のありとあらゆるページなどでページのレイアウトを流用しやすいからです。上のレイアウトの青く塗りつぶしている部分に注目してほしいのですが、このレイアウトをメインにしてサブページやサブサブページを作成していく場合にBとCのレイアウトでは、幅の問題が生じてしまうんです(-_-;)
どういう事かというと青く塗りつぶしたところは他のページではそのページのお題の説明を書いていったり、時には画像なども載せたりすることがありますが、特に画像を入れなければならないようなページでは幅の問題でかなり画像を小さく編集したりしなければならなくなります(;O;)
しかし@とAはどうでしょうか?おそらく一番多く幅が取れるはずです(^o^)丿
なので@かAのレイアウトであればサブページやサブサブページのレイアウトまで考える手間などがなくなるからです。
それともう一つ理由があります(・・?
それはTOPページのレイアウトとサブページのレイアウトは出来る限り同じレイアウトを使ったほうが良いからです…なぜ(・・?それは訪問者の立場にたった時に例えばTOPページでは左にメニューがあるのにサブページでは右にメニューが…はたまた違うサブページに行くと上にメニューが…<(_ _)>
…と訪問者が混乱する可能性があるからです。なのでメインになるメニューなどの位置やサイトのレイアウトなども出来るだけ一つのものを使い変更しない方がサイト内を移動しやすく訪問者の方の使いやすいレイアウトになるんです(◎o◎)
とはいえ、レイアウトはサイトの内容にもよるので自分で作成しやすそうなレイアウトを選ぶのが一番かもしれません…
さてさてお好みのレイアウトはあったかな?
レイアウト決めが終わったら次はホームページを作成する際に最低限しっておいたほが良い知識を判りやすく説明しますのでしっかり ( ..)φメモメモ してくださいね☆
次は表(テーブル)の幅を決めようへどうぞ
ホームページのレイアウト選びTOPへ |
|
|
|