あとりえ「パ・そ・ぼ」コーナー ★ Jimdoで作ろう、ステキなページ


トップページの例 B


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

 

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

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

 

この例の特徴

 

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

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

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

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

 

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

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

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

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

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

 

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

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

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

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

 

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

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

 

 

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

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

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

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

 

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

 

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

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

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

 

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

 

 


Jimdoで作ってみよう

Jimdoでホームページ(Webサイト)を作ってみましょう!

 

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

 

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

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

トップページのデザイン

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

今回の条件は、

・ 左サイドバー

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

・ 2カラム

・ すっきり


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

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

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

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

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

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

 

 

 

 

 

これは、すっきり 左サイドバー
色は変更できないらしい。
第一候補です。


メニューの構成

 

メニューの構成は重要です。

 

従来のサイト作成では、ページの配置を変えるとリンクを貼り替える作業が大変でした。

Jimdoのような「CMS」システムでは、それがいとも簡単にできるます。

メニューの前後や上下移動、表示・非表示が簡単に変更でき、即ビジュアルで確認できます。

納得がいくまで、調整しましょう!

消さずに非表示にして置けるので、作業メモを書くページにも使えます。

 


コンテンツ

 

 

コンテンツの例

 

キュートな野鳥たち

 

 

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

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

 

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

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

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

 

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

 あとりえ「パ・そ・ぼ」の Webページへようこそ!

トップページの例B
トップページの例B

あとりえ「パ・そ・ぼ」のWebページへようこそ!
あとりえ「パ・そ・ぼ」のWebページへようこそ!



以上では、本文を2カラムに分けて作ってみました。左サイドバーと合わせると 3カラムです。

 

以下は、カラムわけにしていないコンテンツです。

 

Jimdo利用メモ

河津桜の咲く頃

早春を彩る「カワヅザクラ」(河津桜)

もう一つのブログに載せた写真記事のまとめです。
 ⇒ カワヅザクラ ~ Myブログ「散歩道の野草と風」

 まず最初に見に行くのは、「近所のマンションのカワヅザクラ」

 ついでに足を伸ばして、「住宅の合間のカワヅザクラ

 友人と散歩に行くのは、「猿江恩賜公園のカワヅザクラ

 ここは、時間に余裕を持って見に行きます。 「小松川千本桜のカワヅザクラ

 その他 すべて カワヅザクラ

    ~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~

カワヅザクラ見頃はいつ???
大雑把に まとめると、
咲き始めは早くて 2/7、2/15~2/18 ~ 見頃 3/4、 葉桜 3/19、実 4/19 

 

 

まとめて見るなら、こちらから → Myブログ:カワヅザクラ

 

個別の記事は以下をご覧ください!

 

2024年2月24日 : 2/24 カワヅザクラが満開:小松川千本桜
2024年2月20日 : 2/19 雨の中、カワヅザクラを見に行く ~ カワヅザクラ が咲く頃で・・・
2024年2月18日 : カワヅザクラを見よう! 2月中旬から3月前半ぐらい ~ 2024/02/10 記、

 

 


2023年2月28日

 

2023年4月19日 : 4/18 カワヅザクラの実 トキワマンサクの花と赤い葉 コデマリの花 ~ 20230418_散歩 シリーズ・・・
2023年3月28日 : 3/28 小松川千本桜の風景 ~ 20230328_散歩 シリーズ・・・
2023年3月4日 : 3/4 近所のカワヅザクラが美しい ~ 2月に満開になった 「近所・・・

2023年3月2日 : 2016/3/13 カワヅザクラ並木とスカイツリー:旧中川 ~ → 20160303_散歩 シリーズ・・・
2023年2月28日 : 2/28 カワヅザクラ みごと!:小松川千本桜 ~ 20230228_散歩 シリーズ・・・
2023年2月27日 : 2/25 近所のカワヅザクラが満開 ~ 2/25 このあたりで一番早・・・
2023年2月22日 : 2/22 カンザクラ(河津桜)にメジロも:猿江恩賜公園 ~ 20230222_散歩 シリーズ・・・
2023年2月18日 : 2/18 カワヅザクラの蕾とひとひらの花 ~ 20230218_散歩 シリーズ・・・

2022年4月10日 : 4/6 小松川千本桜のサクラの散歩 ~ 20220406_散歩 シリーズ・・・
2022年3月17日 : 3/11 小松川千本桜の河津桜、再び。 ~ 小松川千本桜の カワヅザ・・・
2022年3月11日 : 3/7 木場公園と大横川のカワヅザクラ ~ 20220307_散歩 シリーズ・・・
2022年3月9日 : 3/7 住宅の合間に1本のカワヅザクラ発見! ~ 20220307_散歩 シリーズ・・・
2022年3月8日 : 3/6 小松川千本桜の河津桜(カワヅザクラ) ~ 毎年おなじみの カワヅザ・・・
2022年3月6日 : 3/4 木場公園・大横川沿いの河津桜 ~ 20220304_散歩シリーズ:・・・
2022年3月4日 : 3/4 近所の河津桜は満開 ~ 20220304_散歩シリーズ・・・
2022年2月28日 : ◎2/28 猿江恩賜公園のカンザクラ(河津桜) は、カワヅザクラ! ~ 20220228_散歩 猿江恩賜公・・・

2021年11月1日 : 10/28 カワヅザクラの黄葉 ~ キーワード : 20211028_・・・
2021年4月12日 : 4/12 ソメイヨシノとカワヅザクラの実 ~ 20210412_散歩 シリーズ・・・
2021年2月23日 : 2/22 カワヅザクラが咲いたよ!:小松川千本桜 ~ 20210222_散歩 シリーズ・・・
2021年2月12日 : 2/12 カワヅザクラが咲き初め ~ 2021/2/12 「近所のマンシ・・・

2020年3月5日 : 3/1 カワヅザクラ満開から葉桜へ:小松川千本桜 ~ 3月1日 気持ちの良い午後・・・
2020年2月7日 : 2/3 早くもカワヅザクラが咲いた ~ 20200203_散歩 シリーズ・・・

2019年3月11日 : 2019/3/3 近所のカワヅザクラ満開 ~ 3月3日 ひな祭り、 朝か・・・
2018年3月18日 : 3/17 カワヅザクラは満開を過ぎて ~ 今シーズン2回目の 「小・・・
2018年2月26日 : 2/26 カワヅザクラが咲きました:小松川千本桜 ~ 「小松川千本桜のカワヅザ・・・
2018年2月15日 : 2/15 早めに咲いた?カワヅザクラ ~ 今日は、少し寒さが緩んだ・・・

2017年3月5日 : 3/3 カワヅザクラ: 「白金台どんぐり児童遊園」 ~ → 20170303_庭園美術館 シ・・・
2017年2月26日 : 2017/2/26 葉が出た河津桜と寒緋桜:小松川千本桜 ~ 2/26(日) 午後、友人と・・・
2017年2月21日 : カワヅザクラを早めに見に行く:小松川千本桜 ~ → Myブログ:20170220_・・・

2016年3月8日 : 3/5 カワヅザクラ:大横川 ~ → 2016030_5散歩 シリーズ・・・
2016年3月3日 : 3/3 カワヅザクラ:小松川千本桜 ~ → 20160303_散歩 シリーズ・・・

2015年3月13日 : 3/13 カワヅザクラが満開:小松川千本桜 ~ → 20150313_小松川千本桜・・・
2014年3月7日 : 3/7 カワヅザクラ満開、小雪が:小松川千本桜 ~ この前咲き始めていた カ・・・
2014年2月27日 : 2/27 カワヅザクラが咲き始め:小松川千本桜 ~ 今日は、寒さがゆるみ 2月・・・
2012年4月14日 : 4/10 カワヅザクラ、花は終わり:小松川千本桜 ~ 2012/04/10 小松川千本桜・・・

2008年3月12日 : 3/8 カワヅザクラ:新宿御苑 ~ 20080308_新宿御苑 新宿・・・
 

20080308_新宿御苑

 

まとめて見るなら、こちらから → Myブログ:カワヅザクラ  

 


バーチャルお雛様飾り:2007~

 

毎年飾っている バーチャル お雛様を並べました。

 

 ⇒ 桃の節句と雛祭り ~ Myブログ「ベルルのお絵かき・ふりーく」

 

   お雛様を飾ろう:バーチャル雛祭り

 

立春(2月4日)頃に飾りるのが一般的だそうです

 

2024年 2015年と同じ、Androidifyのお雛さまと三人官女です。

 

  2024

 

2023年 2020年と同じ、ティモシーとサラのお雛様を飾りました。

 

  2020

 

 

2022年 まだまだ、コロナ禍をアマビエ様に守ってもらいたい

    2021年と同じ雛飾りを並べました。

 

2021年 アマビコ(雨彦)とアマビエの 雛カップルが届きました。

  布製の三人官女も!

 

  2021

 

   雨彦、アマビエ 布官女

 

    ~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~

 

2020年 ティモシーとサラのお雛様がとどきました!

  折り紙の5人囃子も初登場

 

  2020 

 

  ティモシーとサラ 折り紙

 

    ~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~

 

2019年 ミニ内裏雛のデザイン画と

 紙粘土で作った3人官女を飾りました。

 

  2019 紙粘土雛と官女Gifアニメ

 

    ~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~

 

 2018年 2015年と同じ雛飾りを並べました。

 2017年 2015年と同じ雛飾りを並べました。

 

    ~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~

 

2016年  Androidifyで作ったお内裏様とお雛様も登場!

 

  2016 

 

   

 

Androidifyでキャラをつくろう ~ Myブログ「パそぼのあれこれフリーク:Part2」

 

    ~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~

 

2015年 猫ちゃんのお内裏様とお雛様が届きました。

  Androidifyで作った3人官女も!

 

  2015 

 

 

    ~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~

 

 2014年 2007年と同じ雛飾りを並べました。

 2013年 2007年と同じ雛飾りを並べました。

 2012年 2007年と同じ雛飾りを並べました。

 

 2011年 2009年と同じ雛飾りを並べました。

 2010年 2007年と同じ雛飾りを並べました。

  

    ~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~

 

2009年 可愛い女雛さんとDMVが届きました。

 大内人形雛や薩摩びなを加工して飾りました。

 

  2009 DMV Gifアニメ

 

    ~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~

 

2008年  去年作った雛飾りを並べます。  

 

2007年 初めてのバーチャルひな祭り。「ベルルと仲間たち

毎日寒いですね。北海道からは、雪の便り。
なんか面白いことをして、 春を先取りしませんか?
というわけで、バーチャルひな祭り に飾る 雛飾りを、募集しました。

 

  2007

 

ブログ仲間から届いた雛飾りを 豪華な五段飾り に並べます。

 飾るのは・・・

内裏雛、三人官女、五人囃、左右大臣、三人使丁

左近の桜、右近の橘、菱餅、白酒、桃の花

調度 ~ 重箱、箪笥、長持、鋏箱、鏡台、針箱、お茶の道具

     駕籠、御所車、牛車など

 

 


3月の風物詩と花暦

  

  2024年 3月

 

  寒さも緩んできました。

  桃の節句、ひな祭り。

  ホワイトデー

  月末には、桜の便りも。

  

 3月は、別れと節目の季節。

 ひとつ成長した自分をめざそう!

 

  2/15~3/3 ひなまつり 
  バーチャル雛飾り

 

 



3月のテーマ  ~ 旅行の思い出アルバム 旅の想い出へ

 
今年は、バーチャル旅行へ! 計画を立てるだけでもワクワクします。 

Webならでは、普段行けないところへ GO!。
 
これまでの旅の思い出を整理しましょう!
写真は印刷したり、Webアルバムやブログ旅日記もおすすめ!

 

2024年 3月の花暦 新: クリスマスローズ  旧: クリスマスローズ  (寒芍薬)


あとりえのひな祭り

「あとりえ」には、リアルなおひなさまも飾っています。

 

2021年に仲間になったのは、「半円形の布製の」お雛様。
  ⇒  2021年のバーチャル雛飾りとおひな様たち
   ~ Myブログ「パそぼのあれこれフリーク:Part2」

Goo5

 

2020年に仲間になったのは、「折り紙」で作ったお雛様。
  ⇒ 「折り紙えほん」で折り紙しよう!
   ~ Myブログ:あとりえ「パ・そ・ぼ」の本棚とノート

Goo5

2018年に仲間になったのは、「豆親王雛」。 陶芸教室で 作りました!
 ⇒ 2018/1/21 「陶芸教室:9回目」
      ~ Myブログ「パそぼのあれこれフリーク:Part2」

Goo5

めも:2018/02/18 CX2 で撮影



 そして 秘蔵のコレクション!?です。

☆ 「山口の大内人形」 ~ 漆に蒔絵 
  コロンとした形が かわいいです。
  お小遣いの範囲で一番小さいものを買ったような記憶があります。
Goo5

☆ 「鹿児島のさつま郷土人形 糸びな」 ~
  衣装は紙製ですが豪華な感じ
  図柄は物語絵巻の一こまのようです。
  お顔がイマジネーションをくすぐりませんか? 
  流し雛に使われていたのでしょうね。


Goo5

めも:2006年に撮影



 → 大内人形について | 長州苑 ・ 大内人形

 → 薩摩糸びな ・ 薩摩糸雛: 鹿児島大学総合研究博物館 から
・ かごしま歴史街道vol.10 - 鹿児島西ロータリークラブ
・ 九州のひなまつり(3) - 薩摩の土人形
 


バレンタインデーとホワイトデー

2月14日のバレンタインデーと 3月14日のホワイトデー
春の訪れにさきがけて ウキウキした気分。

 

 

バレンタインデー ですね!


手作りチョコのレシピはこちら
 毎年の「超簡単 チョコ レシピ」の記事 ~ ベルルのお絵かき・ふりーく

 

    ~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~


チョコはさておいて、ハート型のものを探しました。

 

ムクドリが、さくらの花びらのハートに見とれている。
花びらGoo5 ムクドリGoo5

2017年4月24日 ⇒ 北へ帰る前のカモ、晩春の野鳥 4/24 ~ Myブログ「パそぼのあれこれフリーク:Part2」

 


最近バッグに付けている 大きなハートのストラップ
 ⇒ 2007/11/1 「映画:ヘアスプレーを観て」 ~ Myブログ「パそぼのあれこれフリーク:Part2」
Goo5


2020/02/14 プリムラ・マラコイデスの花をハートのお皿に飾りました。


2018年 深川ギャザリアのバレンタインデーの寄せ植え鉢
2018年2月28

 

    ~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~

 

★バレンタインデーは手作りチョコやチョコレートケーキで!

 



09わんだFUチョコ-4.jpg

ベルルのレシピで作った   ラブリーなチョコレート

 Myブログ:バナナと豆腐のチョコレートブラウニーを作ります


「レンジで簡単!バナナと豆腐のチョコレートブラウニー」

 

美味しい! これならいつでも作って食べたい~~ (*^_^*)♪

 

 


0 コメント

2017/1/6

flicker のウィジェットは削除しました。



あとりえ「パ・そ・ぼ」コーナー ★ Jimdoで作ろう、ステキなページ