ホームページの要素とレイアウトとは? | Webであなたの夢が叶う!

Webであなたの夢が叶う!

Webを活用して一歩ずつ「夢」に近づきませんか?
みなさんのサポートブログです。    

☆*・カフェビバーチェ。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00~15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に!
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。


少人数グループのイベント会場としてもご活用くださいね。
☆*・゜゚・*:.。..。.:*・☆・*:.。. .。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

こんにちは。
Webであなたの夢が叶う!のHirokoです。

以前に
HTML:ホームページの仕組み、構造
CSS:
ホームページのデザイン
JaveScript:
ホームページの働き
とお伝えしたことがあったと思います。

これは、ホームページを作るときの裏方さん的要素。

今日はこれら裏方さんではなく、
ホームページ
表側
要素とレイアウト(配置)について
です。

トップページは、いわば「
」に当たる部分。
ページの一番上に
トップ画像を配置
そして、
 ・メニューバー(ボタン)
 ・新着情報
 ・お知らせ
 ・バナー
 ・お問い合わせ方法
などの要素が続きます。

これらの要素をどのように配置するかで、
ページのアクセス数も変わってきますので、
そこでまず、ラフでレイアウト(配置図)
書いてみます。

トップページには、
 ・何を入れておくべきか(要素)
 ・その中で何を目立たせるのか(主要素)
そして、
 
・そのレイアウト(配置)は見やすいか
 お客さま目線で見て分かりやすいか
を考えながら
レイアウトしていきます。

まとめると。。。


トップページの作り方
① 何を入れておくか要素を出すこと。
② 出した要素の中から、何を目立たせるのかを決めること。
③ ①②を踏まえて、レイアウト(配置)してみる。
④ 
レイアウト(配置)はユーザー目線であるか検討する

明日は、ホームページの構成図についてです。


今日も最後まで読んでいただいてありがとうございました。