NetCommons(CMS) 学 校 Web ページ 作 成 講 習 会 用 テキスト 作 成 編 - 目 次 - 1 ネットコモンズについて P.1 2 ログインしてみましょう P.1 3 ページの 構 成 P.2 4 ページ 構 成 の 設 定 P.2 5 トップページの 構 成 の 設 定 P.3 6 ロゴの 作 成 と 設 定 P.4 7 メニューの 設 定 P.7 8 トップページの 作 成 P.10 9 校 長 室 より ページの 作 成 P.12 10 年 間 行 事 予 定 ページの 作 成 P.13 11 メニュー の 追 加 ( 上 部 ) P.14 12 リンク の 設 定 +α P.15 13 日 誌 の 承 認 機 能 P.16 14 その 他 の 機 能 P.17 群 馬 県 総 合 教 育 センター 0 0
CMS による 学 校 Web ページ 作 成 講 習 会 テキスト( 作 成 編 ) ネットコモンズについて ネットコモンズとは HTMLを 直 接 操 作 することなく 高 機 能 なWebサイトを 手 軽 に 構 築 できるCMS(コンテンツマネージメントシステム)の 一 つです 素 材 を 準 備 して ブラウザ 上 で 操 作 することでWebページ 作 成 を 行 うことができるシステムです ここでは ページを 作 成 するために 必 要 な 内 容 について 説 明 します ログインしてみましょう 各 学 校 用 の 通 知 にある URLからWebページを 開 き 右 上 のログインをクリックし ログインIDとパスワードを 入 力 してログインします ログインID パスワード 画 面 上 部 に 管 理 設 定 等 を 行 うための 項 目 が 表 示 されます 動 作 が 不 安 定 な 場 合 には プロキシの 設 定 をお 願 いします プロキシの 設 定 について インターネットオプション - 接 続 - LANの 設 定 - 詳 細 設 定 から 例 外 に *.gsn.ed.jp を 入 力 してください 1
ページの 構 成 ネットコモンズでは 以 下 のような3 種 類 のスペースが 用 意 されています ルーム について パブリックスペースが 建 物 だと したら その 中 に ルーム とい う 部 屋 を 作 ることができます こ の 部 屋 には 誰 と 誰 が 入 ることがで 公 開 用 のページとして 活 用 するスペースです 学 校 Webページはこの スペースを 利 用 します ~の 部 屋 と 表 示 さ れるスペースです データ 置 き 場 等 にも 使 用 できますが ディス ク 領 域 を 圧 迫 しますの で 利 用 しません グループウェアとして 活 用 できるスペースです きて 誰 が 管 理 するのか 管 理 者 が 決 めることができます 例 えば 部 活 動 の 部 屋 を 作 り その 部 屋 の 作 成 や 運 営 を 管 理 者 が 指 定 したユーザにまかせることが できます ページ 構 成 の 設 定 全 てのページの 基 本 になる ページスタイル を 決 めます ここで 行 う 設 定 は 新 しいページを 作 成 した 際 のスタイルとなります 後 で それぞれのページごとにスタイルを 変 更 することもできます 決 定 をクリック- 右 上 の でウィンドウを 閉 じる 管 理 終 了 でコントロールパネルを 綴 じる 2 0
CMS による 学 校 Web ページ 作 成 講 習 会 テキスト( 作 成 編 ) トップページの 構 成 の 設 定 3 ページ 構 成 の 設 定 では 新 規 で 追 加 するページのページ 構 成 を 設 定 しました トップページは 個 別 に 設 定 する 必 要 があります セッティングモード をクリックすると 三 分 割 されたページになっていることがわ かります 左 下 のブロックにメニューを 追 加 しておきます モジュール について ネットコモンズには 27 種 類 の モジュールが 用 意 されています メニュー 日 誌 お 知 ら せ アンケート などの 機 能 を 組 み 合 わせて 配 置 して 利 用 するこ とができます メニュー トップページ 以 外 に の 部 屋 と 出 ている 場 合 は 管 理 編 のマニュア ルを 参 考 にプライベートスペースを 使 用 しない にしてください 3
ロゴの 作 成 と 設 定 学 校 名 ロゴの 作 成 既 存 のロゴを 使 用 することもできますが ここでは パワーポイントで 学 校 名 のロゴを 作 成 してみます 1パワーポイント( 画 面 は 2010)の 横 書 きテキストボックス を 選 択 して 校 名 を 入 力 します 2フォント サイズ( 大 きめに 32 ポイント 程 度 ) 書 式 等 を 設 定 します また 背 景 色 を 白 に 設 定 しておきます 3テキストボックスの 枠 上 で 右 クリックをして 図 として 保 存 を 選 択 します 4デスクトップ 上 に ロゴ というファイル 名 で 保 存 します なお ファイルの 種 類 は PNG にします 4 0
CMS による 学 校 Web ページ 作 成 講 習 会 テキスト( 作 成 編 ) 5 作 成 したロゴの 大 きさを 整 えるために jtrim(フリーソフト) で 加 工 します 起 動 後 ロゴ のファイルを 開 きます 6 イメージ - 座 標 指 定 切 り 抜 き から 切 り 抜 く 部 分 を 指 定 して 切 り 抜 きます 7 イメージ - リサイズ で サイズで 指 定 する の 縦 を 60 ピクセル にし て リサイズします 8デスクトップに 保 存 をします(ファイル 名 :ロゴ(リサイズ)) 5
作 成 したロゴの 配 置 トップページで 三 分 割 された 上 のブロックに 画 像 を 配 置 します また 画 像 の 下 に 住 所 などの 情 報 を 入 力 していきます 1セッティングモードで 左 上 の モジュール 追 加 から お 知 らせ を 選 択 します 2 画 像 の 挿 入 アイコンをクリックして ロゴ(リサイズ) を 指 定 します 代 替 テキストも 入 力 をして 画 像 の 挿 入 をして 決 定 します 詳 細 設 定 により 画 像 の 大 きさな どを 設 定 することもできます 代 替 テキスト について 3 改 行 をして 住 所 や 電 話 番 号 等 を 入 力 します 代 替 テキストを 設 定 すること で 音 声 ブラウザが 画 像 の 代 わり に 代 替 テキストの 内 容 を 読 み 上 げ ます 代 替 テキストは 画 像 の 内 容 を 的 確 に 示 した 簡 潔 でわかりや すいものにしましょう 4 再 度 編 集 をしたい 場 合 は ダブルクリックか スパナアイコン をクリックします 6 0
CMS による 学 校 Web ページ 作 成 講 習 会 テキスト( 作 成 編 ) メニューの 設 定 ルーム を 作 る 意 味 について ルームを 作 ることで その 部 屋 の 管 理 を 別 の 人 にさせることがで きるというメリットがあります ページ カテゴリ ルームの 追 加 について 新 しい ページ やページをまとめるための カテゴリ は メニュー 画 面 上 で 追 加 が できます ルーム は 管 理 - ルーム 管 理 - パブリックスペース - ルーム 管 理 から 作 成 することができます ページ 追 加 カテゴリ 追 加 ルーム 追 加 ページの 追 加 1 メニューブロック の 編 集 をクリックします 2 パブリックスペース か トップページ がアクティブになっている 状 態 で ページ 追 加 をクリックします 3 新 規 ページ 2 が 作 成 されるので 校 長 室 より と 変 更 します 7
カテゴリの 追 加 4 カテゴリ 追 加 をクリックして 学 校 生 活 とします カテゴリ 内 でのページ 追 加 5 学 校 生 活 をアクティブにして ページ 追 加 をクリックします 追 加 されたページに 一 日 の 生 活 と 入 力 します 6 同 様 に 部 活 動 紹 介 のページを 追 加 します ページの 削 除 各 ページ カテゴリの 右 側 にある ゴミ 箱 アイコン をクリックすると 削 除 されます 8 0
CMS による 学 校 Web ページ 作 成 講 習 会 テキスト( 作 成 編 ) ルームの 追 加 1 管 理 - ルーム 管 理 - パブリックスペース を 選 択 します 2 ルーム 作 成 をクリック ルーム 名 称 を 年 間 行 事 予 定 と 入 力 し 次 へ を 選 択 3 教 務 01 を 主 担 にして 決 定 します 教 務 01 は 管 理 編 によりユーザの 作 成 済 みです 4ルーム 管 理 を で 閉 じて 管 理 終 了 をクリックします 9
トップページの 作 成 お 知 らせ の 作 成 トップページの 右 下 画 面 に お 知 らせ を 追 加 します 1 セッティングモード - Welcome to NetCommons! を 削 除 しておきます 2 モジュール 追 加 から お 知 らせ を 選 択 します 3お 知 らせの 本 文 を 入 力 します 各 アイコンにより ワープロと 同 様 の 操 作 ができます 入 力 ができたら 決 定 をクリックします HTML を 選 択 することで HTMLによる 編 集 ができます 日 誌 の 作 成 1お 知 らせと 同 様 の 操 作 で 日 誌 を 追 加 します 高 校 だより と 入 力 します 記 事 投 稿 権 限 一 般 にすることで 一 般 ユーザ(まだ 作 成 していません) からも 投 稿 することができます 他 の 項 目 もこの 通 りにします 日 誌 は 承 認 機 能 が 使 えます 他 のユーザが 記 事 を 投 稿 した 際 に 主 坦 が 承 認 をしない 限 り 情 報 は 公 開 されません 主 担 の 承 認 が 必 要 に 設 定 した 場 合 投 稿 をメールで 主 担 に 必 ず 通 知 されます 2 決 定 をして 編 集 を 終 了 します 10 0
CMS による 学 校 Web ページ 作 成 講 習 会 テキスト( 作 成 編 ) ブロックの 移 動 お 知 らせ や 日 誌 等 の 各 ブロックは ドラッグすることで 移 動 できます 左 右 に 並 べることもできます 特 にここで 行 う 必 要 はありません ブロックのグループ 化 特 にここで 行 う 必 要 はありません ブロックは Shift + クリック でクリックして 選 択 後 左 上 の グループ 化 でまと めることができます なお ブロックのレイアウトを 固 めたい 時 に グループ 化 を 使 います ブロック 幅 の 変 更 ブロックの 幅 等 を 変 更 したいブロックの 編 集 をクリックします ブロックスタイル - 一 般 から 最 小 の 広 さを 変 更 します ブロックの 移 動 コピー 各 ブロックは 別 のページに 移 動 や コピー をすることができます 移 動 先 を 選 択 して 移 動 か コピー を 選 択 して 行 います 11
校 長 室 より ページの 作 成 お 知 らせ の 作 成 1 校 長 室 より に トップページと 同 様 に お 知 らせ を 作 成 します 校 長 先 生 の 画 像 を 配 置 し メッセージを 入 力 します コピーは 注 意 が 必 要!! 2 改 行 をして 本 文 を 入 力 します 他 の Web ページ 上 から テキス トや 画 像 をコピーした 場 合 タグ も 同 時 にコピーされます 特 に 画 像 は リンク 元 のファイ ルが 消 えれば 当 然 見 えなくなっ てしまいます 画 像 は デスクトップに 保 存 す るなどしてから アップロードを するようにしましょう!! 3 枠 などは 必 要 ないので スタイルを 変 更 します また 名 称 (お 知 らせ)を 消 します Delete 12 0
CMS による 学 校 Web ページ 作 成 講 習 会 テキスト( 作 成 編 ) 年 間 行 事 予 定 ページの 作 成 カレンダー の 作 成 1 年 間 行 事 予 定 - カレンダー を 選 択 する 2もう 一 度 編 集 をクリックして メール 設 定 タブ から メール 通 知 機 能 を 使 用 しない を 選 択 して 決 定 します 3カレンダーに 予 定 を 入 力 してみます 4ブロックスタイルで 名 称 やスタイルを 変 更 することもできます ここでは 特 に 指 定 はしません 自 由 に 設 定 してみてください 13
メニュー の 追 加 ( 上 部 ) メニュー の 追 加 1 モジュール 追 加 から メニュー を 選 択 して 追 加 します 2 ブロックスタイル - 一 般 - テンプレート から headerflat を 選 んで 決 定 します また 最 小 の 広 さ を 960 にします 3ロゴの 下 にウィンドウをドラッグして 移 動 します 隠 しメニューの 設 定 1 編 集 から メニューに 表 示 させないページの on をクリックします 2 on になっているページ 以 外 はメニューからなくなりました なお 左 下 のメニューには 全 く 影 響 していません 14 0
CMS による 学 校 Web ページ 作 成 講 習 会 テキスト( 作 成 編 ) リンク の 設 定 +α ロゴへの リンク 設 定 1 編 集 をクリックします ロゴをドラッグして 選 択 します 2 リンクの 挿 入 アイコンをクリックして URL タイトル を 入 力 します 3ロゴをクリックすると トップページに 戻 るようになりました メールアドレスの 表 示 メールアドレスは そのままの 状 態 やメールソフトへのリンク 設 定 をすると 迷 惑 メー ルやスパムメール 受 信 の 原 因 となります @を 全 角 表 示 にするなど 対 策 をお 願 いします ここでは 上 記 のとおり お 知 らせ に 入 力 をして 右 に 配 置 後 ロゴとの グループ 化 をしています 15
日 誌 の 承 認 機 能 日 誌 への 投 稿 1ログアウトして 教 務 01 としてログインします 2 記 事 を 書 く をクリックして 記 事 を 書 きます 教 務 01 の 権 限 教 務 01 は 管 理 編 ユーザ 登 録 しています パブリックスペース では 一 般 学 校 行 事 予 定 では 主 担 として 権 限 が 与 えられて います 3 修 学 旅 行 や 文 化 祭 など 入 力 決 定 します しかし 記 事 は 投 稿 されますが 未 承 認 となっています 4ログアウトしても 一 件 も 該 当 記 事 はありません と 表 示 されます 承 認 管 理 者 権 限 でログインをします 画 面 の 下 の 承 認 する をクリックすると 承 認 され 情 報 が 公 開 されます 16 0
CMS による 学 校 Web ページ 作 成 講 習 会 テキスト( 作 成 編 ) その 他 の 機 能 サイト 構 築 の 基 本 機 能 (1)お 知 らせ (2)メニュー (3) 言 語 選 択 (4)ログイン NetCommons 内 部 の 情 報 を 集 約 する 機 能 (5) 検 索 (6) 新 着 情 報 (7)オンライン 状 況 (8)カウンタ 外 部 サイトの 情 報 を 表 示 する 機 能 (9)RSS (10)IMAGINE (11)iframe 情 報 管 理 のための 機 能 (12)カレンダー (13) 施 設 予 約 (14)リンクリスト (15)Todo (16) 登 録 フォーム 情 報 共 有 のための 機 能 (17) 日 誌 (18) 掲 示 板 (19)キャビネット (20)アンケート (21)フォトアルバム (22)チャット (23) 汎 用 データベース (24) 回 覧 板 (25)プライベートメッセージ e-ラーニング (26) 小 テスト (27)レポート 17