CMSホームページ 作 成 マニュアル 初 級 編 0.CMSホームページについて 1.. 活 動 報 告 ページへ 記 事 を 登 録 する 2. 文 字 の 色 を 変 える 3. 写 真 など 画 像 を 挿 入 する 4. 画 像 の 右 側 に 文 字 を 配 置 する 5.( 番 外 編 )PDF 文 書 の 作 成 について 6.PDF 文 書 を 登 録 する 7.( 番 外 編 ) 写 真 サイズを 小 さくするツール( 縮 専 )の 紹 介 8. 自 分 のパスワードを 変 更 する 中 級 編 9.ホームページの 構 成 とバナー 10. 管 理 画 面 へ 切 り 替 える 11.ホームページのバックアップ 12. 行 事 カレンダーについて 13. 祝 日 設 定 について 14. 日 誌 の 年 度 末 整 理 をする 15. 枠 (ブロック)の 操 作 上 級 編 16.カテゴリの 使 い 方 17. 削 除 アイコンとグループ 化 18.. 続 きを 書 く の 使 い 方 19. 新 しい 会 員 を 登 録 する 20.パスワードの 再 登 録 21.ログインできないとき 2014 / 12/ 12 e-とくしま 推 進 財 団
0.CMSホームページについて 1 ブラウザで 学 校 ホームページを 開 いて ログインする! 2 データを 登 録 したいページをメニューから 選 んで 移 動 する 3 編 集 操 作 を 行 い 決 定 ボタンを 押 してデータを 登 録 する 1 入 力 が 終 わったら 必 ず 決 定 ボタンを 押 すのを 忘 れない! 決 定 ボタンを 押 すまでは 入 力 したデータは 保 存 されていないので 決 定 しないまま 画 面 を 閉 じると データは 消 える (メモ 帳 などで 先 に 入 力 しておいて コピー&ペーストで 持 ってくる 方 法 もある ) 2 最 後 に 操 作 を 行 ってから45 分 で 自 動 ログアウトされる ( 決 定 ボタンを 押 していない 状 態 の 入 力 中 のデータは 消 える ) 編 集 中 に 長 時 間 離 席 する 場 合 は 一 時 保 存 を 利 用 する ( 公 開 されずに 続 きを 書 ける ) 2
1 行 事 カレンダー 小 中 学 校 ホームページメニュー 行 事 予 定 の 登 録 など ( 登 録 即 公 開 ) 公 開 メニュー 2 お 知 らせ たより ログインする しないに 関 わらず 全 ての 人 が 閲 覧 できるページ 情 報 の 更 新 には ログインが 必 要 1 行 事 カレンダー 2 お 知 らせ たより 3 活 動 記 録 日 誌 学 年 だよりなどをPDFで 添 付 ( 登 録 即 公 開 ) 3 活 動 記 録 日 誌 限 定 公 開 メニュー グループスペースから 下 は ログインした 人 が 見 えるページ ログインして 最 初 に 表 示 されるページ 学 校 行 事 や 生 活 の 様 子 などを 記 入 ( 登 録 後 承 認 を 経 て 公 開 ) 3
1. 活 動 報 告 ページへ 記 事 を 登 録 する 1)ホームページ 画 面 左 にあるメニューから 投 稿 したいページ( 活 動 報 告 など)を 開 く 2) 活 動 報 告 欄 の 上 部 にある 記 事 を 書 く をクリックする 3) 下 のような 記 事 入 力 画 面 に 切 り 替 わるので 必 要 な 欄 に 入 力 していく 1 初 期 値 で 現 在 の 日 時 が 設 定 されている 必 要 に 応 じて 変 更 可 能 (アイコンをクリックして 指 定 する ) 2 記 事 の 見 出 しを 入 力 する( 必 須 ) 3 記 事 の 本 文 を 入 力 する( 必 須 ) ワープロ 感 覚 で 文 字 入 力 が 行 える 画 面 上 部 のツールボックスで 文 字 に 修 飾 がかけられる 4 編 集 画 面 が 狭 いと 感 じる 場 合 マウスでつかんで 引 っ 張 ると 編 集 画 面 を 広 げることができる 4) 入 力 が 終 わったら 画 面 下 部 の 決 定 ボタンをクリックする 記 事 登 録 完 了!( 注 意 : 決 定 ボタンを 押 さずにブラウザを 閉 じると 入 力 内 容 は 消 滅!) 管 理 者 アカウントで 作 業 した 場 合 は 直 ちに 公 開 されるが データ 投 稿 者 用 アカウントで 登 録 した 場 合 は 未 承 認 の 印 が 付 き 管 理 者 が 承 認 するまで 公 開 されない 投 稿 した 記 事 を 再 編 集 もしくは 削 除 したい 場 合 は 画 面 右 下 の 編 集 or 削 除 ボタンをクリックする 4
2. 文 字 の 色 を 変 える 1) 目 的 の 記 事 を 編 集 状 態 にする 2 1 2) 色 を 変 えたい 文 字 を 範 囲 選 択 する ( 上 図 1) 3) 文 字 色 アイコン( 上 図 2)をクリックする 4) 選 択 した 文 字 の 色 が 赤 に 変 更 される 文 字 サイズの 変 更 や 太 字 や 斜 体 などの 修 飾 をかける 際 も 先 に 文 字 を 範 囲 選 択 してからボタンを 押 す 赤 以 外 の 色 に 変 える 1) 文 字 を 選 択 する 前 に まず 色 を 決 めるために 下 図 の 三 角 形 アイコンをクリックして 色 指 定 画 面 を 開 く 外 側 の 円 を 操 作 して 色 を 決 める 内 側 の 円 を 操 作 して 彩 度 を 決 める 2) 色 が 決 まったら 上 画 面 の 決 定 ボタンをクリックする T のマーク 下 のライン 色 が 指 定 した 色 に 変 化 3)これ 以 降 の 手 順 は 文 字 の 色 を 変 える の2)~4)と 同 じ 5
3. 写 真 など 画 像 を 挿 入 する 1) 目 的 の 記 事 を 編 集 状 態 にし 画 像 を 挿 入 したい 位 置 にカーソルを 移 動 する 1 改 行 キーやスペースキーで 位 置 を 調 整 カーソルがある 位 置 に 画 像 が 挿 入 される 2) 画 像 の 挿 入 ボタン( 上 図 1)をクリックすると 下 図 ア の 画 面 が 開 く A) さらに 挿 入 する 画 像 を 探 すために 参 照 ボタンをクリックすると 下 図 イの 画 像 選 択 画 面 が 開 く B) 挿 入 したい 画 像 の 上 でダブルクリック もしくはワンクリックで 選 択 してから 開 く ボタンを 押 す C) 下 図 アに 画 像 ファイル 名 がセットされるので 画 像 の 挿 入 ボタンをクリックする < 図 ア> 3)カーソル 位 置 に 画 像 が 挿 入 される < 図 イ > 挿 入 直 後 は 左 図 のように 画 像 の 端 に 四 角 ハンドルマーカーが 付 いている これは 画 像 が 選 択 されていることを 示 している この 状 態 で 削 除 ボタンを 押 すと 画 像 を 削 除 することができる 6
4. 画 像 の 右 側 に 文 字 を 配 置 する 1) 挿 入 した 画 像 をダブルクリックすると 図 アの 画 面 が 開 く 図 ア 画 面 中 の 詳 細 設 定 をクリックすると 設 定 項 目 が 出 現 する < 図 イ > ダブルクリック < 図 ア> > 詳 細 設 定 の 位 置 (align=) の 欄 を 指 定 なし から 左 (left) に 余 白 欄 の 横 に 10 を 設 定 10 設 定 できたら 図 ア 画 面 中 の 決 定 ボタンをクリックする 2) 以 上 の 操 作 で 画 像 の 右 側 に 文 字 を 回 り 込 ませて 入 力 することが 可 能 となる 設 定 前 は 右 側 には1 行 しか 入 力 できなかったが 設 定 後 は 左 図 のような 入 力 が 行 える やろうと 思 えばこんなことも 可 能 7
5.( 番 外 編 )PDF 文 書 の 作 成 について 学 校 だより 幼 稚 園 だよりなどのように 一 太 郎 やワードなどのソフトを 使 って 作 成 された 文 書 を ホームページに 掲 載 した 場 合 そのソフトを 持 っていない 人 は 閲 覧 できない 場 合 がある PDFファイル という 共 通 形 式 に 変 換 して 登 録 することで ほとんどの 環 境 で 閲 覧 できるようになる PDFファイルへの 変 換 は 様 々なやり 方 がある 以 下 は ワード2007の 文 書 をPDFファイルに 変 換 するやり 方 の 一 例 1)ワードを 起 動 して PDFファイルに 変 換 したい 文 書 を 読 み 込 む 2) 左 上 のofficeボタン( 下 図 1)をクリックする 1 3) 名 前 を 付 けて 保 存 の 上 に マウスを 乗 せると さらに サブメニューが 開 くので PDFまたはXPS をクリックする 4)ファイル 名 や 保 存 先 の 確 認 画 面 が 開 くので 設 定 を 行 った 後 発 行 ボタンをクリックする PDFファイル 作 成 完 了! 一 太 郎 やワード2007 以 前 のバージョンの 場 合 PDF 変 換 用 のソフトを 導 入 する 必 要 がある おすすめフリーソフト http://www.cube-soft.jp/cubepdf/ 8
6.PDF 文 書 を 登 録 する 1)ホームページ 画 面 左 にあるメニューから 投 稿 したいページ( 保 健 だより など)を 開 く 2) 保 健 だより 欄 の 上 部 にある 記 事 を 書 く をクリックして 編 集 画 面 を 開 く PDFのリンクを 挿 入 したい 位 置 にカーソルを 移 動 する その 後 ファイル 挿 入 ボタンをクリックする 3) 下 のようなファイル 挿 入 画 面 が 開 くので 参 照 ボタンをクリックして 挿 入 するPDFファイルを 探 す A) 挿 入 したいPDFの 上 でダブルクリック もしくはワンクリックで 選 択 してから 開 く ボタンを 押 す B) 上 図 にPDFファイル 名 がセットされるので OK ボタンをクリックする 4)PDFファイルのリンクが 挿 入 される ファイル 名 がそのままリンク 文 字 となるが 自 由 に 書 き 換 えられる リンク 文 字 を 書 き 換 える 場 合 は たとえば.pdf を 削 除 する 場 合 最 後 尾 からバックスペースキーを 使 うと リンク( 下 線 )が 外 れてしまう リンク 文 字 の 中 程 にカーソルを 入 れて デリートキーで 外 方 向 に 削 除 すれば リンクを 維 持 したまま 書 き 換 えられる 9
7.( 番 外 編 ) 写 真 サイズを 小 さくするツール( 縮 専 )の 紹 介 縮 小 専 用 は 写 真 のサイズを 簡 単 な 操 作 で 何 枚 でも 縮 小 できる 便 利 なフリーソフトだ デジカメで 撮 影 した 写 真 のサイズはとても 大 きいので 事 前 に 縮 小 しておくことが 大 切 だ 大 きいサイズの 写 真 をそのまま 貼 ったり 見 かけだけ 小 さくして 貼 ったりすると ホームページのサイズが 大 きくなりサーバーを 圧 迫 する ( 大 きいサイズのファイルは 通 信 するのに 時 間 がかかったりエラーになったりする ) 1)デスクトップの 縮 専 アイコンをダブルクリックする 2) 縮 専 の 設 定 をする 1ボタンをクリック 2 数 字 を 範 囲 指 定 3 数 字 を 入 れる A) 左 上 - 写 真 の 収 めるサイズを 選 ぶ ボタンをクリック ホームページに 掲 載 する 写 真 サイズは 以 下 をおすすめする 横 に2 枚 並 べる 場 合 240 240 横 に3 枚 並 べる 場 合 190 190 ( 数 字 はマウスで 範 囲 指 定 してから 訂 正 すると 簡 単 ) B) 右 上 - 変 換 後 の 保 存 先 を 確 認 する フォルダを 作 ってその 中 に 保 存 ボタンをクリックする (デフォルトはResized) 3) 小 さくしたい 写 真 が 入 っているフォルダを 開 く 10
4) 下 のように 写 真 が 入 っているフォルダと 縮 専 を 並 べる 1ドラッグ&ドロップ 2 Resized フォルダができる A) 写 真 をクリックしたまま 右 下 画 像 ファイルをここにドラッグ&ドロップしてください へ ドラッグ&ドロップする (マウスをはなす) B) Resized フォルダが 写 真 フォルダの 中 にできます サイズの 小 さな 写 真 が 入 っている 5) Resized フォルダの 中 にある 写 真 をホームページに 使 う 写 真 を 複 数 まい 選 択 したいとき A)ここからここまでえらびたい 1まいめをクリックする Shiftキーを 押 しながら 最 後 の 写 真 をクリックする B)ランダムにえらびたい 1まいめをクリックする Ctrlキーを 押 しながら2 3 まいめの 写 真 をクリックする まとめてからドラッグ&ドロップできる IE(インターネットエクスプローラー)Ver.11の 場 合 記 事 の 編 集 がうまくいかないときがある その 場 合 互 換 表 示 を 設 定 する 必 要 がある 1 ツール( 歯 車 マーク)をクリック 2 互 換 表 示 設 定 をクリック ツール 3 学 校 ホームページのURLがセットされているのを 確 認 4 追 加 をクリック 5 閉 じるをクリック 以 上 の 操 作 で 編 集 が 可 能 になる 11
8. 自 分 のパスワードを 変 更 する 1)ホームページ 画 面 を 表 示 する 2)ホームページ 右 上 のハンドル 名 ( 教 職 員 1 など)をクリックする 3) 下 のような 会 員 情 報 画 面 が 開 く パスワードを 変 更 する 場 合 下 図 の ************ 部 分 をクリックする 5 4)パスワード 欄 が 以 下 のような 表 示 に 切 り 替 わるので 現 在 のパスワードと 新 しいパスワードを 入 力 して 決 定 ボタンをクリックする 5)パスワードの 変 更 が 完 了 会 員 情 報 画 面 は 画 面 右 上 の ボタン[ 上 記 3)の5]をクリックして 閉 じる 次 回 ログイン 時 から 新 しいパスワードでログインできるようになる パスワードを 定 期 的 に 変 更 することは 大 切! 12
9.ホームページの 構 成 とバナー 2 1 3 1)CMS 学 校 ホームページは 1ヘッダー 2 左 カラム 3 中 央 カラム の3つの 部 分 で 構 成 されている 2)セッティングモードでは3つの 部 分 にモジュールを 追 加 できる 3)11のモジュールを 追 加 することができるが お 知 らせ 日 誌 を 追 加 することが 多 い カウンタ カレンダー 新 着 情 報 リンクリスト メニューはすでに 使 われている バナーはヘッダーに 置 かれたお 知 らせモジュールの 画 像 バナー 画 像 4)バナー 画 像 のサイズ 横 1,000pix 縦 180pix (おすすめのサイズ) 1 1 2 1,000 pix 2 3 180 pix 5)バナー 画 像 の 要 素 1 背 景 画 像 2 学 校 名 校 章 住 所 電 話 番 号 ファックス 番 号 3 校 舎 の 写 真 4 5) 画 像 編 集 用 おすすめフリーソフト 3 1 縮 小 専 用 2ViX 3JTrim 4 PhotoScape 13
10. 管 理 画 面 へ 切 り 替 える 1)ホームページを 表 示 する 2)ホームページ 右 上 の ログイン をクリックする 3)ログイン 画 面 が 開 くので ログインID パスワード 欄 にそれぞれ 入 力 した 後 ログイン ボタンをクリックする ログインに 成 功 すると 画 面 上 部 の 文 字 が ログインから 下 図 のように 切 り 替 わる 4)ホームページ 右 上 の 管 理 をクリックする 5) 管 理 画 面 に 切 り 替 わる 管 理 画 面 元 の 画 面 に 戻 るには 管 理 終 了 をクリックする 管 理 の 画 面 では ホームページの 運 用 に 関 する 作 業 が 行 える ここで 特 に 重 要 なのは バックアップ 機 能 だ 次 ページでバックアップの 取 得 手 順 を 説 明 する 14
11.ホームページのバックアップ 1)ホームページにログイン 後 管 理 画 面 へ 移 動 する 2) 右 から2 番 目 の バックアップ ボタンをクリックする 3) 以 下 のようなバックアップ 画 面 が 開 く 7 4 5 4) 画 面 左 側 の パブリックスペース ( 上 図 4)にチェックを 入 れる 画 面 を 開 いた 最 初 は フルバックアップ にチェックが 入 っているので 忘 れずに 付 け 替 えを! 5) 画 面 左 下 の バックアップ ボタン( 上 図 5)をクリックする 確 認 メッセージが 出 るので OK ボタンをクリックする 6) 画 面 中 央 のバックアップファイル 一 覧 の 先 頭 に 新 規 のバックアップファイルが 作 成 され 赤 字 で( 処 理 中 )が 表 示 される 5 秒 ほどでバックアップが 完 了 し 確 認 メッセージが 表 示 されるので OK ボタンをクリックする 今 回 作 成 中 のバックアップファイル 作 成 が 終 わると 赤 字 は 消 える ファイル 名 をクリックすると ローカル( 自 分 のパソコン)に 保 存 できる 7)バックアップ 完 了 (サーバーの 中 にできた ) バックアップ 画 面 から 抜 けるには 画 面 右 上 の アイコン( 上 図 7)をクリックする 15
12. 行 事 カレンダーについて 行 事 カレンダー では, 予 定 を 簡 単 に 登 録 することができる 1) 予 定 を 登 録 したい 日 の 右 上 にある メモ 帳 マーク をクリック 件 名 月 日 を 入 力 決 定 2) 詳 細 な 登 録 をクリック 必 要 な 事 項 を 記 入 決 定 件 名 月 日 の 登 録 だけであれば, 入 力 して 決 定 で 終 了 件 名 についての 場 所 の 表 示 ができる 件 名 についての 詳 細 な 情 報 を 記 述 することができる この 繰 返 しの 予 定 を 使 う と, 同 じ 予 定 を 繰 返 し 登 録 す る 場 合 などに,1 度 の 操 作 で まとめて 登 録 することができ る 次 ページで 解 説 16
繰 返 しの 予 定 機 能 を 使 った 入 力 が 便 利 1 繰 返 しする に なっている 2 日 設 定 設 定 設 定 日 週 月 年 の い ず れ か の 設 定 が 可 能 設 定 し た い 単 位 に チ ェ ッ ク を 設 定 す る い ず れ か の 単 位 毎 の に チ ェ ッ ク を 付 け て か ら 3 繰 返 しの 予 定 を 何 回 続 けるか, 3 繰 返 しの 予 定 を 何 回 続 けるか, いつ 終 了 するかを 指 定 する 例 : 隔 週 の 水 曜 日 の 予 定 を,1 学 期 終 了 の7 月 21 日 まで 入 力 したいとき 1 週 単 位 にチェックを 付 け, 2 週 ごと を 選 択 2 水 曜 日 にチェック 3 終 了 日 による 指 定 にチェックを 付 け, 3 終 了 日 による 指 定 にチェックを 付 け, 該 当 年 の7 月 21 日 をカレンダーアイコンより 選 択 17
13. 祝 日 設 定 について 1) 管 理 画 面 を 開 く 2) 一 番 右 の 祝 日 設 定 ボタンをクリックする 3) 以 下 のような 祝 日 設 定 画 面 が 開 く 4 6 4) 画 面 右 上 の 追 加 ( 上 図 4)をクリックすると 下 のような 画 面 が 開 くので 必 要 な 項 目 を 設 定 する 第 3 火 曜 日 のように 指 定 したい 場 合 は 可 変 祝 日 を 設 定 する 日 付 を 指 定 祝 日 を 設 定 する 年 範 囲 を 指 定 祝 日 名 を 入 力 する ( 代 休 など) 5 5) 入 力 が 終 わったら 決 定 ボタン( 上 図 5)をクリックする 3)の 画 面 の 祝 日 一 覧 に 4)で 設 定 した 祝 日 が 追 加 される 登 録 した 祝 日 の 変 更 や 削 除 は 3)の 画 面 から 行 える(6) 祝 日 を 設 定 すると 行 事 予 定 ページなどにある カレンダーの 該 当 日 が 赤 文 字 の 祝 日 扱 いで 表 示 される 18
14. 日 誌 の 年 度 末 整 理 をする (1)メニューの 活 動 報 告 の 下 に 旧 年 度 のサブメニューとして 平 成 24 年 度 (ページ)を 追 加 する 1)メニューから 活 動 報 告 を 選 択 して 活 動 報 告 ページを 表 示 させる 2)ホームページ 右 上 の セッティングモード をクリックして セッティングモードをONにする 3)メニューの 上 枠 線 あたりにマウスを 持 って 行 くと 下 図 のように 右 端 にスパナ( 編 集 )のアイコンが 表 示 されるのでクリックする 右 図 のように 切 り 替 わる この 時 活 動 報 告 が 選 択 状 態 に なっているか 確 認 する 4)メニュー 画 面 右 上 にある ページ 追 加 をクリックする 活 動 報 告 の 下 にサブメニューとして 新 規 ページ - が 追 加 される メニュー 名 を 変 えたい 場 合 は そのまま 新 しい 名 前 を 入 力 する 入 力 が 終 わったら 新 しい 名 前 で 確 定 するために 必 ずEnterキーを 押 すこと 5)メニュー 追 加 が 終 わったら OK ボタンをクリックする 白 紙 の 新 規 ページが 追 加 されている! 19
(2) 作 成 した 平 成 24 年 度 サブメニュー(ページ)へ 活 動 報 告 日 誌 を 移 動 させる 1)メニューから 活 動 報 告 を 選 択 して 活 動 報 告 欄 を 表 示 させる 2) 活 動 報 告 欄 の 上 枠 部 分 にマウスを 持 って 行 くと 下 図 のように 右 端 にスパナ( 編 集 )のアイコンが 表 示 されるのでクリックする ご 注 意 を! 誤 って ボタンを 押 すと 活 動 報 告 欄 ( 外 枠 )が 削 除 される 3) 欄 の 表 示 が 以 下 のように 切 り 替 わる 初 期 では 一 覧 表 示 タブが 選 択 されており ホームページに 存 在 している 日 誌 の 一 覧 が 並 んでいる < 一 覧 表 示 画 面 の 例 > ハイライトされている 日 誌 が 現 在 選 択 されている 続 きは 次 のページで! ちなみに 一 覧 から 任 意 の 日 誌 を 選 び 画 面 左 のチェックボックスをONにすると この 枠 に 選 んだ 日 誌 が 表 示 されるようになる ( 学 力 向 上 を 選 択 表 示 される) 20
4) 画 面 上 部 の ブロック 操 作 タブをクリックする 下 のような 画 面 が 開 くので 移 動 先 の 下 三 角 マークをクリックして 移 動 先 候 補 を 表 示 する 5) 移 動 先 として 平 成 24 年 度 を 選 びクリックする モジュールとブロック モジュールには カレンダー お 知 らせ 日 誌 などがある モジュール 追 加 して 新 しい 日 誌 を 追 加 することができる 6) 移 動 ボタンをクリックして 移 動 を 実 行 する 新 しい 日 誌 には 新 しい 表 示 わくが 必 要 だ その 表 示 わくがブロック だ ページ ブロック モジュール 日 誌 が 移 動! 21
(3)メニューの 活 動 報 告 の 中 に 新 しい 日 誌 を 作 る 1)メニューから 活 動 報 告 を 選 択 して ページを 表 示 させる 2) 空 白 ページ 上 部 にある モジュール 追 加 をクリックして 表 示 される 一 覧 から 日 誌 を 選 択 する 各 項 目 の 設 定 は 次 のページで! 管 理 者 権 限 でトップページの お 知 らせ を 書 き 換 えることができる 1 ログイン( 編 集 モード) 画 面 右 上 クリック(セッティングモード) 2 マウスカーソルをお 知 らせ 枠 の 上 部 に 持 っていく 3 マーク( 出 現 )をクリック 4 エディタが 起 動 5 編 集 決 定 お 知 らせ を 追 加 することも 1 モジュール 追 加 お 知 らせ 2 エディタが 起 動 3 編 集 決 定 エディタ 22
3) 新 規 作 成 画 面 で 各 項 目 を 以 下 のように 設 定 する 1 日 誌 タイトル を 書 き 換 える 2 記 事 投 稿 権 限 の モデレータ に チェックを 付 ける チェックしないと 一 般 の 先 生 方 が 記 事 を 投 稿 できない 3 投 票 有 無 と コメント 投 稿 有 無 を 両 方 とも なし に 設 定 する 4 日 誌 投 稿 の 承 認 設 定 について 管 理 者 の 承 認 が 必 要 をチェックする 上 記 は 基 本 の 設 定 実 際 の 設 定 は 他 の 日 誌 の 設 定 が どのようになっているかを 確 認 して 同 じにする 4) 決 定 ボタンをクリックすると 左 図 のように 表 示 方 法 変 更 画 面 に 遷 移 する 1 画 面 に 表 示 する 記 事 の 件 数 を 設 定 する あまり 件 数 が 多 いと 表 示 に 時 間 がかかる 5~10 件 がおすすめ 5) 決 定 ボタンをクリックすると 左 図 のように なる 日 誌 タイトル で 設 定 した 名 前 が この 部 分 に 表 示 される 6)ホームページ 画 面 上 部 の セッティング 終 了 をクリックして セッティングモードを 抜 ける 23
15. 枠 (ブロック)の 操 作 A) 枠 のデザインを 変 えるには? 変 更 したい 枠 を 編 集 状 態 にして タブの 中 から ブロックスタイル テーマ を 開 く 様 々なデザインが 用 意 されているので 指 定 したい デザインの 絵 をクリックしてから 画 面 下 部 の 決 定 ボタンをクリックすると そのデザインが 反 映 される シンプル は 枠 線 が 表 示 されないデザイン 個 人 的 に 使 えると 思 われるデザインは シンプル クラシック タイトルアクセント パネル 点 線 B) 枠 の 幅 を 変 えるには? 変 更 したい 枠 を 編 集 状 態 にして タブの 中 から ブロックスタイル 一 般 を 開 く 最 小 の 広 さ 欄 の 数 値 を 変 更 する 中 央 カラムに 配 置 するモジュールは 700 の 指 定 でおよそ 幅 いっぱいとなる 中 身 のデータによっては 指 定 したサイズより 大 きくなることもある 例 ) 大 きめの 画 像 データが 貼 り 付 けられた お 知 らせモジュールなど C) 枠 の 位 置 を 変 えるには? 変 更 したい 枠 を 編 集 状 態 にして タブの 中 から ブロックスタイル 一 般 を 開 く マージン 欄 の 数 値 を 変 更 する 初 期 値 では 8 が 全 ての 値 に 設 定 されている 表 示 位 置 を 下 方 向 に 下 げたい 場 合 は 上 マージンの 値 を 大 きくする 表 示 位 置 を 右 方 向 に 寄 せたい 場 合 は 左 マージンの 値 を 大 きくする D) 枠 を 別 ページに 移 動 (コピー)させるには? 移 動 (コピー)したい 枠 を 編 集 状 態 にして タブの 中 から ブロック 操 作 を 開 く 移 動 先 欄 をクリックして 移 動 先 のページを 指 定 する 移 動 or コピー をクリックして 実 行 する 移 動 しか 選 べない 種 類 の 枠 もある 24
16.カテゴリの 使 い 方 1 1) 活 動 報 告 の 日 誌 にカテゴリ(3 年 生 )を 指 定 すると 後 で 記 事 を 見 るときにそのカテゴリで 検 索 することができる 2)カテゴリは 編 集 することができる 1 日 誌 の 編 集 2カテゴリ 編 集 3カテゴリの 追 加 4カテゴリの 名 前 を 入 れる 5 決 定 活 動 報 告 日 誌 は1つでもカテゴリ 分 けすること で 複 数 の 日 誌 の 役 割 をすることができる 2 選 択 されて いる 日 誌 3 5 4 ゴミ 箱 アイコンでカテゴリ 削 除 25
17. 削 除 アイコンとグループ 化 (1)セッティングモードにしたときの アイコンと 管 理 画 面 の アイコンは 意 味 が 変 わる 1 マウスカーソルを お 知 らせ 上 部 に 移 動 すると 1 移 動 2 編 集 3 削 除 ができる 2 1 移 動 自 動 で 左 上 に 詰 められる 2 編 集 エディタが 起 動 する 3 削 除 削 除 すると 復 活 しない 3 管 理 画 面 管 理 画 面 でバックアップ 画 面 を 終 了 するときは 同 じアイコンで 閉 じる になる レイアウトがくずれた 場 合 は 早 めに 財 団 に 連 絡 してください 26
(2)グループ 化 を 使 ってレイアウトを 工 夫 する 方 法 1 マウスカーソルを お 知 らせ 上 部 に 移 動 すると 移 動 ができる 1 移 動 のときにクリック 黄 色 の 枠 で 囲 まれる ( 指 定 された) 22つめのブロックをクリック 黄 色 の 枠 で 囲 まれる 2 3グループ 化 をクリック 4 大 きい 枠 1つで 囲 まれる グループ 化 は 同 じ 手 順 で 解 除 できる 3 ブロックは 自 動 で 左 上 に 詰 められ るが,2つのブロックの 場 所 を 入 れ 替 えたりすることでレイアウト を 工 夫 する グループ 化 をすることでレイアウト を 工 夫 する グループ 化 したブロックを 削 除 すると 中 のブロックは 一 度 に 削 除 される 4 27
18. 続 きを 書 く の 使 い 方 長 文 の 記 事 を 書 く 場 合 続 きを 書 く 機 能 を 使 って 入 力 すると 表 示 がコンパクトになる 1) 記 事 編 集 画 面 の 下 部 にある 続 きを 書 く にチェックを 付 けると もう 一 つ 編 集 領 域 が 開 く 2) 追 加 された 編 集 画 面 に 必 要 な 内 容 を 入 力 する 続 きを 読 むためのリンク 文 字 を 変 更 することもできる たとえば 上 にクイズ 下 に その 解 答 を 入 力 する 場 合 では リンク 文 字 は >> 答 えはこちら のように 変 更 するのもあり 続 きを 書 く のチェックを 外 すと 下 の 領 域 に 入 力 した 内 容 は 破 棄 されるので 注 意! 28
19. 新 しい 会 員 を 登 録 する 新 しい 会 員 の 登 録 の 仕 方 を 説 明 する もしパスワードが 分 からない 場 合 も 編 集 することもできる 1) 管 理 画 面 から 会 員 管 理 をクリックする 1 2) 会 員 登 録 タグをクリックする 2 3 4 3)ログインID ハンドル パスワードを 入 れる 4) 権 限 を 一 般 から モデレータ に 変 更 する (データ 投 稿 者 になる ) 29
5)ログインID (School10) ハンドル( 教 職 員 10) パスワード(password)で 入 力 した 例 他 の 設 定 項 目 はなし 6) 次 へ をクリックする 7) 参 加 ルーム 選 択 で 小 学 校 職 員 室 をクリックする 追 加 ボタンを 押 す 30
8) 参 加 ルームを 確 認 したら 次 へ ボタンを 押 す (パブリックは 必 ず 参 加 になっている ) 9) 各 ルームでの 権 限 を 設 定 するために モデレータ ボタンを 押 す ( 記 事 投 稿 者 ) 31
10) モデレータ ボタンが 押 されているのを 確 認 する 次 へ をクリックする 11) 設 定 内 容 を 確 認 する 決 定 をクリックする 32
12)3)の 状 態 に 戻 るので 続 けて 登 録 する 場 合 はこれを 繰 り 返 す 繰 り 返 さない 場 合 会 員 検 索 タグ をクリックする 検 索 ボタンを 押 す 13) 検 索 結 果 を 表 示 して 会 員 登 録 ができていることを 確 認 する 14) 終 了 ボタンを 押 して 終 了 する 33
20.パスワードの 再 登 録 15) 会 員 検 索 画 面 から 教 職 員 10 の 情 報 を 編 集 する ( 前 項 新 しい 会 員 登 録 の 続 き) 16) 会 員 編 集 画 面 から 教 職 員 10 のパスワード 情 報 を 編 集 する 新 しいパスワードを 打 ち 込 んだ 後 に 次 へ をクリックする 前 項 新 しい 会 員 登 録 の 7) 以 下 の 手 順 になる 次 回 ログイン 時 から 教 職 員 10は 新 しいパスワードになる 34
21.ログインできないとき 1)ログインできない メニューが 押 せないときはパソコンのF12キーを 押 す デバッグモードになる 2) 要 素 の 選 択 アイコンをクリックする 3)マウスポインタを 画 面 に 移 動 すると 画 面 全 体 が 範 囲 指 定 される 画 面 を クリックすると 同 時 に 下 の 入 力 画 面 が 切 り 替 わる 4) 下 の width: 1345px; height: 928px; をダブルクリックする 5)もう 一 度 クリック width: 0px; height: 0px; に 書 き 換 えて 改 行 キーを 押 す 6)ログインする まだサーバーのホームページは 書 き 換 わっていない ログインした 後 で blank.gif を 削 除 する 35
6)ログインした 状 態 でクリックできないページをダブルクリックする 勝 手 に 編 集 モードになる 7) 編 集 になったお 知 らせの HTMLタグ をクリックする 8)Ctrl+Fで blank.gif を 検 索 する blank.gifの 例 ( 必 ずしも 同 じサイズではない ) <img style= width: 1345px; height: 926px; src= images/common/blank.gif></img> 9) blank.gif のファイルを 示 す 部 分 ( 上 記 のタグ)を 範 囲 指 定 する パソコンのデリートキーで 削 除 する 10) 決 定 ボタンを 押 す 意 図 せずに 作 られたblank.gifがクリックできない 原 因 だ 36