トップページの例　デザインB

トップページに多くの内容を盛り込むデザインです。

本文部分を、縦にカラムで２分割、それぞれを　横に区切っています。

この例の特徴

・　トップページに、多くの情報を載せるデザイン

　　　トップページに、サイトの概要と最新情報を載せる例です。

　　　サイトを訪れた人がこのページだけで、情報を得ることができます。

　　　上下のスクロールが多くなりますが、クリック移動は少なくてすみます。

・　上部に画像つきメニューを置いたこと。

　　　Jimdoのテンプレートの左サイドバーのメニューとダブっています。

　　　Jimdoの別デザイン　上部に横にメニューがあるタイプなら、

　　　　メニュー直下に画像を並べることができるかもしれません。

　　　　まだ、試していませんが・・・。

・　カラムで縦割りにした本文それぞれを横に区切ったこと。

　　　右サイドバーが有るようなデザインです。

　　　それぞれの部分でカラム幅は調節できません。　

　　　縦には柔軟なデザインが可能です。

・　Jimdoのブログ機能の記事を　下部にピックアップして掲載。

　　　これは、カラム表示はできませんし、文字サイズなども既定のままです。

トップページに、多くの情報を載せるデザインのポイントは、

・　トップページだけで、サイトの内容を一覧できること

・　サイトの更新した部分がはっきりわかること

・　新しい情報は、このページに集約していること

Jimdoでは、全ページ共通のサイドバーがありますので、あとの部分を縦2カラムにわけて使います。

このデザインでは、左メニューのテンプレートを採用。　

　メニューとサブメニューが左上にまとまっているのが使いやすい。

　更に、上部にイラスト付きのメニューの要望があったので、メインメニューと同じ物を作りました。

本文部分は、縦にカラムで２分割、それぞれを　横に区切っています。

Jimdoでホームページ（Webサイト）を作ってみましょう！

あとりえ「パ･そ･ぼ」で、実習中です。

こちらもどうぞ　→　キュートな野鳥たち

---------------------------------------------------------------

まずは、レイアウトを選びます。

今回の条件は、

・　左サイドバー

・　メインメニューの下にサブメニューが表示される

・　２カラム

・　すっきり

人間工学的に言うと、視線はZで移動します。トップ左上にサイトのタイトルを持ってきてオリジナル画像（ロゴ風）にしましょう。

サイドバーは、右か左かは好き好きです。

マウスを右手で持っているので、右のほうが近いし、画面を横切らないのでいいかもしれません。

今回は、試しに左にサイドバーをおいてみました。

ちなみに私のブログでは、右サイドバーが多いですね。

ホームページは、左にメニューがあります。

TOPページには、どんなコンテンツを載せればいいでしょうか？

Topページはすっきりしてページのイメージを伝えればいいと考える人もいれば、目次（メニュー）の役割が主のもの、TOPページにすべてをてんこ盛りにして多くの情報を伝えたいと考える人もいます。

ただし、TOPページにFlash画像だけ、それもスキップボタン無しは、よくありません。

見る側は、散々待たされた挙句、見たい内容があまりなかったら　2度と来ないでしょう。

映画の公式ページはこのタイプも多いけれど、スキップできるようになっています。

主にメニューのページの例

　あとりえ「パ・そ・ぼ」の　Ｗｅｂページへようこそ！