Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

ホームページお助け隊Jimdo紹介201207r2.4

4,140 views

Published on

入門講座用のPDF資料。

  • Be the first to comment

ホームページお助け隊Jimdo紹介201207r2.4

  1. 1. 1.パソコンをインターネットに接続してください。2.ホームページの名称を決めてください。 (例 ofunato-taro)3.パスワード連絡用メールアドレスを記録してください。4.講座参考資料:ホームページお助け隊URLhttp://homepage-otasuke.jimdo.com/ <資料をダウンロードしてください。> ⇒製作依頼をしたい方 ⇒JIMDO利用方法 ⇒PPTまたはPDF をダウンンロード
  2. 2. はじめてのJIMDO(ジムドゥ)講座 2012年7月講座にて ホームページお助け隊 Ver2.4 改訂2012/07/09
  3. 3. JIMDOを楽しむ機能1.ホームページ作りは真似上手が早道2.文章と写真(ギャラリー)が基本3.レイアウトはお気に入りのサンプルから選ぶ4.操作の基本パターンになれる5.動画(youtube)や地図(グーグル)も表示できる6.フェースブック、ツイッターに連携すると楽しい7.ブログ機能ある・・少し不満くらいが丁度よい8.自分のデジカメ動画をyoutube登録する
  4. 4. KSVNでの紹介ページ5/19 東北のホームページ作成支援をしよう!ホームページ作成講座(入門編)参加者募集http://ksvn.jp/ksvn_headline_news32953.html
  5. 5. 事例1(ホテル三陽)◆ホテル三陽様(宿泊案内、陸前高田市) URL http://www.hotel-sanyo.jp/ <経緯>(担当:KSVN落合) ・金太郎ハウス経由での作成依頼。 ・HP運用は、ホテル三陽
  6. 6. 事例2(ママハウス)◆ママハウス(NPO法人、釜石市) URL http://mamahouse.jimdo.com/ <経緯>(担当:KSVN伊藤) ・HP運用は、ママハウス
  7. 7. 事例3(みらい南三陸)◆みらい南三陸様(ワカメ販売、南三陸町) URL http://mirai-minamisanriku.jimdo.com/ <経緯>(担当:KSVNカール) ・ボランティアインフォ代表経由での作成依頼 ・HP運用は、HP担当者自身が現地担当者と連携して実施。 メール問い合わせも多数あり、代理回答。 ・HP公開後、注文や寄附が大幅に増加。
  8. 8. 事例4(まごころ広場うすざわ)◆まごころ広場うすざわ様(コミュニティ紹介、大槌町) URL http://magokorohiroba-usuzawa.jimdo.com/ <経緯>(担当:カール) ・子ども達に笑顔をプロジェクトの大槌での活動先である 『まごころ広場うすざわ』を広報するため作成。 ・HP運用は、広場の臼澤館長BLOGサポータの仲間と協働で実施
  9. 9. 事例5(福島応援隊)◆KSVN有志の福島応援隊(KFOP)(ボラ活動紹介、KSVN有志) URL http://kfop.jimdo.com/ <経緯>(担当:ナベ) ・KFOPブログはあるが、活動紹介するHPを作成 →HP作成の相談があり、JIMDOを紹介。翌日には初版が公開された。 ・HP運用は、福島応援隊。FBグループにも参加。
  10. 10. 事例6(チームシュクラン-石巻)◆石巻のお母さん達のHP&ブログ(手作りアクセサリの販売) URL http://shukuran.jimdo.com/ <経緯:ボラインフォ紹介>(担当:カール) ・ブログ(http://shukuran.com/)はあったが、最初に作ってもらったまま。 →HP更新の相談があり、JIMDOに移行となった。 ・これからはFBも使っていきたいとのこと。
  11. 11. 事例7(小川旅館-大槌)◆大槌の400年の老舗旅館・絆館として開業 URL http://ogawaryokan.jimdo.com/ <経緯:KSVN紹介>(担当:万行) ・KSVN生活支援隊@大槌メンバーが訪問して要請を受けた。 →被災前もHPはなく、観光協会や旅行会社での紹介のみ ・最初は絆館として開業。本町(市街地)復興したら本館を開業。
  12. 12. 事例8(小鎚神社-大槌)◆恒例の神社例祭(復興まつり)に向けたPRと寄附募集 URL http://kozuchi-shrine.jimdo.com/ <経緯:臼澤良一さん>(担当:カール) ・昨年は助成金や蓄財があったが、今年は開催危機。 ・大槌町の外にいる地元出身者やボランティアへの情報発信をする。
  13. 13. 事例9(ランプアップ岩手-陸前高田)◆車椅子で移動できるユニバーサル社会を陸前高田で開始。その応援 URL http://rampupiwate.jimdo.com/ <経緯:松嶺さん>(担当:吉田、落合) ・盛岡在住の松嶺(TAKA)さんと応援団が推進中
  14. 14. 事例10(教育・こども支援-KSVN)◆KSVN活動のひとつとしての教育・こども支援をやっていく URL http://ksvn-kyouikushien.jimdo.com/ <経緯:KSVN>(担当:石田、山田) ・現在、カタリバと連携し、大槌で教育支援にも協力している
  15. 15. 作ってみよう私のホームページ
  16. 16. お絵描き感覚で作ってみよう◆ドイツ生まれの世界一かんたん! がうたい文句。◆ホームページは初めて!でも、お絵描き感覚で。◆あ、自分でもホームページ作れた!の感動を。◆物まね上手で始めてみる。◆デザインに欲を出さない。伝える内容が大切!◆あれもできないこれもできない、が良い。
  17. 17. JIMDO作り方の目次1.JIMDOアカウントを登録する2.ログインとログアウト3.内容を変えてみる(編集画面)4.デザインを変えてみる5.困ったときのヒント6.ブログ投稿する7.ワ-ドやPDFをダウンロードする8.動画、ギャラリーを投稿する9.フェイスブックとツイッターに連動する
  18. 18. 4種類の編集メニューが登場します1.項目リスト ヘッダー2.メインメニュー :表紙の写真(図)やタイトル文字を編集3.ヘッダー4.ナビゲーション 項目リスト:内容の編集 ナビゲーション :ページの名前を編集 メインメニュー- :全体に共通な編集
  19. 19. JIMDO作り方の目次1.JIMDOアカウントを登録する2.ログインとログアウト、プレビュー(お試し)3.内容を変えてみる(編集画面)4.デザインを変えてみる5.困ったときのヒント6.ブログ投稿する7.ワ-ドやPDFをダウンロードする8.動画、ギャラリーを投稿する9.フェイスブックとツイッターに連動する
  20. 20. 通知用のメールアドレスを準備1.登録用メールアドレスの準備①手元にあるPC用、スマホ用、ケータイ用のいずれか②登録時に確認メールが届きます。2.新たにメールアカウントを作る①お勧めはグーグルメール xxxx.xxxx@gmail.com②Webメールだと、どこからでも見れるから便利
  21. 21. JIMDOアカウントを登録1.ホームページ名称(赤字部分)を決めます① http://xxxx-xxx.jimdo.com/ (英数字、ハイフン)②登録する名称は使われていないか事前に ネットについないで確認する2.アカウント登録画面にアクセスする ① http://jp.jimdo.com/ ②名称と通知メールアドレスを登録 ③利用規約にチェックいれて登録3.文字認証の画面を入力する
  22. 22. JIMDOアカウントを登録する4.通知用メールアドレスに登録確認メールがきます。 ①仮のパスワードを覚えます。 ②登録されたURLでネットに 接続します。 ③正しく表示されたら完了。5.仮のパスワードは後で変更できます。 ※ 設定→パスワード変更6.自分のホームページを確認してみましょう ※ 表示されているURLアドレスは編集用のものです。
  23. 23. JIMDO作り方の目次1.JIMDOアカウントを登録する2.ログインとログアウト、プレビュー(お試し)3.内容を変えてみる(編集画面)4.デザインを変えてみる5.困ったときのヒント6.ブログ投稿する7.ワ-ドやPDFをダウンロードする8.動画、ギャラリーを投稿する9.フェイスブックとツイッターに連動する
  24. 24. ログイン、ログアウト、プレビュー1.JIMDOから送られた仮のパスワードを確認します。2.画面右下にある<ログイン>をクリックします。3.パスワード入力画面に仮のパスワードを入力します。4.ブラウザ画面のURL表示(編集用)に変わります。
  25. 25. ログイン、ログアウト、プレビュー5.ログイン状態の(編集用の)URL表示です。 ①この状態がログイン状態です。 これで内容の変更(編集)ができます。 ②画面の右側に<メインメニュー> が表示されます。
  26. 26. ログイン、ログアウト、プレビュー6.<プレビュー>は、変更内容を事前確認します。 <編集>表示をクリックすると<プレビュー>表示に戻る。7.<ログアウト>をクリックすると一般公開されます。
  27. 27. ログインパスワード変更1.ログインパスワードを変えます。(任意) ①JIMDOから送られたパスワードを変えます ②右メニューの歯車(設定)→ログイン項目<パスワード> をクリックします。
  28. 28. ログインパスワード変更2.ログインパスワードを変えます。(任意) ①旧パスワード(JIMDOから送られた仮のパスワード)と 新パスワード(確認用も)を入力し,<保存>します。 ②ログアウト→ログインで新パスワードを確認します。 ③<保存>します。
  29. 29. JIMDO作り方の目次1.JIMDOアカウントを登録する2.ログインとログアウト、プレビュー(お試し)3.内容を変えてみる(編集画面)4.デザインを変えてみる5.困ったときのヒント6.ブログ投稿する7.ワ-ドやPDFをダウンロードする8.動画、ギャラリーを投稿する9.フェイスブックとツイッターに連動する
  30. 30. ホームページの内容を編集する1.最初に表示されている内容は仮の状態です。 ①最終的にはすべて書き直しできます。 ②追加(プラス)、変更(直接編集)、 コピー、削除(ゴミ箱)ができます。 ③変更後は<保存>を忘れずに。2.上下の↓↑で項目を移動します。3.変更結果はプレビューまた はログアウトで確認できます。
  31. 31. ホームページの内容を編集する4.画面の内容のプラス(+)をクリックすると、 左側にメニュー(項目リスト)が表示されます。
  32. 32. ホームページの内容を編集する5.項目リストの最もよくつかう基本機能 ①見出し ②文章 ③写真 ④写真付き文章 ⑤水平線*実際に自由に操作してみてください。
  33. 33. ホームページの内容を編集する5.項目リストの最もよくつかう基本機能 ①見出し ②文章 ③写真 では、慣れるまで ④写真付き文章 編集操作を覚えましょう ⑤水平線*実際に自由に操作してみてください。
  34. 34. リンクを貼る6.内部(ページ)や外部のサイトをリンクでつなげます。 ①文章(文字列)に貼る ②画像に貼る ③内部リンク ④外部リンク ⑤バナーリンク
  35. 35. 地図を貼る7.グーグルマップ(地図)を貼ります。 ①項目アイテムでGoogleマップを選ぶ ②地図の新しい目的地を指定する
  36. 36. JIMDO作り方の目次1.JIMDOアカウントを登録する2.ログインとログアウト、プレビュー(お試し)3.内容を変えてみる(編集画面)4.デザインを変えてみる5.困ったときのヒント6.ブログ投稿する7.ワ-ドやPDFをダウンロードする8.動画、ギャラリーを投稿する9.フェイスブックとツイッターに連動する
  37. 37. レイアウトを変えるレイアウトを変えてみる:いくつか変えてみる:変更する、しない:スペシャルレイアウトもお好み次第
  38. 38. ヘッダーを変える1.ヘッダーを変えてみる:オリジナル画像:背景パターン:ヘッダーの高さ、ズーム2.タイトルを書いてみる
  39. 39. ナビゲーション(ページ名)を変えるナビゲーション(ホームページの中の各ページ):内部ページの名前を変える:内部ページを追加する(新規):内部ページを削除する:非表示にする:ページを階層化する:ページの並びを変える
  40. 40. ページ単位の非表示例 『ニュース』というページをまだ表示させたくないとき 公開画面では表示されません 『ニュース』を非表示とする
  41. 41. JIMDO作り方の目次1.JIMDOアカウントを登録する2.ログインとログアウト、プレビュー(お試し)3.内容を変えてみる(編集画面)4.デザインを変えてみる5.困ったときのヒント6.ブログ投稿する7.ワ-ドやPDFをダウンロードする8.動画、ギャラリーを投稿する9.フェイスブックとツイッターに連動する
  42. 42. 困ったときのお隣さん1.お隣さんに聞くと、お隣さんも勉強になる。2.お隣さんはそのお隣さんに聞く連鎖が始まる3.こっそり、解説本を買うもよし4.こっそり、ネットで調べるもよし5.お助け隊ホームページに問い合わせるもよし6.フェイスブックに投稿するもよし7.お隣さんと一緒に答えをみつけるのも楽しい8.ただし、『なんでも聞く癖』はやめましょう
  43. 43. JIMDO書籍JIMDO書籍はオンラインショップ購入が簡単例 http://www.amazon.co.jpJIMDOフォーラム活用もあり http://jimdo-forum.com
  44. 44. JIMDOおすすめ本JIMDOに親しんだら、ハイセンス目指して読んでみたくなる超薄い本。http://www.amazon.co.jp/o/ASIN/4391141574 ちょっと気の利いたJIMDOサイト http://jp-m.jimdo.com/
  45. 45. こんなお助けサイトも1.サムネイル画像化 http://capture.heartrails.com/help/make_thumbnail2.デバッガー:フェイスブックのサムネイルを最新にする http://developers.facebook.com/tools/debug3.JIMDOの使い方ブログ http://bit.ly/MALqEB4.渋谷IJMDOカフェができた http://428cafe.jimdo.com/
  46. 46. JIMDO作り方の目次1.JIMDOアカウントを登録する2.ログインとログアウト、プレビュー(お試し)3.内容を変えてみる(編集画面)4.デザインを変えてみる5.困ったときのヒント6.ブログ投稿する7.ワ-ドやPDFをダウンロードする8.動画、ギャラリーを投稿する9.フェイスブックとツイッターに連動する
  47. 47. ブログ投稿を有効にする1.ブログ投稿を有効にする①まずメインメニューのブログ(歯車)をクリックする。②初めての場合は、有効となる2.何もしないとトップページにブログが表示される。3.ブログ表示場所を指定する 項目リストで<ブログ表示>を選択する
  48. 48. ブログを投稿する1.ブログを新規に作成する2.ブログを一般公開する(原稿、一般公開)
  49. 49. ブログを投稿する3.ブログを変更、削除する
  50. 50. JIMDO作り方の目次1.JIMDOアカウントを登録する2.ログインとログアウト、プレビュー(お試し)3.内容を変えてみる(編集画面)4.デザインを変えてみる5.困ったときのヒント6.ブログ投稿する7.ワ-ドやPDFをダウンロードする8.動画、ギャラリーを投稿する9.フェイスブックとツイッターに連動する
  51. 51. ファイルをダウンロードする1.ファイルのダウンロード:Word,xcelを貼りつけてみましょう (原本、見た人がダウンロードして編集できる):PDFを貼りつけてみましょう(見るだけ、見やすい)2.ファイルを更新したときの削除と追加
  52. 52. JIMDO作り方の目次1.JIMDOアカウントを登録する2.ログインとログアウト、プレビュー(お試し)3.内容を変えてみる(編集画面)4.デザインを変えてみる5.困ったときのヒント6.ブログ投稿する7.ワ-ドやPDFをダウンロードする8.動画、ギャラリーを投稿する9.フェイスブックとツイッターに連動する
  53. 53. 動画を投稿する1.Youtube(ユーチューブ)に投稿(アップロード)してみる :公開されている動画を貼りつける :自分の動画をyoutubeに投稿して、URLを手に入れる。2.Youtube見るブラウザは、クローム(Chrome)がお奨め
  54. 54. フォトギャラリーを作る1.写真アルバムをギャラリー:同時に多数の写真(画像)を表示する:追加と削除2.見せ方:スライドショー:一括表示
  55. 55. JIMDO作り方の目次1.JIMDOアカウントを登録する2.ログインとログアウト、プレビュー(お試し)3.内容を変えてみる(編集画面)4.デザインを変えてみる5.困ったときのヒント6.ブログ投稿する7.ワ-ドやPDFをダウンロードする8.動画、ギャラリーを投稿する9.フェイスブックとツイッターに連動する
  56. 56. フェイスブックと連携する1.FB(フェイスブック),twitter(ツイッター)のアカウントを作る ①個人名(チーム名)、グループ(招待と共有) ②投稿してみる、友達になる、シェアする ③ケータイ投稿、閲覧2.FB,Twitterでみんなに知らせる ①FBいいね!ボタン ②シェアボタン (フェースブック、ツイッター)3.作り方のガイドはこちら。 http://www.facebook-japan.com/registration.html
  57. 57. ちょっとだけ便利な使い方の例
  58. 58. JIMDOの使いこなし1.練習用サイトを作ってみる(任意)2.本番用サイトを作る(まずは無料サイトで)3.ページを見せない、パスワード保護4.ログインで編集画面、ログオフで公開画面となる5.サイトは直接編集となるので即反映されます6.バックアップ機能はありません(データ保存しておく)7.自分の練習用サイトで試したり遊んでみるもよい
  59. 59. ページ毎のパスワード保護1.パスワード保護を設定すると、閲覧を制限できます。 ①変更が未完成のとき ②閲覧者を制限したいとき(パスワード限定公開) パスワード保護領域
  60. 60. ページ毎のパスワード保護2.パスワード保護はページごとに設定できます。 ①ページごとに異なるパスワード設定ができる ②複数の設定 ③保護を無効化
  61. 61. 検索エンジン(SEO)対策1.ホームページのタイトル名を設定する2.ホームページが検索で見つかりやすくする。3.検索結果の上位になる工夫 検索を効果的に。
  62. 62. アカウントの削除1.次の操作で、JIMDOアカウント削除できます。 参考 http://jp.jimdo.com/wiki/Delete_Account2.削除したら復元はできません。 アカウント削除
  63. 63. フェイスブックの登録1.『登録のガイドはこちらから』 http://facebook-guide.net/ ①アカウント(名前)登録 ②認証もjの入力 ③検索用メールアドレス(任意) ④確認メールで登録完了クリック
  64. 64. フェイスブックの登録2.プロフィール(写真『登録のガイドはこちらから』 http://facebook-guide.net/これらの情報は登録時はスキップして、登録完了後にいつでもできます。 ・名前、出身、趣味など ・写真(基本は本人写真ですが・・) ⑤プロフィールの登録
  65. 65. フェイスブックの登録3.FB(フェイスブック)グループの登録 ①仲間と共通のフェースブックを作る ②公開、非公開、秘密を選べます ③友達をグループに招待
  66. 66. そのた
  67. 67. 支援のありかた1.仮設のホームページのつもりでやろう2.初期HPを立ち上げ支援が基本ですが・・3.作成後も継続支援(更新)する場合の運用4.Q&A的なサポート、情報交換 :フェイスブック(ホームページ作成チーム)に入ろう5.支援の現場はいろいろ :メールもPC操作も苦手な依頼者への対応 :作成後の運用(連絡方法、更新権限共有)6.ネット紹介(予約・販売は電話、FAX)にとどめる

×