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


トップページの例 A


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

 

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

本文部分を、横に区切った部分ごとに 2~3列にカラム分けしています。

 

この例の特徴

 

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

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

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

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

 

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

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

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

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

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

 

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

   それぞれの部分でカラム幅を調性できるので、柔軟なデザインが可能です。

 

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

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

 

トップページに多くの内容を盛り込むポイントは、

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

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

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

 

上下スクロールは必要ですが、クリックでのページ移動が少なくてすみます。

 

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

 

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

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

 

更に、上部にイラスト付きのメニューの要望があったので、

 メインメニューと同じメニューをサンプルとして作りました。

画像つきメニューの例
画像つきメニューの例

 

 

 

 

 

ここで使っている画像は、サンプルなので 統一性はありません。

実際は文字だけの画像、バナー風、イラストなどで統一しましょう。

全ページに、このメニューを使ってください。

 

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

使っているJimdoの項目

 

例A 本文

・ タイトル

・ 文章  ・ 写真つき文章

・ カラム ・ 表

・ Jimdoのブログ

・ ウィジット

 

左サイドバー

・ 文章  ・ 写真つき文章

・ ウィジット

・ Twitter  ・ Facebook

 



Jimdoで作ってみよう

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

 

 初めての方でも、Jimdoなら、簡単にできます。

 最初に、サイトの目的、見て欲しい人(ターゲット)をはっきりさせましょう。

 

 出来上がってからの、更新が重要です。

 

Facebook、Twitterなどと連携して、常に新しい情報を!

 


トップページのデザイン

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

今回の条件は、

・ 左サイドバー

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

・ 2カラム

・ すっきり

おすすめの本

 2017/1/6

ウィジェットは無効にしました。

2016/12/24
Jimdoの変更に伴い、ウィジェットが表示できなくなっています
修正はこれから行いますので しばらくお待ちください。 m(__)m
詳しくはこちら → 

HTTPS、SSLサーバー証明書の対応ついて 



これは、すっきり 左サイドバー

色は変更できないらしい。

第一候補

トップに太いライン

後は、F4081と同じ

だが、印象はずいぶん違う。

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

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

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

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

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

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

 


サイドバーのメリハリがいい。

サイドバーがおしゃれ

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

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

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

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

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

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


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

コンテンツ

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

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

 

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

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

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

 

Jimdoでは、簡単にコンテンツを追加できます。

自分のアカウントや興味のあるFacebook、Twitterを表示さましょう。

ブログパーツも、サイドバーや本文中に取り込むことができます。

 

キュートな野鳥たち
キュートな野鳥たち
あとりえ「パ・そ・ぼ」のWebページへようこそ!
あとりえ「パ・そ・ぼ」のWebページへようこそ!

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

夏休み後半も手作りでエコ!

2019年8月16日

 

お盆休みも開けて、8月も後半

 蝉の声が賑わっています♪

 

夏休みには、

エコバッグや ペットボトルカバー

などを作るのもいいね

 → 手作りエコシリーズ

 

残暑見舞いを作ってみましょう。

 

暑中見舞いを頂いた方にもぜひお返事を!

 

 

 【2019年】暑中見舞いの時期・期間! いつからいつまでに出すの?  

   夏の土用(立秋前、約18日)~立秋の前日(8月6日)  

   夏の土用、立秋などは年によって違いますが、2019年は7月20日~8月8日です。  

  小暑(7月7日)~立秋の前日(8月7日) 梅雨明け~立秋の前日(8月7日)  

 残暑見舞い は、立秋以降(8月9日)~8月31日

 

盆踊りの音楽も 流れてきます。

今年はなんといっても 「東京五輪音頭」 ですよね。

 → ☆Tokyo Bon 東京盆踊り2020:盆踊りに夢中

 

そして花火!  「花火大会2019で〜す

 

あれこれ2019  

 


8月の風物詩と花暦

  

  2019年 8月

  暑中お見舞い 申し上げます

 

  (7/7~8/7~8/31 暑中・残暑見舞い)

 

 花火大会予定
 これまでの様子を どうぞ!

 ⇒ Myブログ:花火大会

 

  平成28年 『富岡八幡宮例大祭
 2008年の様子を どうぞ!

 ⇒ MyHPより

 



8/19は、『あとりえ「パ・そ・ぼ」コーナー』の誕生日です。

→ 2012/8/19 Jimdoサイト作成開始

 

今月のテーマ ~ オリジナルTシャツを作ろう

自分で撮ったお気に入りの写真やイラストで、
オリジナルのTシャツやMyグッズを作りましょう!
 
 夏の陽射しに すてきだね! 

8月の花暦 木立ベゴニア


夏休み! 手作りでエコ

2019年7月21日

 

今年は、ずっと雨が続いているけれど、

もう学校は夏休み!

 

楽しいことがいっぱい。

 

暑中見舞いを作って見ませんか?

 

エコバッグや ペットボトルカバー

などを作るのもいいね

 → 手作りエコシリーズ

 

 

 【2019年】暑中見舞いの時期・期間! いつからいつまでに出すの?  

   夏の土用(立秋前、約18日)~立秋の前日(8月6日)  

   夏の土用、立秋などは年によって違いますが、2019年は7月20日~8月8日です。  

  小暑(7月7日)~立秋の前日(8月7日) 梅雨明け~立秋の前日(8月7日)  

 残暑見舞い は、立秋以降(8月9日)~8月31日

 

盆踊りの音楽も 流れてきます。

今年はなんといっても 「東京五輪音頭」 ですよね。

 → ☆Tokyo Bon 東京盆踊り2020:盆踊りに夢中

 

そして花火!

 

あれこれ2018  

 

 


七夕の短冊でお願い★

 
七夕の笹に短冊を飾り、星に願いを託しましょう 
★☆ 七夕の短冊の飾つけ、できました。 
皆さんのお願いが叶うといいですね 
Gifアニメ第2段
これは、短冊をまとめた静止画です。 たくさんの短冊でしょ!
静止画まとめ第2段
頂いたお願いのコメントは、こちらをみてね! 
 ⇒ 七夕の短冊飾ります 2019 ~ Myブログ「ベルルのお絵かき・ふりーく」 

Web本棚mediamarkerの引っ越し先

Web本棚を引っ越しました。

 2019/1/7 記 5/31 追記

 

最近読んでる本は、FC2ブログ ⇒ あとりえ「パ・そ・ぼ」の本棚とノート

 

2018年まで使っていた「mediamarker」からの引っ越しは、以下のブクログへ

 図書館から借りた本

 ・ IT・PC:koishi-2018の本棚 ~ IT・PC・モバイル・Web・プログラミング関連の本

 ・ 文学・歴史:koishi-2018の本棚 ~ 文学・絵本・歴史・旅行など

 ・ 自然・科学・アート他:koishi-2018の本棚 ~ 上記以外、自然・科学・アート・暮らしなど

 

 木の本棚 ~ 所有している本など

 

 本以外にも PC関連のものや 日常使うものも登録していたので、
Myブログ「ベルルの欲しいなブログ」に新しいカテゴリーを追加して、まとめています。
 ◇聴いた音楽CD(68)
 ◇利用PC・IT関連(36)
 ◇家で使っているもの(30)

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

 

ブクログ IT・PC:koishi-2018の本棚 ~ IT・PC・モバイル・Web・プログラミング関連の本
ブクログ 文学・歴史:koishi-2018の本棚 ~ 文学・絵本・歴史・旅行など
ブクログ 自然・科学・アート他:koishi-2018の本棚 ~ 上記以外、自然・科学・アート・暮らしなど
ブクログ 木の本棚 ~ 所有している本など

 前から使っているブクログ パそぼの2つめの本棚 ~ 読みたい・気になる本を登録しています。

 

キーワード : 本 図書館 読書
  

2019/1/20で閉鎖されるmediamarker

 

移行先への 引っ越し作業中です。

 FC2ブログと

 ブクログの新しい本棚サイトへ 

 

mediamarkerに書いた本の抜粋と2018年以降の本

  ⇒ Myブログ:あとりえ「パ・そ・ぼ」の本棚とノート

 

mediamarkerでとりあげた本以外の物や音楽 

  ⇒ mediamarkerより ~ Myブログ「ベルルの欲しいなブログ」

 

引っ越し作業について

 ⇒ 『メディアマーカーがサービス終了、どうする?

 ~ Myブログ「パそぼとベルルのあれこれフリーク」

 

どうぞよろしく お願いします。

 



2017/1/6 ブログ「あとりえ「パ・そ・ぼ」のITノート」は、 休止中なので ウィジェットは 削除しました。


 

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