Ｊｉｍｄｏホームページの編集. この前に作成したＨＰを表示す る ？？？？？？.jimdo.com/http:// ？？？？？？.jimdo.com/ 先月作成したアカントを入れる を削除して.

Presentation on theme: "Ｊｉｍｄｏホームページの編集. この前に作成したＨＰを表示す る ？？？？？？.jimdo.com/http:// ？？？？？？.jimdo.com/ 先月作成したアカントを入れる を削除して."— Presentation transcript:

1 Ｊｉｍｄｏホームページの編集

2 この前に作成したＨＰを表示す る http:// ？？？？？？.jimdo.com/http:// ？？？？？？.jimdo.com/ 先月作成したアカントを入れる http://abcdefjhijk.yahoo.co.jp を削除して

3 jimdo の最初のホームページ ログインしま す

4 パスワードを入力してログインし ます。 自分のＨＰはお気に入りにして私は名前を変更してパスワードを入れてい ます。

5 編集画面になりました。 編集画面になりました Jimdo ログアウト 編集中プレビュー するとき 編集の時だけ見える。 後で説明

6 私がホームページで心がけている こと 見て気持ちが良い。活字は少なめに 今日の原稿は今日アップする。 見るたびに更新されている 字が大きい。写真が多く 遊びがある。面白い テーマがある 又、訪問したいと思う トップは速報画面にする。

7 編集ボタンを覚えよ う レイアウト スタイル ブログ アップグレード 設定（パスワード、廃止な ど） SEO 対策（検索エンジ ン） アクセス解析 ヘルプ ログイン⇔ログアウト・プレビュー⇔編 集 ヘッダーの編集 ナビゲーションの編集 概要 印刷用 サイトマップ

8 新規に項目を作成 カーソルを近づ けると これが表示され る 上の項目の上に移動するとき 一番上の位置の時は非表示 下の項目の下側に移動したいとき この項目削除するとき この項目をコピーする この項目の下側に項目を＋プラスする

9 それではレイアウトを決めま しょう 記事欄 ヘッダーの編 集 目次 第２目次ほか 余白

10 レイアウトを選ぶ レイアウト クリック

11 レイアウトを選びます ① 有料です レイアウ ト 余白位置 の修正

12 スペシャルレイアウト

13 レイアウトは研修後は自由に変更 してください 最初のレイアウトはＦ 4193 です。 他のレイアウトは説明が出来なくなります ので 今回はＦ４０４９を選んでみましょう。

14 背景・フォントの設定をしますが今回は 変更しません

15 全体のフォントの設定はここでします フォントの選 択 サイズ 行間隔 色などを選択

16 設定画面 （私は使用していませんので分かりませ ん）

17 ＳＥＯ（検索エンジン上位ヒット対策）

18 ヘッダーの編集 ホームページのイメージですので重要で す 写真はどうするか？ （今日は写真から選びます） ホームページの名前はどうするか

19 ヘッダーの編集は カーソルをヘッダーに近づけるとヘッダーを編 集が出てくるので左クリックするとサンプルが 出ます

20 下記のフォットギャラリーから選びます 気に入ったフォットがない場合は自前の写真又は ネットから選択しピクチャーに保存して使用下さい。 この場所ではＣＤならＯＫですがＵＳＢやＳＤは不 可です。

21 自分のピクチャーから選ぶ 参照をクリックしてコンピューターに クリックしてＤＶＤ ＲＷをポイント してクリックしお気に入りの写真を選 ぶ Dropbox はネット上保存先です。ここに保 存するとどこでも使用出来て便利です。今 回省略します

22 写真の高さ上下左右を設定 ヘッダーの高さが変わります ヘッダーの倍率が変わります ヘッダーの左右が変わります 写真の上下が変わりま す 変更内容を保存

23 タイトルを決めます タイトル入力場所 フォントの種類やノーマルか太字か、サイズ、位置・色を決めます 左右の移動上下の位置文字の色を選ぶ フォントの大き さ 書体の選択

24 次は目次 （ナビゲーション） 作りです。 トップは何を載せますか？ トップの下位には何を載せますか？ トップから分岐する項目は？ その項目の下位には何を掲載しますか？ 各校のＨＰを覗いてみよう

25

26

27

28

29

30

31

32

33

34

35 協議会のホームページは

36 ナビゲーションの編集

37 ＨＰページを普及させるために 協議会のＨＰはもちろん私たちのＨＰも 見に来る人はごく一部です。ＨＰを見に 来ていただく方法を考えよう 協議会に大宮中央校の作品発表の場を作 る 期毎に時々特集を入れる 大宮中央校全体のイベントの予定や活動 を シニアでも楽しめるパズル、ゲームをリ ンク 文化祭・懇親会・クラブ活動に役立つ情 報を

38 期毎のホームページは トップページ⇨会長挨拶・会則・名簿 クラブ活動入口⇨活動予定⇨活動報告 ボランティァ活動入口⇨予定・報告 旧班活動状況⇨予定・報告 癒し・教養・討論・探究など特集する 期毎にテーマを決めて意見を述べる ６期～１２期までをＨＰで気軽にリンク出来る様 にする 他の学校のＨＰも簡単にリンク出来る様にする。 かわいいイラストを多用する 出来るだけ写真を入れる 写真がなければネットから引っ張る イラストをネットからいただく

39 項目の編集はここから カーソルを近づ けると これが表示され る 今は一番上の位置なので 表示されな い 下の文章の下側に移動したいとき 見出しの「ページ・・・を」削除する この項目をコピーする この項目の下側を編集する

40 編集項目編集項目

41 見出しを入れる ここに記入する 見出し書体は見出し ① ～ ③ の中から選ぶ 見出し ① ～ ③ は 右上のスタイルから変更可能（１カ所のみの変更は不 可）

42 文章の編集 フォントの選択太字斜字 段落 番号付きリスト インデン ト フォントの色 リンクの設定と解 除 テキストとして貼り付け フォーマットの 解除 ＨＴＭＬ表 示 あいうえおかきくけこ リンクするときはそ の文字を選択する 出来上がったら「保存」で終了

43 写真の取り入れ マイピクチャー、ＣＤから 画像を選ぶ Dropbox から画像を選 ぶ ※ Dropbox は Web 上で保 存できる サブタイトル写真の下側に 表示される サイズを＋・－・⇔最大に 画像の位置を 右端・中央・左端 また右（左）回転する 画像右下の矢印で自 由に大きく出来る リンクは次ページで説明

44 リンクをす る 内部リン ク の場合 ここからリンク先を選びリン ク設定ボタン ここにＵＲＬを入れてリンク設定ボ タン 外部リン ク の場合 リンク設 定 ＵＲＬを入れるとリンク設定ボタンが 表示 http://sinia-oomiyanaka12.jimdo.com/

45 カラム・余白 カラム（列を増や す） 余白上下の間隔を開ける ここで増す ここで減ら す ここで自由に余白の増減が 出来る ここでプクセルの増減で余 白を設定する

46 写真付文章 良い写真が撮れました

47 参照から写真を選ぶ 写真の下側に表示される 写真のサイズが変わります。⇔ を 選ぶと横幅一杯に拡大します 写真からリンクさせることができ ます 保存をクリックすると写真が保存します

48 フォトギャラリーを作成 表示が変えられます 選択ボタンから写真を選 ぶ 5 ～ 6 枚の写真が一度に アップできますが場合に よっては遅くなりますの で 2 ～ 3 枚が良いかも 選択したらアップロードしてください アップが終わりまし たらプレビューをク リックして写真の名 前を付けよう

49 ファイルダウンロード ワードやエクセル等必要なものを保存が出来ます。 ＰＤＦで保存すれば違うパソコンでワードやエクセルのソ フトがなくても見ることができます。 タイトルを入れる

50 こんな形で保存される

51 付録 背景を変える スタイルを選択 背景画像を選択

52 背景画像を選びます

53 背景が変わりまし た はいをクリックで確定です

54 以上です これ以上は皆さんで勉強してください