平 成 25 年 度 NetCommons 活 用 研 修 会 ホームページ 作 成 : 初 級 編 NetCommons 演 習 テキスト 埼 玉 県 立 総 合 教 育 センター
< 目 次 > ネットコモンズを 利 用 した 学 校 ホームページの 作 成 ネットコモンズ(NetCommons)の 特 徴 3 ネットコモンズとは 3 NetCommons のサイトにログインします 4 セッティングモードに 切 り 替 えページの 構 成 設 定 をします 5 ページ 編 集 の 基 本 操 作 6 学 校 のロゴを 設 定 します 6 サイト 名 の 変 更 をします 9 モジュールの 基 本 操 作 11 トップページを 編 集 します 11 初 期 状 態 の 不 要 なモジュールを 削 除 します 11 トップページに 新 着 情 報 のモジュールを 追 加 します 12 お 知 らせ のモジュールを 追 加 します 13 HTMLによる 編 集 16 表 示 するモジュールの 順 番 を 変 更 します 17 お 知 らせ のタイトルの 変 更 や 枠 線 の 消 すには 17 画 面 全 体 をきれいにそろえるには 18 メニュー 編 集 の 基 本 操 作 19 メニューを 追 加 します 19 メニューの 順 番 を 入 れ 替 えるには? 20 メニューのページを 一 時 的 に 非 表 示 にするには 21 各 モジュールの 基 本 操 作 21 日 誌 のモジュールを 追 加 します 21 日 誌 のモジュールに 投 稿 します 22 掲 示 板 のモジュールを 追 加 します 23 掲 示 板 のモジュールに 投 稿 します 24 既 存 のホームページを 利 用 します 25 ページのスタイルを 変 更 するには 28 カレンダー のモジュールを 追 加 します 28 学 校 説 明 会 の 案 内 を 作 成 します 30 登 録 モジュールを 追 加 します 31 フォトアルバムを 追 加 します 34 ページにカウンタモジュールを 追 加 します 38 リンクリストのモジュールを 追 加 します 39 学 校 の 地 図 に google マップを 利 用 します 40 RSS のモジュールを 追 加 します 41 サイトの 閉 鎖 42 2
ネットコモンズを 利 用 した 学 校 ホームページの 作 成 ネットコモンズ(NetCommons)の 特 徴 ネットコモンズとは (1)CMS の1つであるネットコモンズ ネットコモンズは Web サーバとホームページ 作 成 ソフトウェアが 一 体 になった CMS の 一 つです CMS(Contents Management System:コンテンツマネージメントシステム)を 利 用 しホームページを 作 成 する 利 点 は 次 のとおりです HTML に 関 する 専 門 的 な 知 識 が 必 要 ありません 担 当 者 ごとに 権 限 が 割 り 当 てられているのでホームページの 更 新 が 特 定 の 管 理 者 の 負 担 となることがあ りません ホームページ 作 成 のための 専 用 のソフトウェアを 使 わないで すべての 操 作 がブラウザ 上 で 行 えます 必 要 な 機 能 をモジュールとして 追 加 することが 可 能 です ユーザ 管 理 を 行 うことによって 双 方 向 のコミュニケーションが 可 能 になります 電 子 メールと 組 み 合 わせることによって 利 用 者 への 通 知 機 能 を 利 用 することができます アクセス 数 の 解 析 など 戦 略 的 なホームページの 作 成 に 役 立 ちます (2)どのようなページができるのか 次 のような 構 成 になります ログインすることによって 関 係 情 報 を 知 ることができます トップページの 内 容 です 新 着 情 報 は サイト 内 での 更 新 された 最 新 の 内 容 などを 表 示 します 必 要 に 応 じ カレンダーや 天 気 予 報 カウンタなどを 追 加 する ことができます 必 要 な 内 容 はモジュールとし て 追 加 することができます NetCommons のサイトにログインします 今 回 演 習 で 利 用 するサイトに 接 続 します URL は 個 人 ごとに 与 えられたものをご 使 用 ください 3
演 習 用 URL NetCommons のサイトへ 移 動 し 管 理 者 用 ID でログインします 管 理 者 用 の ID とパスワードは 指 定 されたものをお 使 い 下 さ い 演 習 用 管 理 者 ID 演 習 用 管 理 者 パスワード 管 理 者 用 のIDはこのサイトにおけるすべての 権 限 を 持 ったものです 取 り 扱 いには 十 分 に 気 をつけ ましょう 次 のような 画 面 が 表 示 されます 仮 のホームページが 表 示 されます 4
セッティングモードに 切 り 替 えページの 構 成 設 定 をします NetCommons は 必 要 な 機 能 をモジュールという 形 で 画 面 上 に 貼 り 付 けながら 作 ります このページは 仮 のものなので 不 要 なモジュールを 削 除 します 画 面 の 設 定 を 変 更 する 場 合 は セッティングモード に 切 り 替 えます 初 期 値 のページスタイルは 次 のようになっています 好 みによって 変 更 すること 可 能 ですがここでは 次 の 形 で 作 成 します ヘッダ 部 ロゴ ログインボタンなどを 配 置 します 中 央 カラム コンテンツの 内 容 を 配 置 します 左 カラム メニューや 関 係 する 情 報 を 配 置 します ページ 編 集 の 基 本 操 作 学 校 のロゴを 設 定 します 5
あらかじめ ロゴを 画 像 作 成 ツールなどで 作 成 しておきます 大 きさには 指 定 はありませんが 目 安 として 次 の 通 りです 配 置 する 段 階 で 縮 小 ができますが あまり 大 きなサイズにならないように 注 意 します 4 0 0 6 0 ピクセル logo.gif マウスカーソルをヘッダ 部 に 合 わせると 現 在 表 示 されている NetCommons のロゴ 上 に されます をクリックしてヘッダ 部 のロゴを 編 集 します が 表 示 クリックしロゴを 編 集 しま す 次 の 様 にワープロの 編 集 画 面 と 同 じような 画 面 が 表 示 されます 現 在 表 示 されているロゴの 上 でクリックし ロゴの 画 像 を 選 択 し Delete キーでロゴを 削 除 します Delete キーで 残 った 文 字 を 削 除 します 6
画 像 や 文 字 が 消 去 できたら 作 成 したロゴを 登 録 します 画 像 の 挿 入 ボタンをクリックします ロゴの 画 像 ファイルを 指 定 します 参 照 でファイル 名 を 指 定 し 画 像 の 挿 入 で 画 像 を 貼 り 付 けます 大 きさは 画 像 のすみにあるハンドルで 調 節 します 次 のように 画 像 の 次 に 文 字 を 入 力 します よろしければ 決 定 します 7
次 のようにヘッダ 部 にロゴが 作 成 されました セッティング 終 了 します 次 のようにロゴが 表 示 されました サイト 名 の 変 更 をします 8
初 期 のサイト 名 として サイト 名 未 設 定 となっています これを 学 校 名 に 変 更 します 画 面 上 部 にある 管 理 をクリックします 次 のようにコントロールパネルが 表 示 されます その 中 の システム 管 理 を 選 択 します 一 般 設 定 のタブにある サイト 名 を 変 更 します サイト 名 を 変 更 後 下 方 向 にスクロールし 決 定 をクリックします OK をクリックします 9
下 方 向 にスクロール システム 管 理 のメニューを 終 了 します をクリックします 管 理 終 了 をクリックします 次 の 様 にサイト 名 が 変 更 できました モジュールの 基 本 操 作 10
トップページを 編 集 します 通 常 ログイン 後 はプライベートスペースといって 個 人 だけしか 見 ることができないページが 開 きま す これからトップページを 編 集 しますのでメニューより トップページ をクリックします 初 期 状 態 の 不 要 なモジュールを 削 除 します セッティングモード にします モジュールの 一 つ 一 つが 枠 に 囲 まれて 現 れます Welcome to NetCommons! の 削 除 をクリック します よろしければ OK もクリックします 確 認 のメッセージが 表 示 されます OK を 選 択 します IMAGIN のモジュールを 削 除 します マウスカーソルを IMAGIN の 上 に 移 動 すると 次 のように の 印 が 現 れます をクリックし 削 除 します 11
次 のようにメニューを 残 すだけになりました トップページに 新 着 情 報 のモジュールを 追 加 します メニューよりトップページを 選 択 し 新 着 情 報 のモジュールの 追 加 を 設 定 します 新 着 情 報 のモジュールはサイト 内 に 新 しい 情 報 が 更 新 される と 自 動 的 に 表 示 されます ここでは お 知 らせ 掲 示 板 日 誌 に 更 新 があった 場 合 現 れるように します チェックができたら 決 定 ボタンをクリックします 次 のように 表 示 するべき 情 報 がありませんので 次 のように 表 示 されます お 知 らせ のモジュールを 追 加 します トップページにサイト 作 成 の 案 内 のお 知 らせを 追 加 します モジュールの 追 加 をクリックし お 知 らせ を 選 択 します 12
先 ほどロゴを 編 集 した 時 の 画 面 と 同 じような 画 面 が 出 てきました 基 本 的 な 操 作 法 はワープロと 同 じ です 文 字 だけでなく 表 や 画 像 添 付 ファイル リンクまで 作 成 することができます 次 のように 文 字 を 入 力 し 最 後 に 決 定 をクリック します 学 校 のホームページを 新 しくしました このホー ムページは NetCommons2.1 を 利 用 して 開 設 してい ます ホームページの 作 成 には 多 くの 人 の 協 力 によ って 作 られます 次 のようにお 知 らせが 表 示 されます 修 正 したい 場 合 は 編 集 を 選 択 して 下 さい 下 の 図 は NetCommonsの 共 通 エディタで 表 示 され るツールボタンは 次 の 通 りです 書 式 設 定 13
左 からフォント サイズ スタイルを 設 定 するためのプルダウンメニューです 効 果 をつけたい 箇 所 の 先 頭 でクリック するか 効 果 をつけたい 箇 所 をカーソルで 選 択 してボタンをクリックします 文 字 効 果 左 から 太 字 斜 体 下 線 取 り 消 し 線 をつけるためのボタンです 効 果 をつけたい 箇 所 の 先 頭 でクリック するか 効 果 をつけたい 箇 所 をカーソルで 選 択 してボタンをクリックします 下 付 上 付 文 字 下 付 文 字 上 付 文 字 をつけるためのボタンです 文 字 色 文 字 の 色 を 変 更 するためのボタンです 右 側 の 下 矢 印 を 押 すと 文 字 の 色 を 選 ぶためのパレットが 表 示 されます 効 果 をつけたい 箇 所 の 先 頭 でクリックするか 効 果 をつけたい 箇 所 をカーソルで 選 択 してボタンをクリックします 背 景 色 文 字 の 背 景 の 色 を 変 更 するためのボタンです 右 側 の 下 矢 印 を 押 すと 背 景 の 色 を 選 ぶためのパレットが 表 示 されます 効 果 をつけたい 箇 所 の 先 頭 でクリックするか 効 果 をつけたい 箇 所 をカーソルで 選 択 してボタンをクリックします 書 式 設 定 の 削 除 設 定 した 書 式 を 削 除 するために 使 います 書 式 を 設 定 した 範 囲 をカーソルで 選 択 してからクリックして 使 います NetCommons1.1 以 降 のwysiwygエディタでは 独 自 タグ は 廃 止 し HTMLによる 本 来 の 指 定 を 用 いています そのため 外 部 のWebページやWORDの 文 書 をコピーペーストすると 元 のHTML 文 書 に 書 かれた 指 定 が 予 期 せずに 残 ってしまう 場 合 があります そういうとき このボタンを 使 えば 書 式 設 定 をいっせいにクリアすることができます 編 集 のやり 直 し 編 集 をやり 直 したり 再 編 集 するときに 使 います 文 章 の 揃 い 文 章 を 左 揃 い 中 央 揃 い 右 揃 いにするときに 使 います 文 章 を 書 き 始 める 前 にボタンをクリックしてもよいですし 文 章 を 書 き 終 えてから 範 囲 をしていしてクリックしてもよいでしょう 画 像 を 中 央 にもってくるときにも 活 用 できます 段 落 箇 条 書 き 段 落 番 号 をつけたり 箇 条 書 きをするときに 使 います 段 落 や 箇 条 書 きをはじめる 前 にボタンをクリックします インデントの 調 整 インデントの 長 さを 調 整 するときに 使 います 14
表 の 作 成 文 中 に 表 を 作 成 したり 作 成 した 表 を 編 集 したりするときに 使 います まず 表 のアイコンを クリックすると 下 の 図 のようなイメージが 表 示 されます 表 の 上 でマウスを 動 かして 挿 入 したい 表 の 行 列 の 数 になるように 選 んでクリックします すると エディタ 画 面 に 空 の 表 が 表 示 されるので 表 のセルの 中 にカーソルを 合 わせてクリック し セルの 中 に 文 字 を 書 き 入 れます より 詳 しい 表 の 設 定 については の 右 側 の 下 向 き 矢 印 をクリックしてメニューを 表 示 させてください 罫 線 文 中 に 罫 線 を 引 くときに 使 います クリックするとその 場 所 に 罫 線 が 引 かれます 絵 文 字 一 覧 絵 文 字 一 覧 を 表 示 させるボタンです 他 のCMSに 比 べ 日 本 でよく 使 われるあいまいな 表 現 が 多 いのが 特 徴 です Tex 数 式 を 書 く 時 に 使 います このボタンをクリックすると 以 下 のような ユー ザープロンプト が 別 窓 で 開 きます Tex 表 記 文 字 を 入 力 してください の 下 のボックスにTexの 数 式 モードの 記 法 にしたがって 文 字 列 を 入 力 します ( 数 式 モードの 始 まりを 示 す$マークは 不 要 で す )プレビューを 押 すと その 文 字 列 がどのように 画 面 上 に 現 れるかが 表 示 さ れます その 内 容 でよければOKをクリックします リンク 文 中 にリンクを 張 ったり それを 取 り 消 したりすることができます リンク したい 箇 所 をカーソルで 選 択 し をクリックすると リンクを 挿 入 する ためのプロンプトが 別 窓 で 表 示 されます リンク 先 のURLを 記 入 し そのリンクを 説 明 する タイトル を 記 入 します ( 読 み 上 げソフト ではこのタイトルを 読 み 上 げますので 目 の 不 自 由 な 方 のためにも 適 切 なタイトルを 記 入 するように 心 がけてください )ターゲットとは リンクをクリックしたときの 表 示 方 法 を 指 します 指 定 しない 場 合 ユーザがリンクをクリックすると 画 面 がリンク 先 へ 移 動 します 新 規 ウィン ドウ を 選 択 すると リンク 先 が 別 画 面 として 表 示 されます コンテンツの 保 存 記 入 したコンテンツをHTML 形 式 で 保 存 し 手 元 のPCにダウンロードするために 使 います 画 像 の 挿 入 このボタンを 使 うと 記 事 の 中 に 画 像 を 挿 入 することができ ます 添 付 できる 画 像 やファイルの 形 式 は 使 っている NetCommonsの 管 理 者 が 許 可 した 形 式 に 限 られます をクリ ックすると 画 像 挿 入 用 の 画 面 が 表 示 されます 参 照 ボタンをク リックしましょう 15
手 元 で 操 作 しているパソコンがWindowsXPの 場 合 下 のよう な ファイルの 選 択 という 箱 が 現 れます 挿 入 したいファイ ルを 探 してクリックし 開 く ボタンをクリックします ここで すでにサーバに 画 像 が 転 送 されています プレビュ ーをクリックすると どのような 画 像 が 挿 入 されるかのイメー ジが 表 示 されます デフォルトでは 画 像 は 左 寄 せで 挿 入 されま す 画 像 を 挿 入 する 位 置 を 調 整 したい 場 合 は 詳 細 設 定 のリ ンクをクリックします 図 の 挿 入 位 置 として 左 右 を 選 ぶと 画 像 の 位 置 を 決 め 文 字 を 回 りこませることができま す 指 定 なし を 選 ぶと 画 像 周 辺 には 文 字 が 入 りません 画 像 の 大 きさを 変 更 したい 場 合 には 編 集 画 面 の 中 に 表 示 された 画 像 をクリックして 画 像 を 選 択 します すると 四 隅 上 下 左 右 に 小 さな 白 い 点 が 表 示 されます これをドラッグすることで 画 像 の 大 きさを 変 更 することができます 代 替 テキスト という 欄 には 画 像 の 簡 単 な 説 明 を 記 入 してください 読 み 上 げソフトでは ここに 書 かれた 説 明 を 読 み 上 げるので 的 確 な 説 明 を 記 入 するよう 心 がけましょう ファイルの 添 付 このボタンを 使 うと コンテンツにファイルを 挿 入 することができます 添 付 できる 画 像 やファイルの 形 式 は 使 っ ているNetCommonsの 管 理 者 が 許 可 した 形 式 に 限 られます ボタンをクリックすると ファイルアップロード 用 の 画 面 が 表 示 されます 参 照 ボタンをクリックしファイルを 選 択 します さきほどのアップロードの 挿 入 のための 画 面 で OK をクリックします さらに 別 のファイルを 添 付 したい 場 合 には 別 のファイルを 添 付 のリンクをクリックし 同 様 の 操 作 を 行 います 編 集 画 面 の 大 きさの 変 更 編 集 画 面 が 狭 すぎる また 広 すぎると 感 じたときは 画 面 右 下 にある 面 の 大 きさを 調 整 することができます 部 分 をつかんでドラッグすると 編 集 画 HTMLによる 編 集 画 面 下 部 にある HTML のタブをクリックすると 直 接 HTML ファイルを 編 集 することができます 表 示 するモジュールの 順 番 を 変 更 します 新 着 情 報 と お 知 らせ の 順 番 を 変 更 します 新 着 情 報 のタイトル 付 近 にマウスカーソルを 置 16 このへんをつかんで ドラッグします
き お 知 らせ の 上 にドラッグすることによって 位 置 の 変 更 ができます お 知 らせ のタイトルの 変 更 や 枠 線 の 消 すには お 知 らせのモジュールの ブロックスタイル のタブを 選 択 し 一 般 のタブを 選 択 します その 中 の ブロックの 名 称 を 変 更 し 決 定 ボタンをクリックします テーマ や 配 色 の 中 から 希 望 の 枠 線 を 選 択 します 配 色 の 中 で 枠 線 の 色 を 背 景 色 に 合 わせるな どの 指 定 をします 17
画 面 全 体 をきれいにそろえるには 画 面 のロゴなどを 記 述 するヘッダ 部 や 左 カラム 中 央 カラムなど 横 幅 をシステムに 任 せてしまう 方 法 も ありますが 標 準 的 な 解 像 度 を 想 定 して 横 幅 を 設 定 するときっちりとしたページを 作 ることができます 例 えば 最 近 高 解 像 度 のディスプレイが 多 く 使 われているので 横 幅 を 1024 と 仮 定 し このサイトの 横 幅 を 850 ドットとした 場 合 次 のようなブロックスタイルの 幅 が 考 えられます 上 左 1 右 最 小 の 広 さ ヘッダ 部 上 上 左 2 右 左 3 右 左 カラム 中 央 カラム 最 小 の 広 さ 最 小 の 広 さ 下 下 ブロックスタイルの 設 定 例 最 小 の 広 さ 上 右 下 左 1 846 2 2 2 2 2 246 2 2 2 2 3 596 2 2 2 2 それぞれモジュールにおけるの ブロックスタイル の 一 般 の 設 定 値 を 適 当 に 変 更 し 適 用 決 18
定 の 順 にクリックします メニュー 編 集 の 基 本 操 作 メニューを 追 加 します ここでは トップページ を ようこそ と 変 更 し 校 長 室 より 行 事 予 定 学 校 説 明 会 のご 案 内 学 校 アルバム 学 科 の 紹 介 事 務 室 より との 5 つのページを 追 加 します メニューは 基 本 的 には 次 のスペースから 成 っています パブリックスペース このスペースは 誰 もが 見 ることができるページです このページを 利 用 する と 学 校 のホームページとして 利 用 することができます プライベートスペース 自 分 以 外 は 見 ることができないページです キャビネットを 利 用 して 私 的 な データを 置 いたり 覚 書 などで 利 用 します ログインすると 現 れます (ゲ スト 権 限 は 除 く)また プライベートスペースは 名 称 として ハンドル 名 の 部 屋 として 表 示 されます グループスペース 所 属 するグループの 部 屋 として 現 れます 同 じグループに 所 属 する 利 用 者 同 士 で 情 報 を 共 有 することができます ページの 作 成 方 法 は NetCommons2.0 から 階 層 的 に 設 けることができます ページを 取 りまとめるカテ ゴリを 置 くことできます メニュー の 右 側 の 編 集 をクリックします まずは トップページ から ようこそ と 変 加 をクリックします 更 し ページ 追 19
同 様 に 校 長 室 より 行 事 予 定 学 校 説 明 会 のご 案 内 学 校 アルバム 事 務 室 より との4つのペ ージを 追 加 します メニューを 階 層 的 に 作 成 する 場 合 は カテゴリ 追 加 を 選 択 し その 下 に ページ 追 加 を 行 います 学 科 の 紹 介 は カテゴリ 追 加 で 行 い その 中 に 普 通 科 の 紹 介 外 国 語 科 の 紹 介 などと 入 れることができます ページの 追 加 が 終 わったら 編 集 終 了 クリックします メニューの 順 番 を 入 れ 替 えるには? メニューの 左 側 の を 移 動 する 位 置 までドラッグ&ドロップします メニューのページを 一 時 的 に 非 表 示 にするには メニューの 左 側 の ON をクリックすると 非 表 示 のページになります 一 時 的 に 見 せたくないページは 20
非 表 示 にします 表 示 非 表 示 各 モジュールの 基 本 操 作 日 誌 のモジュールを 追 加 します 校 長 室 より に 日 誌 モジュールを 追 加 します 日 誌 モジュールは 日 々の 記 録 を 文 字 だけでなく 図 や 写 真 を 入 れながら 投 稿 することができます つまりブログと 同 じような 使 い 方 ができるモジュールです 学 校 での 使 い 方 は 毎 日 の 給 食 を 写 真 を 入 れて 記 録 したり 植 物 の 成 長 記 録 や 学 校 行 事 の 記 録 を 掲 載 することができます メニューの 校 長 室 より を 選 択 し セ ッティングモード をクリックします モジュール 追 加 から 日 誌 を 選 択 します 新 規 作 成 のタブを 選 択 しタイトル 名 を 校 長 室 だ より とし 決 定 をクリックします 一 度 に 表 示 する 件 数 を 5 件 とし 決 します 定 をクリック 21
セッティングモードを 終 了 します 日 誌 のモジュールに 投 稿 します 校 長 室 だより に 投 稿 します 記 事 を 書 く をクリックします 例 として 次 のような 内 容 を 記 述 します 内 容 がよろしければ 決 定 をクリック します はじめまして 校 長 の と 申 しま す このたび 学 校 ホームページを 公 開 す るにあたり 誤 って 記 述 した 場 合 でも 編 集 をクリックすれば 再 編 集 が 可 能 です ま た 書 き かけの 場 合 一 時 保 存 とします この 場 合 は 一 時 保 存 中 となり 公 開 されません 投 稿 22
者 には 以 下 のように 表 示 されます 日 誌 のモジュールの 特 徴 は 最 新 のもの が 一 番 上 に 表 示 されます 日 々の 教 育 活 動 の 報 告 などはこのモジュールが 有 効 に 活 用 できます また 過 去 にさかのぼ って 内 容 を 見 ることができますので 学 校 の 記 録 としても 活 用 できます 掲 示 板 のモジュールを 追 加 します モジュールの 追 加 で 掲 示 板 を 追 加 します 掲 示 板 に 名 前 をつけます 1つのサイトに 複 数 の 掲 示 板 を 作 成 しますので 用 途 に 応 じ 名 前 をつけます 入 力 後 決 定 ボタンをクリックします 後 に 学 習 する 投 稿 する 人 の 権 限 も 指 定 することができます 表 示 方 法 を 指 定 します また 返 信 などがわかるように 展 開 方 法 も 指 定 します 入 力 後 決 定 ボタン 23
をクリックします 掲 示 板 のモジュールに 投 稿 します 次 の 様 に 掲 示 板 が 作 成 できました 投 稿 は 新 しい 話 題 の 投 稿 をクリックします 投 稿 する 件 名 と 内 容 を 入 力 します 記 入 の 方 法 は 日 誌 のモジュールと 同 じです 入 力 後 投 稿 する ボタンをクリックします また 途 中 の 場 合 は 一 時 保 存 ボタンをクリックします この 場 合 記 述 品 内 容 は 保 留 のままとなり 他 の 人 は 見 ることはできません 掲 示 板 に 投 稿 されました 詳 しく 見 た い 場 合 は 件 名 をクリックします 24
記 事 の 内 容 に 返 信 を 書 く をクリッ クします 投 稿 者 は 投 稿 した 内 容 に 誤 りがあった 場 合 は 編 集 ボタンで 再 編 集 することができます また 管 理 者 の 権 限 があれば 投 稿 した 内 容 を 削 除 することもできます ールで 配 信 することも 可 能 になります 掲 示 板 の 扱 いについてはご 注 意 くだ さい 掲 示 板 といっても 公 開 できる 場 所 におくとホームページとなります ので 通 常 の 学 校 ホームページの 発 信 の 方 法 と 同 様 な 扱 いをお 願 いします また 後 に 学 習 するユーザ 管 理 をする ことによって 掲 示 板 の 内 容 を 電 子 メ 既 存 のホームページを 利 用 します パブリックスペースの 事 務 室 より にお 知 らせのモジュールを 追 加 します 事 務 室 より にメニューを 切 り 替 え セッティングモード にします どちらかをクリック お 知 らせ のモジュールを 追 加 します お 知 らせ のタイトルを 各 種 証 明 書 の 申 請 につい て に 変 更 します ブロックスタイル のタブを 選 択 します 25
ブロックスタイル のタブの 中 の 一 般 を 選 択 します ブロ ック 名 称 を 各 種 証 明 書 の 申 請 について に 変 更 します ブロック 名 称 を 修 正 後 決 定 ボタンをクリッ クします ブロック 名 称 が 変 更 されました 内 容 を 記 述 するため 編 集 をクリックします 既 存 のホームページがある 場 合 はその 内 容 をそのまま お 知 らせ のモジュールに 取 り 込 むことができ ます 既 存 のホームページのコピーしたい 箇 所 をドラッグし 編 集 で コピー します 26
コピーする 範 囲 をドラッ グし 編 集 コピー (Ctrl+c)します コピーしたい お 知 らせ の 編 集 画 面 で 右 クリックをし 貼 り 付 け を 選 択 します よろしければ 決 定 します このように 既 存 のホームページがある 場 合 簡 単 に 移 行 することができます しかし 注 意 しなければならない ことは コピーする 内 容 に 画 像 などが 含 まれる 場 合 リンク 情 報 が 登 録 される 関 係 で 元 のホームページを 削 除 されると 画 像 などが 表 示 されなくなります 画 像 な どは 個 々にアップロードするか もともとのホームペ ージを 削 除 しないようにして 下 さい ページのスタイルを 変 更 するには NetCommons を 利 用 すると 間 単 にページの 編 集 ができることがわかったと 思 いますが 独 自 のデザイン がほしい 場 合 はデザインを 変 更 することができます 画 面 上 部 にあります ページスタイル をクリックしてください 27
ページスタイル の 中 から 様 々なテーマを 選 ぶ ことができます 気 に 入 ったテーマを 選 択 し 決 定 をクリックします 各 モジュールからモジュ ールのテーマを 選 択 することができます 気 に 入 ったテーマを 選 択 し 決 定 をクリックします カレンダー のモジュールを 追 加 します 行 事 予 定 表 のメニューの 中 に カレンダー のモジュールを 追 加 します 月 ごとに 大 きく 表 示 したいので 月 表 示 ( 拡 大 ) を 選 択 し 決 定 ボタンをクリックします セッティングモード を 終 了 します 28
セッティングモードは 各 ページにモジュールを 追 加 や 削 除 レイアウトの 構 成 を 修 正 する 際 に 切 り 替 えます 内 容 の 記 述 についてはユーザの 権 限 の 範 囲 内 でセッティングモードに 変 更 しなくても 編 集 することができます ユーザの 権 限 につい ては 後 に 説 明 します 行 事 予 定 を 追 加 します 予 定 を 追 加 する 日 にマウスカーソルを 合 わせ をクリックします 件 名 と 公 開 対 象 を パブリックスペース とし 決 定 ボタンをクリックします パブリックスペースに 登 録 するとインターネット 上 に 公 開 する 予 定 として 表 示 されます プライベート スペースの 場 合 は ログインした 人 でしか 見 ることができません 29
次 の 様 に 行 事 が 追 加 されました 公 開 対 象 が パブリックスペー ス の 場 合 このサイトの 訪 問 者 は 登 録 した 行 事 をカレンダーか ら 確 認 することができます 後 に 学 習 するグループ 管 理 の 機 能 を 使 うと 特 定 のグループのみ 内 容 が 見 られるログインしたユーザ の 権 限 の 範 囲 内 で 行 事 を 確 認 す ることができます 公 開 する 必 要 のない 行 事 などは 参 加 するグル ープの 行 事 として 登 録 すること ができます 込 みの 登 録 フォーム モジュールを 作 成 します 学 校 説 明 会 の 案 内 を 作 成 します 学 校 説 明 会 のご 案 内 に 実 施 内 容 の 詳 細 の お 知 らせ モジュール 参 加 申 し 学 校 説 明 会 のご 案 内 の 中 に お 知 らせ モジュールを 追 加 します 次 の 例 を 参 考 に 学 校 説 明 会 の 案 内 を 作 成 します 30
登 録 モジュールを 追 加 します 登 録 フォーム モジュールを 追 加 参 加 申 し 込 みフォームを 作 成 します ここでは 参 加 する 生 徒 の 名 前 中 学 校 名 学 年 を 入 力 および 選 択 できるようにします 新 規 作 成 を 選 択 します 管 理 しやすいよう 登 録 フォー ム 名 称 を 入 力 します また 申 込 者 が 申 し 込 みの 手 続 き 終 了 後 表 示 させるメッセージを 入 力 し 決 定 ボタンをクリックします 31
不 要 な 項 目 は 削 除 します お 名 前 以 外 を 削 除 します 削 除 の 確 認 のメッセージがありましたら は い を 選 択 します 中 学 校 名 を 入 力 するテ キストボックスを 作 成 するので 項 目 を 追 加 する をクリックしま す 項 目 名 に 中 学 校 名 必 須 項 目 にする を 選 択 し 入 力 タイプを テキスト とします 説 明 は 次 のように 入 力 します 最 後 に 決 定 ボタンをクリックしま す 項 目 名 に 学 年 を 入 力 し 必 須 項 目 にする を 選 択 し 入 力 タ イプを 選 択 式 ( 択 一 ) とします 選 択 肢 に 上 から 順 に 1 学 年 2 学 年 3 学 年 とし 不 足 分 については 選 択 肢 追 加 をク リックし その 他 を 追 加 してください 説 明 は 次 のように 入 力 し ます 最 後 に 決 定 ボタンをクリックします 32
入 力 する 内 容 を 確 認 したら 実 施 する をクリックします 編 集 終 了 をクリックし ます 次 のように 登 録 フォームが できました 必 要 項 目 を 入 力 後 決 定 を クリックすると 申 込 者 がサーバ に 登 録 されます 学 校 見 学 会 の 申 し 込 みに 登 録 し た 人 の 確 認 をし ます 編 集 ボ タンをクリック してください CSV 出 力 をクリックします 33
開 く を 選 択 します 次 の 様 に 登 録 されたデータを 確 認 することができます 開 いたデータは 適 当 なところへ 保 存 して 下 さい 登 録 されたデータを 削 除 するには データのみ 削 除 を 選 択 します メニューを 選 択 し フォトアルバム を 追 加 します フォトアルバムを 追 加 します 学 校 アルバムに 学 校 の 風 景 などの 写 真 を 登 録 します 学 校 アルバム の フォトアルバムの 名 称 を 学 校 の 風 景 とします 後 ほど 学 習 しますが 管 理 者 以 外 でも 写 真 の 投 稿 が できるようにするには モデレータ や 一 般 をチェックします 34
表 示 方 法 を 設 定 します 自 動 的 に 写 真 が 入 れ 替 わるようにするには アルバムの 自 動 スライドショー を 選 択 します 一 覧 として 見 たい 場 合 は アルバムの 一 覧 表 示 を 選 択 します アルバム 作 成 をク リックします アルバムの 名 前 を 学 校 の 風 景 とします 表 示 画 像 を 選 択 するため 参 照 をクリックします 表 紙 となる 画 像 を 選 択 します 表 示 形 式 を 縮 小 版 とすると 写 真 のプレビューができます 35
アップロード ボタンをクリックすると 写 真 がサーバにアップロードされます よろしければ 決 定 ボタンをクリックします アルバムの 写 真 の 追 加 をクリックします 追 加 する 写 真 を 参 照 で 選 択 し 添 付 ファイルを 追 加 をクリックします 複 数 の 場 合 は 選 択 するごと 36
にクリックします 登 録 する 写 真 がすべて 選 択 できたら 決 定 ボタンをク リックします サイズを 適 当 に 変 更 します 最 後 に 決 定 ボタンをクリックします スライドの 切 り 替 えタイプや スライド 間 隔 時 間 写 真 等 間 隔 で 自 動 的 に 写 真 が 入 れ 替 わります 37
ブログツールなどをうまく 活 用 すると 学 校 の 地 図 案 内 学 校 周 辺 の 天 気 予 報 また 学 校 ホームペー ジをポータルサイトとして 活 用 するため 検 索 エンジンの 窓 や 時 計 などを 置 くことができます ページにカウンタモジュールを 追 加 します 学 校 ホームページにカウンタをつけどのページがよく 見 られているか 分 析 することは 大 切 なことです ページごとにカウンタをつけ 訪 問 者 数 の 記 録 をとることができます カウンタを 表 示 させたいページに カウンタ モジュールを 追 加 します デフォルトでは 次 の 様 に 設 定 次 の 様 に 表 示 内 容 を 修 正 します 決 定 ボタンをクリックします 次 の 様 にカウンタが 表 示 されます リンクリストのモジュールを 追 加 します 38
学 校 のホームページから 便 利 に 使 えるサイトのリンクリストを 作 ります リンクリスト のモジュールを 追 加 します リンクリストの 名 称 を 適 当 な 名 前 でつけ 決 定 ボタンをクリックします 後 に 学 習 する 一 般 のユーザ からも 追 加 できる 場 合 や カテゴリ を 追 加 する 権 限 をつける 場 合 は チェックを 入 れます 表 示 方 法 変 更 のタブをクリック し 表 示 方 法 を 選 択 します 最 後 に 決 定 ボタンをクリックします リンク 先 を 追 加 します 登 録 するサイトのタイトル 名 と URL を 入 力 します 自 動 取 得 にチェックを 入 れておくと 自 動 的 にサイ トからタイトルを 取 り 込 みます 最 後 に 決 定 クリックします 同 様 にいくつかのサイトを 登 録 します 学 校 の 地 図 に google マップを 利 用 します 39
メニューに 学 校 までのアクセス などのメニューを 追 加 します こ のページに お 知 らせ モジュー ルを 追 加 します http://www.google.co.jp よ り Google マップをクリックします 学 校 の 所 在 地 を 入 力 し 地 図 を 検 索 のボタンをクリックします リンク をクリックします HTML を 貼 り 付 けてサイトに 地 図 を 埋 め 込 みます に 表 示 される 内 容 をクリッ プボードにコピーします ( 記 述 されてい る 内 容 をドラッグし Ctrl キーを 押 しな ら C のキーを 押 します ) 地 図 を 使 いしたいページにお 知 らせのモ 40
ジュールを 追 加 します お 知 らせの 編 集 に おいて HTML のタブをクリックしま す 先 ほどコピーした 内 容 を 貼 り 付 けます ( Ctrl キーを 押 しなら v のキーを 押 し ます 最 後 に 決 定 をクリックします 次 のように 学 校 周 辺 の 地 図 が 表 示 されます 出 発 地 を 入 力 すると 学 校 までの 交 通 機 関 や 乗 換 え 情 報 を 調 べることができます この 方 法 は ブログツールなどを 利 用 して 学 校 周 辺 の 天 気 予 報 や 時 計 などを 画 面 上 に 表 示 することに 応 用 できます RSS のモジュールを 追 加 します ホームページをポータルサイトとして 利 用 す る 場 合 など RSS を 利 用 することができます ここでは 朝 日 ヘッドラインニュースの 利 用 について 説 明 します ヘッドラインニュースの URL を 入 力 し 決 定 ボタンをクリックします 次 の 様 に 最 新 のニュースが 表 示 されます 詳 しく 知 りたい 場 合 は 関 心 のあるニュー スをクリックします 41
サイトの 閉 鎖 ホームページの 製 作 途 中 はあまり 見 せたくないものです その 場 合 サイト 閉 鎖 を 行 うと 便 利 です 外 側 から メンテナンス 中 のため~ と 表 示 され 見 ることはできませんが 管 理 者 の 権 限 でログイン することによって サイトの 構 築 をすることができます 管 理 システム 管 理 の 一 般 設 定 のタブに サイトの 閉 鎖 がここを はい を 選 択 すると 際 と 閉 鎖 が 行 えます テキストボックスにメッセージを 入 れるとメッセージが 表 示 されます memo 42