Transcript ダウンロード - 大宮中央校12期へようこそ

Ｊｉｍｄｏホームページの編集
この前に作成したＨＰを表示する
http://abcdefjhijk.yahoo.co.jp を削除して
http://？？？？？？.jimdo.com/ 先月作成したアカントを入れる
jimdoの最初のホームページ
ログインします
パスワードを入力してログインします。
自分のＨＰはお気に入りにして私は名前を変更してパスワードを入れています。
編集画面になりました。
編集の時だけ見える。
後で説明
編集画面になりました
Jimdoログアウト
編集中プレビュー
するとき
私がホームページで心がけていること
•
•
•
•
•
•
•
•
見て気持ちが良い。活字は少なめに
今日の原稿は今日アップする。
見るたびに更新されている
字が大きい。写真が多く
遊びがある。面白い
テーマがある
又、訪問したいと思う
トップは速報画面にする。
編集ボタンを覚えよう
ヘッダーの編集
レイアウト
スタイル
ブログ
アップグレード
設定（パスワード、廃止など）
SEO対策（検索エンジン）
アクセス解析
ヘルプ
概要
印刷用
サイトマップ
（
次新
ペ規
ー項
ジ目
）編
集
ログイン⇔ログアウト・プレビュー⇔編集
ナビゲーションの編集
新規に項目を作成
カーソルを近づけ
ると
これが表示される
上の項目の上に移動するとき 一番上の位置の時は非表示
下の項目の下側に移動したいとき
この項目削除するとき
この項目をコピーする
この項目の下側に項目を＋プラスする
それではレイアウトを決めましょう
ヘッダーの編集
目次
記事欄
余白
第２目次ほか
余白
レイアウトを選ぶ
レイアウト
クリック
レイアウト
有料です
レイアウト
余白位置
の修正
現
在
の
レ
イ
ア
ウ
ト
番
号
を
メ
モ
る
レイアウトを選びます①
スペシャルレイアウト
全
体
表
示
現
在
の
レ
イ
ア
ウ
ト
番
号
を
メ
モ
る
レ
イ
ア
ウ
ト
レイアウトは研修後は自由に変更して
ください
最初のレイアウトはＦ4193です。
他のレイアウトは説明が出来なくなりますので
今回はＦ４０４９を選んでみましょう。
背景・フォントの設定をしますが今回は
変更しません
ク
リ
ッ
ク
全体のフォントの設定はここでします
こ
こ
は
見
る
だ
け
で
す
。
フォントの選択
サイズ
行間隔
色などを選択
設定画面（私は使用していませんので分かりません）
ＳＥＯ（検索エンジン上位ヒット対策）
ヘッダーの編集
• ホームページのイメージですので重要です
• 写真はどうするか？
（今日は写真から選びます）
• ホームページの名前はどうするか
ヘッダーの編集は
カーソルをヘッダーに近づけるとヘッダーを編集が
出てくるので左クリックするとサンプルが出ます
下記のフォットギャラリーから選びます
気に入ったフォットがない場合は自前の写真又はネット
から選択しピクチャーに保存して使用下さい。
この場所ではＣＤならＯＫですがＵＳＢやＳＤは不可で
す。
自分のピクチャーから選ぶ
参照をクリックしてコンピューターにクリッ
クしてＤＶＤ ＲＷをポイントしてクリックし
お気に入りの写真を選ぶ
Dropbox はネット上保存先です。ここに保存す
るとどこでも使用出来て便利です。今回省略し
ます
写真の高さ上下左右を設定
ヘッダーの高さが変わります
ヘッダーの倍率が変わります
ヘッダーの左右が変わります
写真の上下が変わります
変更内容を保存
書体の選択
タイトルを決めます
フォントの大きさ
タイトル入力場所
左右の移動
上下の位置
文字の色を選ぶ
フォントの種類やノーマルか太字か、サイズ、位置・色を決めます
次は目次（ナビゲーション）作りです。
•
•
•
•
トップは何を載せますか？
トップの下位には何を載せますか？
トップから分岐する項目は？
その項目の下位には何を掲載しますか？
各校のＨＰを覗いてみよう
協議会のホームページは
・
・
・
・
・
ナビゲーションの編集
ＨＰページを普及させるために
• 協議会のＨＰはもちろん私たちのＨＰも見に
来る人はごく一部です。ＨＰを見に来ていただ
く方法を考えよう
• 協議会に大宮中央校の作品発表の場を作る
• 期毎に時々特集を入れる
• 大宮中央校全体のイベントの予定や活動を
• シニアでも楽しめるパズル、ゲームをリンク
• 文化祭・懇親会・クラブ活動に役立つ情報を
期毎のホームページは
•
•
•
•
•
•
•
•
•
•
•
•
トップページ⇨会長挨拶・会則・名簿
クラブ活動入口⇨活動予定⇨活動報告
ボランティァ活動入口⇨予定・報告
旧班活動状況⇨予定・報告
癒し・教養・討論・探究など特集する
期毎にテーマを決めて意見を述べる
６期～１２期までをＨＰで気軽にリンク出来る様にする
他の学校のＨＰも簡単にリンク出来る様にする。
かわいいイラストを多用する
出来るだけ写真を入れる
写真がなければネットから引っ張る
イラストをネットからいただく
項目の編集はここから
カーソルを近づけ
ると
これが表示される
今は一番上の位置なので
表示されない
下の文章の下側に移動したいとき
見出しの「ページ・・・を」削除する
この項目をコピーする
この項目の下側を編集する
編
集
項
目
見出しを入れる
ここに記入する
見出し書体は見出し①～③の中から選ぶ
見出し①～③は
右上のスタイルから変更可能（１カ所のみの変更は不可）
文章の編集
フォントの色
フォーマットの解除
テキストとして貼り付け
ＨＴＭＬ表示
あいうえおかきくけこ
段落
番号付きリスト
フォントの選択太字斜字
インデント
出来上がったら「保存」で終了
リンクの設定と解除
リンクするときはその
文字を選択する
写真の取り入れ
サイズを＋・－・⇔最大に 画像の位置を右端・
中央・左端 また右（左）回転する
画像右下の矢印で自
由に大きく出来る
サブタイトル写真の下側に表
示される
リンクは次ページで説明
マイピクチャー、ＣＤから画像
を選ぶ
Dropboxから画像を選ぶ
※DropboxはWeb上で保
存できる
リンクをする
内部リンク
の場合
ここからリンク先を選びリンク設
定ボタン
ＵＲＬを入れるとリンク設定ボタンが表示
http://sinia-oomiyanaka12.jimdo.com/
外部リンク
の場合
リンク設定
ここにＵＲＬを入れてリンク設定ボタン
カラム・余白
カラム（列を増やす）
ここで減らす
ここで増す
余白上下の間隔を開ける
ここで自由に余白の増減が
出来る
ここでプクセルの増減で余白
を設定する
写真付文章
良い写真が撮れました
参照から写真を選ぶ
写真からリンクさせることができます
写真の下側に表示される
写真のサイズが変わります。⇔を
選ぶと横幅一杯に拡大します
保存をクリックすると写真が保存します
フォトギャラリーを作成
アップが終わりましたら
表示が変えられます プレビューをクリックし
て写真の名前を付けよ
う
選択ボタンから写真を選ぶ
5～6枚の写真が一度に
アップできますが場合に
よっては遅くなりますので2
～3枚が良いかも
選択したらアップロードしてください
ファイルダウンロード
タイトルを入れる
ワードやエクセル等必要なものを保存が出来ます。
ＰＤＦで保存すれば違うパソコンでワードやエクセルのソフトがな
くても見ることができます。
こんな形で保存される
付録
背景を変える
背景画像を選択
スタイルを選択
背景画像を選びます
背景が変わりました
はいをクリックで確定です
以上です
• これ以上は皆さんで勉強してください