あとりえ「パ・そ・ぼ」コーナー ★ Jimdoで作ろう、ステキなページ
トップページの例 デザインA
トップページに多くの内容を盛り込むデザインです。
本文部分を、横に区切った部分ごとに 2~3列にカラム分けしています。
この例の特徴
・ トップページに、多くの情報を載せるデザイン
トップページに、サイトの概要と最新情報を載せる例です。
サイトを訪れた人がこのページだけで、情報を得ることができます。
上下のスクロールが多くなりますが、クリック移動は少なくてすみます。
・ 上部に画像つきメニューを置いたこと。
Jimdoのテンプレートの左サイドバーのメニューとダブっています。
Jimdoの別デザイン 上部に横にメニューがあるタイプなら、
メニュー直下に画像を並べることができるかもしれません。
まだ、試していませんが・・・。
・ 横に区切った本文それぞれをカラムで縦割りにしたこと。
それぞれの部分でカラム幅を調性できるので、柔軟なデザインが可能です。
・ Jimdoのブログ機能の記事をピックアップして掲載。
これは、カラム表示はできませんし、文字サイズなども既定のままです。
トップページに多くの内容を盛り込むポイントは、
・ トップページだけで、サイトの内容を一覧できること
・ サイトの更新した部分がはっきりわかること
・ 新しい情報は、このページに集約していること
上下スクロールは必要ですが、クリックでのページ移動が少なくてすみます。
Jimdoでは、全ページ共通のサイドバーがありますので、あとの部分を縦にカラムでわけて使います。
このデザインでは、左メニューのテンプレートを採用。
メニューとサブメニューが左上にまとまっているのが使いやすい。
更に、上部にイラスト付きのメニューの要望があったので、
メインメニューと同じメニューをサンプルとして作りました。
ここで使っている画像は、サンプルなので 統一性はありません。
実際は文字だけの画像、バナー風、イラストなどで統一しましょう。
全ページに、このメニューを使ってください。
使っているJimdoの項目
例A 本文
・ タイトル
・ 文章 ・ 写真つき文章
・ カラム ・ 表
・ Jimdoのブログ
・ ウィジット
左サイドバー
・ 文章 ・ 写真つき文章
・ ウィジット
・ Twitter ・ Facebook
Jimdoでホームページ(Webサイト)を作ってみましょう!
初めての方でも、Jimdoなら、簡単にできます。
最初に、サイトの目的、見て欲しい人(ターゲット)をはっきりさせましょう。
出来上がってからの、更新が重要です。
Facebook、Twitterなどと連携して、常に新しい情報を!
まずは、レイアウトを選びます。
今回の条件は、
・ 左サイドバー
・ メインメニューの下にサブメニューが表示される
・ 2カラム
・ すっきり
2017/1/6
ウィジェットは無効にしました。
2016/12/24
Jimdoの変更に伴い、ウィジェットが表示できなくなっています
修正はこれから行いますので しばらくお待ちください。 m(__)m
詳しくはこちら →
これは、すっきり 左サイドバー
色は変更できないらしい。
第一候補
トップに太いライン
後は、F4081と同じ
だが、印象はずいぶん違う。
人間工学的に言うと、視線はZで移動します。トップ左上にサイトのタイトルを持ってきてオリジナル画像(ロゴ風)にしましょう。
サイドバーは、右か左かは好き好きです。
マウスを右手で持っているので、右のほうが近いし、画面を横切らないのでいいかもしれません。
今回は、試しに左にサイドバーをおいてみました。
ちなみに私のブログでは、右サイドバーが多いですね。
ホームページは、左にメニューがあります。
サイドバーのメリハリがいい。
サイドバーがおしゃれ
メニューの構成は重要です。
従来のサイト作成では、ページの配置を変えるとリンクを貼り替える作業が大変でした。
Jimdoのような「CMS」システムでは、それがいとも簡単にできるます。
メニューの前後や上下移動、表示・非表示が簡単に変更でき、即ビジュアルで確認できます。
納得がいくまで、調整しましょう!
消さずに非表示にして置けるので、作業メモを書くページにも使えます。
--------------------------------------------------------------------------------------------------------------
TOPページには、どんなコンテンツを載せればいいでしょうか?
Topページはすっきりしてページのイメージを伝えればいいと考える人もいれば、目次(メニュー)の役割が主のもの、TOPページにすべてをてんこ盛りにして多くの情報を伝えたいと考える人もいます。
ただし、TOPページにFlash画像だけ、それもスキップボタン無しは、よくありません。
見る側は、散々待たされた挙句、見たい内容があまりなかったら 2度と来ないでしょう。
映画の公式ページはこのタイプも多いけれど、スキップできるようになっています。
Jimdoでは、簡単にコンテンツを追加できます。 自分のアカウントや興味のあるFacebook、Twitterを表示さましょう。 ブログパーツも、サイドバーや本文中に取り込むことができます。
|
--------------------------------------------------------------------------------------------------------------
10月は、ハロウィンの季節
かぼちゃのお料理、作ってみませんか。
公園などの ディスプレイ、
これまでの写真をピックアップしました。
こちらもみてね
⇒ 「ハロウィン」 ~ パそぼのあれこれフリーク:Part2
・ 毎年の「ハロウィン」の記事 ~ Myブログ「ベルルのお絵かき・ふりーく」
・ 10/31 ハロウィン! ~ Myブログ「ベルルの気ままなブログ」
・ Myブログ:ハロウィンだ!かぼちゃで遊ぼう
・ Myブログ:「ハロウィンにかぼちゃのデザートを作ろう!」
まとめです。
→ ハロウィン ~ パそぼのあれこれフリーク:Part2
→ ハロウィン ~ ベルルのお絵かき・ふりーく
→ ハロウィン ~ ベルルの欲しいなブログ
ハロウイーン(Halloween)は、キリスト教の 諸聖人の日(万聖節)の前晩(10月31日)に行われる伝統行事。
参考 フリー百科事典『ウィキペディア(Wikipedia)』 → ハロウィン、万聖節(諸聖人の日)
10月のテーマ ~ パソコンでお絵かきに挑戦
子供の気分で 絵日記はいかが!
パソコンやタブレットなら、画材がなくても 簡単に描けちゃう
まずは、パソコンに付属のペイントで!
ワード作品 も侮れない。(*^_^*)♪
Myガーデンで ミョウガを育てています。
台風一過、青空が気持ちの良い午後、
ミョウガを収穫しました。
大きなのやほっそりしたの 全部で4つ
並べると かわいいね。
食べる前に 写真をパ・チ・リ。
そうだ! スッケチしましょう!
鉛筆でデッサンをして、
フォトショップで彩色しました。
9/22~23は秋分の日、お彼岸です。
秋の七草 が 楚々と咲いています。
■ハギ・キキョウ / クズ・フジバカマ / オミナエシ / オバナ・ナデシコ /
秋の七草 これまでの写真を、並べてみました。 萩(ハギ) 2010年10月24日
フジバカマ 藤袴 ⇒ 2007年10月20日
オミナエシ(女郎花) ⇒ 浜離宮恩賜庭園 2010/10/17
オバナ 尾花 ススキ 2011年10月7日
ナデシコ 撫子 2009年9月24日
♪ ---- ♪ ---- ♪ ---- ♪
こちらも見てね!
⇒ 秋の七草 ~ Myブログ「散歩道の野草と風」
⇒ 秋の七草 ~ Myブログ「花とおしゃべり:Niwa niha Hana(庭には花)-2」
⇒ 秋の七草 ~ Myブログ「Niwa niha Hana」
春の七草 は、 ♪ セリ · ナズナ · ゴギョウ · ハコベラ · ホトケノザ・ スズナ · スズシロ
春の七草 の写真はこちら
⇒ 春の七草 ~ Myブログ「散歩道の野草と風」
⇒ 春の七草 ~ Myブログ「花とおしゃべり:Niwa niha Hana(庭には花)-2」
⇒ 春の七草 ~ Myブログ「Niwa niha Hana」
中秋の名月などの「月の昇る頃」の写真を まとめてみました。(夏は南寄り、冬は北寄り)
(9/22~23は秋分の日、お彼岸ですよ)。
● 2024年
2024年 中秋の名月は9月17日、翌18日が満月です。
9月17日中秋の名月は、雲でよく見えず撮影は諦め。
9月18日も曇っていて諦めかけていたけれど、
23時半ごろ 晴れてきれいな満月を見ることができました。
● 2023年
2023年9月29日は、中秋の名月で満月です。
お月見しましょう。
18時10分
雲ひとつ無い夜空に、満月が昇りはじめました。
オレンジ色の大きな月です。
斜めの線が気になるので、撮りなおしたかったけれど、
その後、しばらくは雲に隠れてしまいました。
20時5分 ようやく雲の合間から顔を出しました。
十五夜 お月さん、輝いています。
~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~
● 2022年
おまけ ⇒ Myブログ:9/11 雲の合間に十六夜の月
~ ~ ~ ☆ ~ ~ ~ ☆ ~ ~ ~
ラッキー! 雲ひとつ無い夜空に、きれいな満月が昇りました。
22時30分 だいぶ高く登りました。
ウサギさん、こんばんは。
十五夜 お月さん
● 2021年
● 2020年
● 2014年
こちらもみてね。
→ 満月の昇る位置って変わるの? ~ パそぼのあれこれフリーク:Part2
毎年の様子はこちら
⇒ 中秋の名月 ~ Myブログ「パそぼのあれこれフリーク:Part2」
⇒ 中秋の名月 ~ Myブログ「ベルルのお絵かき・ふりーく」
⇒ 中秋の名月 ~ Myブログ「ベルルの欲しいなブログ」
参考 中秋の名月はいつ? (旧暦の十五夜は満月か?)