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

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

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

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

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

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

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

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

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

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

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

スペシャルレイアウト

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

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

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

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

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

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

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

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

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

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

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

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

協議会のホームページは

ナビゲーションの編集

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

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

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

編集項目編集項目

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

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

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

リンクをす る 内部リン ク の場合 ここからリンク先を選びリン ク設定ボタン ここにＵＲＬを入れてリンク設定ボ タン 外部リン ク の場合 リンク設 定 ＵＲＬを入れるとリンク設定ボタンが 表示

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

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

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

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

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

こんな形で保存される

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

背景画像を選びます

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

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