学校Webページ作成システム利用マニュアル

学校 Web ページ作成システム利用マニュアル 基本操作編 ( CMS ) 010 年版 宮崎県教育研修センター

目次 目次 11 管理ログイン ログアウト 1 管理機能の説明 -1. 各部の説明 -. セッティングモード -3. 管理室の説明 -4. ロゴ ( 学校名画像 ) の変更 -5. サイト名等の設定 -6. デザインの変更 11 3 メニュー構成 16 ( 初期状態のメニュー構成について ) 3 4 5 9 目次 INDEX 4 記事の作成 4-1. 学校からのお知らせ 記事の作成 17 4-. 学校の概要 ( 学校の紹介 ) 記事の作成 3 4-3. 学校行事 記事の作成( カレンダー入力 ) 9 4-4. 学校だより のアップロード 34 4-5. 学校の様子 の記事の作成 38 4-6. リンク集 の作成 41 4-7. 隠しページ記事の作成 44 4-8. 隠しページ 校歌 の記事の作成 45 4-9. 隠しページ 交通アクセス の記事の作成 48 4-10. 隠しページ 主題研究 の記事の作成 50 4-11. 隠しページ 学校アルバム の作成 51 4-1. 隠しページ 今日の給食 の記事の作成 55 5 メニュータイトルの変更方法 5-1. 左ブロック トップページ の変更 57 5-. 中央ブロック トップページ の変更 59 6 7 携帯電話からのアクセス 6-1. アクセスの方法 61 6-. メニューの説明 6 6-3. ロゴ画像の変更方法 63 ログアウト 公開ページの確認 7-1. ログアウト 65 7-. 公開ページの確認 66

学校 Web ページ作成の流れ 11 ログイン 管理画面上の操作 ( 初回及び変更時のみ ) -1 メニューをクリック - セッティングモードをクリック -3 管理室をクリック -4 管理室でロゴの変更 -5 管理室でサイトに関する設定 -6 管理室 ( または トップページ ) で デザインの変更 33 初期状態のメニュー構成の確認 44 記事の作成 4-1 学校からのお知らせ 4- 学校の概要 4-3 学校行事 4-4 学校だより 4-5 学校の様子 4-6 リンク集 4-7 隠しページの作成及び公開 55 メニュータイトル タイトルの変更 ( 変更時のみ ) 66 携帯電話からのアクセス 77 ログアウトと公開された学校 Web ページの確認

1 管理ログイン ログアウト

1 管理ログイン ログアウト トップページ 11 3 4 11 をクリックすると入力画面が出ますので ログインID と 3 パスワード を入力して 4 ログイン ボタンをクリックします 管理画面が開きます 記事作成 更新が完了し作業を終了する場合は ログアウト をクリックします 1

管理機能の説明

1 管理機能の説明 各部の説明 -1 各部の説明 管理画面各機能 A~F の説明 まず セッティングモード をクリックします A B C D E セッティングモード クリック時メニュー上部 F 管理メニュー項目 機能 A 会員情報 現在 誰のID パスワードでログインしているかが表示さ れます クリックすると 会員情報が表示されます ( 今 回は使用しません ) B 管理へ ( P4) サイト ( 学校 ) 名設定 ロゴ画像挿入 C ログアウト ( P1,P65) ログアウトします D ページスタイル ( P11) ホームページのデザイン ページ割 配色などを設定し ます E セッティングモード ( P3) ページの追加 編集メニューの追加 変更デザインの変更ホームページ内のカスタマイズ F グループ化 グループ化解除 ページ内のブロックを ひとまとめにして移動できるよう にします ( 今回は使用しません )

左ブロック(今回は使用しません)央ブロック右ブロック 管理機能の説明 セッティングモード - セッティングモード セッティングモードとは 学校 Web ページの作成を行うモードです サイト (Web ページ全体 ) のデザインの変更や記事の作成 編集等すべての操作はセッティングモードで行います さらに セッティングモードでは モジュールの追加 ページの追加などができます Ver.1 と異なり セッティングモード になっていなくても 記事作成はできます Ver. の セッティングモード は モジュールの追加など画面構成を変更するときに必要となっているようです ( 例 ) 学校名の画像設定 モジュールの追加 Pの管理画面右上の E をクリックすると セッティングモードになります ( セッティングモードになると画面右上の表示はに変わります ) モジュールについて ( 別冊 ( 応用操作編 )P6~) セッティングモードの状態は 次の表示で判断できます セッティングモードになっている時 : の表示 セッティングモードになっていない時 : の表示中EE ブロックそれぞれにモジュール ( コンテンツ ) を増やすことが可能です 今回はレイアウトを考慮し右ブロックは使用せず 左ブロックと中央ブロックのみを使用します モジュールの追加の仕方 ページの作り方について ( 別冊 ( 応用操作編 )P8~) 3

3 管理機能の説明 管理室の説明 -3 管理室の説明 P7 の管理画面右上の B をクリックすると 管理室の画面が開きます 管理室では サイト名やキーワード デザインの設定 システム管理 会員管理 権限管理 ( 今回は使用しません ) などの設定ができます をクリックすると セッティングモード画面に戻ります 今回は使用しません 管理では システム管理 携帯管理 以外のページを使用する必要はありません 4

4 管理機能の説明 ロゴ ( 学校名画像 ) の変更 -4 ロゴ ( 学校名画像 ) の変更 600 ピクセル 10 ピクセル 学校ロゴ画像を用意します ( 目安サイズ : 横 600 ピクセル 縦 10 ピクセル程度 ) 画像形式は JPEG 形式 GIF 形式 BMP 形式にしてください 学校名の画像が入ります の近くにカーソルを持っていくと 状の模様が出てくるので その右端の ( 編集 ) マークをクリックします 5

4 管理機能の説明 ロゴ ( 学校名画像 ) の変更 -4 ロゴ ( 学校名画像 ) の変更 ロゴ画像の編集画面が開きます サンプルで表示されているロゴ画像の上をクリックすると 四隅などに マークが表示されます 画像の操作ができるので キーボードの Delete キーを押して サンプル画像を削除します 学校名の画像またはテキストが入ります ( セッティングモードをONにして変更してください ) という文字が残っているので これも削除します 削除した後は学校のロゴ画像を入れます ( 画像の挿入 ) ボタンをクリックします 6

4 管理機能の説明 ロゴ ( 学校名画像 ) の変更 -4 ロゴ ( 学校名画像 ) の変更 画像の挿入 ウィンドウが開きますので 参照 をクリックします ファイルの選択 のウィンドウが開きますので ロゴとして使用したい画像を指定して 開く ボタンをクリックします 7

4 管理機能の説明 ロゴ ( 学校名画像 ) の変更 -4 ロゴ ( 学校名画像 ) の変更 代替テキスト (alt=) の部分に テキスト ( 学校の名前など ) を入力し 画像の挿入 ボタンをクリックします 編集画面に 指定したロゴ画像が挿入されます 挿入した画像が正しければ 決定 をクリックします ページ上部にロゴが挿入されました ロゴ画像を変更すると 画像が上書きされるため 元の画像に戻すことができないのでご注意ください 8

5 管理機能の説明 サイト名 ( 学校名 ) 等の設定 -5 サイト名 ( 学校名 ) の設定 管理 をクリックします システム管理 をクリックします ここは変更しません 一般設定 が開くので サイト名 ( 学校の名前 ) を入力し 決定 をクリックします 9

ウィンドウを閉じる10 5 管理機能の説明 サイト設定 サイト名 ( 学校名 ) 等の設定 キーワードの設定 -5 サイト設定 キーワードの設定 メタ情報 をクリックします 作成者 サイトの作成者 ( 学校名など ) 著作権表示 学校の著作権 ( 宮崎市立 小学校 の部分 ) キーワード 学校のキーワード ( 学校名など ) サイトの説明 学校の紹介文 を入力し ページ下の キーワードは半角コンマ, で区切ってください ここは変更しません をクリックします

6 管理機能の説明 デザインの変更 -6 デザインの変更 ページスタイル をクリックします デザイン ( 色のみの変更の場合 ) 現在の設定 ここは変更しません 現在の色設定 変更予定の色設定 クリック ( クラシック 赤 ) 初期設定では クラシック デザインの 緑 色が設定されているので 色だけを変更する場合は をクリックして色を選択します 色を選択したら 決定 をクリックします 一番右の ( クラシック 赤 ) をクリックして 決定 をクリックします 11

6 管理機能の説明 デザインの変更 -6 デザインの変更 デザイン ( 色のみの変更の場合 ) 現在の設定 ( 変更後 ) 現在の色設定 色の設定が 赤 色に変更されました 1

6 管理機能の説明 デザインの変更 -6 デザインの変更 デザイン ( ページスタイル ) を変更する場合 ここは変更しません 初期設定のページスタイル そのほかのページスタイル ページスタイル で ページのデザインを変更することができます 9 種類あります 初期設定されている クラシック というデザインは アクセシビリティ対応 ( 視覚や色覚に障がいのあるユーザーにも比較的見やすいデザイン ) ですので 参考にしてください 今回は サイドライン をクリックします サイドライン のデザイン ( 色は 4 種類 ) が表示されますので 色を選んでクリックします 一番右の ( サイドライン 赤 ) をクリックして 決定 をクリックします クリック ( サイドライン 赤 ) 13

6 管理機能の説明 デザインの変更 -6 デザインの変更 デザイン ( ページスタイル ) を変更する場合 ここは変更しません デザインが サイドライン ( 赤 ) に変更されたのを確認後 右上の ( 閉じる ) をクリックし 管理終了 をクリックします ページのデザインと色が変更されました 14

6 管理機能の説明 デザインの変更 -6 デザインの変更 管理 からの ページスタイル 変更とトップページからの ページスタイル 変更の違い 1 1 管理 システム管理 から ページスタイル を変更した場合 サイト全体 ( 全ページ ) のページスタイルを変更することができます ページスタイル から ページスタイル を変更した場合 現在見ているページのページスタイルのみを変更することができます 1 また 管理 から変更したときよりも ページスタイル からの変更が有効になります ( ページスタイル から変更したページは ページスタイル からでないと変更することや 戻すことができません ) 15

3 メニュー構成

3 メニュー構成 初期状態のメニュー構成について 初期状態のメニュー構成について ここは使用しません 学校メニュー の 編集 をクリックすると 全ページ ( 隠しページ含む ) の一覧が表示されます ページの名前変更 ( ページ名をクリック ) ページの削除 隠しページ ( 必要に応じて をクリックして にし 隠しページを解除してください ) の PDF 版を見ることができます 基本メニュー 必要に応じてページを追加 削除 名称変更 順番入れ替えができます 学校からのお知らせ 学校からの最新情報 学校行事の報告 学校の概要 学校長あいさつ 学校の教育目標 学校の沿革 ( 必要に応じて追加 設定してください ) 等 等 学校行事 月ごとのカレンダー表示になっており 学校の年間行事の予定を登録 管理することができます 学校だより 学校内で配られたファイル ( 学年便り 給食だよりなど ) の PDF Word 一太郎ファイルなどを見てもらうことができます 学校の様子 学校に関するその他の話題 等 リンク集 ほかの Web ページにアクセスできるリンクを設定して一覧にします 16

4 記事の作成

4 1 記事の作成 学校からのお知らせ 4-1 学校からのお知らせ ( 写真 + 日付入りのニュース ) 記事の作成 写真と日付入りのニュース記事を作成します 11 11 トップページ をクリックします 記事を書く をクリックします 17

4 1 記事の作成 学校からのお知らせ 4-1 学校からのお知らせ ( 写真 + 日付入りのニュース ) 記事の作成 編集画面 編集画面の前に戻る場合はここをクリック 日付 タイトル 画像の挿入 ボタン 11 4 11 3 日付を確認します 記事のタイトルを入力します テキストエリアに本文を入力します 3 写真を入れたい場合は 4 画像の挿入 ボタンをクリックします (P19 ~をご確認ください ) 18

4 1 記事の作成 学校からのお知らせ 4-1 学校からのお知らせ ( 写真 + 日付入りのニュース ) 記事の作成 画像の挿入 5 画像の挿入 ボタンをクリックすると 画像の挿入 のウィンドウが開きますので 5 参照 ボタンをクリックします 6 参照 ボタンをクリックすると 6 の ファイルの選択 ウィンドウが開きます 記事の中に入れたい画像をクリックして 開く ボタンをクリックします 19

4 1 記事の作成 学校からのお知らせ 4-1 学校からのお知らせ ( 写真 + 日付入りのニュース ) 記事の作成 画像の挿入 77 8 画像の挿入 ウィンドウの 77 に画像のアドレスが挿入されます 8 代替テキスト(alt=) に画像の名前を入力します 完了したら 画像の挿入 ボタンをクリックします 画像が挿入されました 画像の上をクリックすると四隅に マークが入った状態になり 大きさ変更が可能になります 画像の大きさが変更可能です 注意 挿入する画像サイズは 縦 600 横 800 ピクセル以内にしてください 0

4 1 記事の作成 学校からのお知らせ 4-1 学校からのお知らせ ( 写真 + 日付入りのニュース ) 記事の作成 9 画像四隅右上の マークの近くにカーソルを動かすとマークが表示されるので 左クリックをしたまま斜めに動かすと画像の大きさの調整ができます 左クリックを離すとサイズ調整が止まります 画像の大きさ調整ができ 記事の作成が終わったら 9 決定 ボタンをクリックします 記事が投稿されました 1

4 1 記事の作成 学校からのお知らせ 4-1 記事の編集 ( 修正 ) 削除 修正 削除したい記事のタイトルをクリックします 記事詳細 が表示されます 記事を修正する場合は記事左下の 編集 (P18 の記事の編集画面が開きます 完了したら編集画面下の 決定 をクリックします ) 記事を削除する場合は記事左下の 削除 をクリックします の記事は 学校 Web ページ作成後に削除してください

4 記事の作成 学校の概要 ( 学校の紹介 ) 記事の作成 4- 学校の概要 ( 学校の紹介 ) 記事の作成 11 11 セッティングモード は ON OFFどちらでも操作ができます 学校の概要 をクリックします 3 3 書き替えたい項目 ( 学校長あいさつ 学校の教育目標 学校の沿革 ) の 編集 をクリックします 3

4 記事の作成 学校の概要 ( 学校の紹介 ) 記事の作成 4- 学校の概要 ( 学校の紹介 ) 記事の作成 4 編集画面が開きます 6 5 文章を書き替えます 書き替えたら 6 決定 をクリックします 画像の挿入もできます ( メモ帳等で文章をあらかじめ作成し コピー して貼り付けることもできます ) ( Word や一太郎で作成した文章を コピー して貼り付けると Word 特有の HTML タグも自動的に挿入され 表示画面が崩れたり ボタン等のアクションが機能しなくなる場合がありますのでご注意ください ) 4

4 記事の作成 学校の概要 ( 学校の紹介 ) 記事の作成 4- 学校の概要 ( 学校の紹介 ) 記事の移動 削除 記事の移動 ( 例 ) 学校の教育目標 を一つ上 ( 学校長あいさつ の上 ) に移動 移動させたい記事の タイトルバーの中央部分 11 をクリックします ( 記事に オレンジ色の枠がつきます ) ( マウスのマークがになります ) 11 11 をクリックしたまま 移動させたい方向にスライドさせます 今回は 学校の教育目標 を 学校長あいさつ の上に移動させます 5

4 記事の作成 学校の概要 ( 学校の紹介 ) 記事の作成 4- 学校の概要 ( 学校の紹介 ) 記事の移動 削除 記事の移動 ( 例 ) 学校の教育目標 を一つ上 ( 学校長あいさつ の上 ) に移動 学校の教育目標 が一つ上に移動されました 記事の削除 ( 例 ) 学校長あいさつ を削除 11 11 削除 をクリックすると 学校長あいさつ の記事が削除されます 6

4 記事の作成 学校の概要 ( 学校の紹介 ) 記事の作成 4- 学校の概要 ( 学校の紹介 ) 記事の新規作成 ( セッティングモードで行います ( モジュールの追加 )) 11 11 セッティングモード が表示されているときは その表示をクリックします 学校の概要 をクリックします 7

4 記事の作成 学校の概要 ( 学校の紹介 ) 記事の作成 4- 学校の概要 ( 学校の紹介 ) 記事の新規作成 3 4 モジュール追加 の 3 プルダウンメニューをクリックし 4 お知らせ を選択すると お知らせ モジュールが追加されます 6 5 77 5 6 追加した お知らせ の編集画面が開きます ブロックタイトルの部分をダブルクリックすると タイトルが入力できます タイトルを入力 ( 例 : 学年別目標 ) します 77 本文を入力し 8 決定 ボタンをクリックします 8 新しい記事 ( 例 ) 学年別目標 が作成されました 8

4 3 記事の作成 学校行事 記事の作成 ( カレンダー入力 ) 4-3 学校行事 記事の作成 ( カレンダー入力 ) 設置してあるカレンダーに学校行事予定を登録します 11 11 学校行事 をクリックします 9

4 3 記事の作成 学校行事 記事の作成 ( カレンダー入力 ) 4-3 学校行事 記事の作成 ( カレンダー入力 ) 中央ブロックにカレンダーが表示されます 行事を入れたい日付のクリックします マークを 学校行事登録の小ウィンドウ ( 簡易登録画面 ) が表示されますので 3 詳細な登録 をクリックします 3 ( 行事名と時間のみの行事を登録したい場合は この画面で 件名 予定日 ( 時間 ) を入力して 決定 をクリックすると 行事を登録することができます ) 30

4 3 記事の作成 学校行事 記事の作成 ( カレンダー入力 ) 4-3 学校行事 記事の作成 ( カレンダー入力 ) タイトルを入力します 日付と時間を指定 確認します必要に応じて入力します ( 入力しなくてもよいです ) ここに詳細な内容を入力します 4 編集画面が開くので 行事予定を入力します ( 件名 日付 時間などを設定してください ) 行事予定を入力したら 4 決定 をクリックします 左側のカレンダーにも行事が登録 反映されます 31

4 3 記事の作成 学校行事 記事の作成 ( カレンダー入力 ) 4-3 学校行事 記事の作成 ( カレンダー入力 ) 6 カレンダーに行事が登録されました ( 左側のカレンダーにも行事が登録 反映されます ) 5 左ブロックカレンダーの日付上でクリックすると 登録した行事予定が表示されます 右下 6 ボタンを押すとカレンダーが拡大表示します ( 再度を押すと小さいサイズに戻ります ) 5 ここからも 登録ができます 3

4 3 記事の作成 学校行事 記事の作成 ( カレンダー入力 ) 4-3 学校行事 記事の作成 ( カレンダー入力 ) 行事予定の修正 削除 中央ブロックに表示させたカレンダーから修正 削除する場合 カレンダーの 修正 削除したい内容のタイトル ( ここでは 終業式 ( テスト ) ) をクリックします 詳細表示が表示されます ( をクリックするとカレンダー表示に戻ります ) 内容を削除する場合はごみ箱マークます をクリックし 内容を修正する場合は 編集 をクリックします (P31 と同じ編集画面が開きますので 修正をしてください ) 33

4 4 記事の作成 学校だより のアップロード 4-4 学校だより のアップロード 学校が発行している文書の一太郎 Word Excel PDF ファイルなどをアップロードして インターネット上から配布することができます 11 11 学校だより をクリックします 34

4 4 記事の作成 学校だより のアップロード 4-4 学校だより のアップロード フォルダ 学校だより をクリックします ( 新規でフォルダを作成する場合は 別冊 ( 応用操作編 ) の P~ を参照してください ) 3 3 ファイル追加 をクリックします 4 5 4 5 ファイルの場所情報入力部分が表示されます コメント 欄にファイルの名前を入力します 参照 をクリックし アップロードしたい PDF ファイル等を選択します 35

4 4 記事の作成 学校だより のアップロード 4-4 学校だより のアップロード 6 77 8 参照 ボタンをクリックすると 6 ファイルの選択 のウィンドウが開きますので 77 アップロードしたいファイルを選択し 8 開く をクリックします 9 10 9 の部分に選択したファイルが表示されたら 10 追加する をクリックします 36

4 4 記事の作成 学校だより のアップロード 4-4 学校だより のアップロード 11 学校だより フォルダ内にファイル 11 学校だより.pdf がアップロードされました 1 ( 削除する場合はマークをクリックし 1 削除 を選択します ) 編集 を選択すると 名前の変更とファイルの差し替えができます 学校だより のようなフォルダの作成方法や削除方法は 別冊 ( 応用操作編 )P0~ を参照してください 37

4 5 記事の作成 学校の様子 の記事の作成 4-5 学校の様子 の記事の作成 学校の様子などを写真と文章で紹介できるページを作成します 11 11 学校の様子 をクリックします 38

4 5 記事の作成 学校の様子 の記事の作成 4-5 学校の様子 の記事の作成 学校の様子 が表示されるので 記事を書く をクリックします 3 編集画面が開きます 39

4 5 記事の作成 学校の様子 の記事の作成 4-5 学校の様子 の記事の作成 記事を作成します 日付 タイトル 画像の挿入 ボタン 1 11 日付を確認します 記事のタイトルを入力します 3 4 3 テキストエリアに本文を入力します 写真を入れたい場合は 4 画像の挿入 ボタンをクリックします 入力し終えたら 5 決定 ボタンをクリックします 5 記事の文章の入力 写真の挿入の方法は 学校からのお知らせ と同じです ( P18~ を参照 ) 40

4 6 記事の作成 リンク集 の作成 4-6 リンク集 の作成 学校の Web ページからほかの Web ページにリンクをはりたい時などに リンクを設定して一覧として公開できます 11 リンク集 をクリックします 11 41

4 6 記事の作成 リンク集 の作成 4-6 リンク集 の作成 リンクの追加 リンク追加 をクリックします 3 3 リンク追加ウィンドウが表示されます 4

4 6 記事の作成 リンク集 の作成 4-6 リンク集 の作成 4 5 4 URL に リンクをしたいサイトのアドレスを入力します 例 )( 教育ネットひむか ) URL http://himuka.miyazaki-c.ed.jp/ サイト名 ( タイトル ) は アドレスを判断して自動で入るようになっていますが 自動取得 のチェックを外して 手入力することもできます 入力し終ったら 5 決定 をクリックします 教育ネットひむか のリンクが設定されました ( サイト名をクリックすると 入力した URL にアクセスできます ) リンクを設定するに際し 事前にリンクをはるための許可を得なければならないサイトもあります 各サイトのリンクに関する説明のページを確認してください 43

4 7 記事の作成隠しページの記事の作成 4-7 隠しページの記事の作成 隠しページを公開する ( セッティングモードにします ) 3 1 校歌 は隠しページになっている ( ログインしてセッティングモードにしないと閲覧できない ) ので 隠しページを解除します 隠しページを解除したいページの名前の左側がになっていることを確認します 1 から 3 編集終了 をクリックします 校歌 の隠しページ状態が解除されました ( ログアウトしても閲覧できるようになります ) 44

4 8 記事の作成隠しページ 校歌 の記事の作成 4-8 隠しページ 校歌 の記事の作成 11 学校メニューの 11 をクリックします 編集 セッティングモードになっていることを確認します ( セッティングモードについては P3 を参照 ) 45

4 8 記事の作成隠しページ 校歌 の記事の作成 4-8 隠しページ 校歌 の記事の作成 隠しページを含む ページ一覧が表示されます ページタイトルの左側がになっているのが表示されているページ になっているのが隠しページです 隠しページを表示させるには 校歌 ページのマークをクリックし にします 4 3 3 4 校歌 の隠しページが解除されました 編集終了 をクリックします 46

4 8 記事の作成隠しページ 校歌 の記事の作成 4-8 隠しページ 校歌 の記事の作成 校歌 のページが表示されました 校歌 ページ名をクリックします 3 3 編集 をクリックします タイトル 4 編集画面が開きます 記事の文章の入力 写真の挿入のしかたは 学校の概要 の手順と同じです (P4~ 参照 ) タイトル部分 をダブルクリックすると タイトルの書き替えができます 歌詞等を入力し終えたら 5 決定 をクリックします 5 47

4 9 記事の作成隠しページ 交通アクセス の記事の作成 4-9 隠しページ 交通アクセス の記事の作成 P44 を参考にし 隠しページになっている 交通アクセス の隠しページを解除して公開にしてください 11 学校メニューの 1 クリックします 交通アクセス を 編集 をクリックします 48

4 9 記事の作成隠しページ 交通アクセス の記事の作成 4-9 隠しページ 交通アクセス の記事の作成 3 編集画面が開きます 記事の文章の入力 写真の挿入の方法は 学校からのお知らせ と同じです ( P18~ を参照 ) タイトル 学校の住所や 交通手段など 仮の地図画像が入っています ( 画像をクリックし Delete キーを押すと削除できます ) 地図の画像がある学校は 画像を挿入してください 決定 で記事作成 隠しページ 交通アクセス を公開する場合は P44 を参照してください 49

4 10 記事の作成隠しページ 主題研究 の記事の作成 4-10 隠しページ 主題研究 の記事の作成 P44 を参考にし 隠しページになっている 主題研究 の隠しページを解除して公開にしてください 1 11 メニューの 主題研究 をクリックします 3 編集画面 記事を書く をクリックすると 3 編集画面が出ます 記事の文章の入力 写真の挿入の方法は 学校からのお知らせ と同じです ( P18~ を参照 ) 50

4 11 記事の作成隠しページ 学校アルバム の作成 4-11 隠しページ 学校アルバム の作成 P44 を参考にし 隠しページになっている 学校アルバム の隠しページを解除して公開にしてください 11 メニューの 11 学校アルバム をクリックします アルバムの名前リックします 学校の風景 のアイコンをク 学校の風景 修学旅行 のような アルバムを新規で作成したいときは 別冊 ( 応用操作編 )P6~ を参照してください 51

4 11 記事の作成隠しページ 学校アルバム の作成 4-11 隠しページ 学校アルバム の作成 3 3 写真の追加 をクリックします 戻るときはここをクリック 4 写真の登録画面に切り替わります 4 参照 をクリックします 参照 ボタンをクリックすると 5 の ファイルの選択 ウィンドウが開きますので アップロードしたいファイルを選択し 開く をクリックします ( ファイルの場所情報が入ります ) 5 5

4 11 記事の作成隠しページ 学校アルバム の作成 4-11 隠しページ 学校アルバム の作成 66 にファイルの場所情報が入ったら 決定 をクリックします 66 77 写真のプレビュー画面に切り替わるので 77 写真の編集 をクリックします アルバムに写真が登録され サムネイル画像が表示されます サムネイルをクリックすると大きい写真が表示されます 写真の説明を入れる時は写真の編集マーク 8 をクリックします 写真を削除するときはごみ箱マークをクリックします 8 53

4 11 記事の作成隠しページ 学校アルバム の作成 4-11 隠しページ 学校アルバム の作成 写真の登録画面に切り替わるので 写真の見出し ( 名前 説明文 ) などを入力します 99 名前 説明文 入力し終わったらクリックします 99 決定 を 写真の名前と説明文が登録されました サムネイル画像のウィンドウにある 10 決定 をクリックします 名前 10 写真の登録が完了しました 引き続き登録するときは 写真の追加 をクリックします 戻るときはここをクリック 54

4 1 記事の作成隠しページ 今日の給食 の記事の作成 4-1 隠しページ 今日の給食 の記事の作成 P44 を参考にし 隠しページになっている 今日の給食 の隠しページを解除して公開にしてください 11 11 今日の給食 をクリックします 今日の給食 が表示されるので 記事を書く をクリックします 55

4 11 記事の作成隠しページ 今日の給食 の記事の作成 4-11 隠しページ 今日の給食 の記事の作成 3 編集画面が開きます 記事の文章の入力 写真の挿入のしかたは 学校からのお知らせ の手順と同じです (P18~ を参照 ) 56

5 メニュータイトルの変更方法

5 1 メニュータイトルの変更方法 左ブロック トップページ の変更 5-1 左ブロック トップページ の変更 左ブロック 中央ブロック メニュータイトル例 : トップページ を変更します 左ブロック トップページ のタイトルの変更 左ブロック 11 左ブロックのメニュータイトル 11 トップページ をクリックします 57

5 1 メニュータイトルの変更方法 左ブロック トップページ の変更 5-1 左ブロック トップページ のタイトルの変更 学校メニューの 編集 をクリックします 4 3 変更したいページタイトル 3 トップページ のページタイトルの上をクリックすると 名前が変更できるようになるので 学校からのニュース に書き替えます 書き替え後はクします 4 編集終了 をクリッ ページタイトルが 学校からのニュース に変更されました 58

5 メニュータイトルの変更方法 中央ブロック 学校からのお知らせ の変更 5- 中央ブロック トップページ のタイトルの変更 左ブロック 中央ブロック 左ブロックのページタイトルを変更したら 該当するページの中央ブロックのタイトルを変更する必要があります 11 中央ブロックのタイトル 11 トップページ をダブルクリックします 59

5 メニュータイトルの変更方法 中央ブロック 学校からのお知らせ の変更 5- 中央ブロック トップページ のタイトルの変更 トップページ の部分が入力できるようになります 3 3 学校からのニュース に書き換えます 4 中央ブロックのタイトルがに変更されました 4 学校からのニュース 60

6 携帯電話からのアクセス

6 1 携帯電話からのアクセスアクセスの方法 6-1 アクセスの方法 学校 Web ページを携帯電話で閲覧する方法は つあります 1 学校 Web ページのアドレスを携帯に直接入力する方法 各学校ごとの QR コードを読み取ってアクセスする方法 1 学校 Web ページのアドレスを携帯に直接入力する方法 学校ホームページのアドレスを 携帯電話に直接入力します パソコン版も携帯電話版も アドレスは同じです http://cms.miyazaki-c.ed.jp/***/htdocs/ 各学校ごとの QR コードを読み取ってアクセスする方法 各学校ごとに用意されている隠しページの QR コードを携帯電話で読み取ります QR コードは必要に応じて画像をコピーし 学校便り等に印刷して保護者への連絡に御利用ください 携帯電話からのアクセスに関する注意事項携帯電話からは 隠しページの 主題研究 や 今日の給食 など 日誌モジュール ( 応用操作編 P10 を参照 ) で作成されたすべてのページが閲覧できてしまいます 携帯電話からのアクセスを利用する場合は 必要のない隠しページを削除して御利用ください 携帯 Web ページの画面 A B C D 項目 機能 A ロゴ画像 学校名 学校の住所 写真などがここに設定 できます B メニュー パソコン版で作成しているWebページのメ ニュー一覧が表示されます C 新着情報 ( 最初の画面はここが開いています ) 最新記事 の確認 閲覧ができます D カレンダー パソコン版 Webページの 行事予定 に入力し たカレンダーの確認ができます 61

6 携帯電話からのアクセスメニューの説明 6- メニューの説明 トップページ の閲覧 カレンダー の閲覧 メニュー から トップページ など各コンテンツを閲覧することができます HTML 表示 をクリックすると パソコン版で写真を使った記事を 携帯版でも写真付きで閲覧することができます ただし 相当なパケット料金が発生しますので ご注意ください カレンダー から学校行事を確認することができます 当日以外の行事予定は 前日 翌日 日付指定 で指定します 6

6 3 携帯電話からのアクセスロゴ画像の変更方法 6-3 ロゴ画像の変更方法 学校名 校章 学校の住所などを表記した画像を挿入することができます 40 ピクセル 70 ピクセル 学校ロゴ画像を用意します ( 目安サイズ : 横 40 ピクセル以下 縦 70 ピクセル程度 ) 画像形式は GIF 形式をお勧めします 11 携帯用 Web ページのロゴ画像の変更は パソコン用 Web ページの管理画面から行います パソコン用 Webページにログインした状態で 11 管理 をクリックします 63

6 3 携帯電話からのアクセスロゴ画像の変更方法 6-3 ロゴ画像の変更方法 携帯管理 をクリックします 3 3 編集 をクリックします 携帯ロゴ画像 のところの 4 参照 ボタンをクリックすると ファイルの選択 ウィンドウが開きますので ロゴとして使用したい画像を指定して 5 開く ボタンをクリックします ファイルの場所情報を確認し 画面下の 6 決定 ボタンをクリックすると 携帯ロゴ画像が変更されます 5 ( 詳しくは マニュアル P6~ を参照 ) 6 4 64

7 ログアウト 公開ページの確認

7 1 ログアウト 公開ページの確認 ログアウト 7-1 ログアウト 記事の作成 編集などの作業がすべて終了したらログアウト ( 管理画面から退出する作業 ) と 作成 編集 修正した記事が公開できているかを確認する作業を行ってください 11 11 ログアウト をクリックします ログイン 表示になっている時が ログアウト されていることになります ログアウトしました 65

7 ログアウト 公開ページの確認 公開ページの確認 7- 公開ページの確認 ログアウトをしても 記事の作成 追加 修正等を行った箇所が表示されているか ( 公開されているか ) の確認をします 例 ) 学校行事 ( カレンダー ) の確認 11 左メニューの 11 学校行事 をクリックすると 中央ブロックにカレンダーが表示されます P9 で入力した行事内容が確認できます 隠しページは ログアウトした状態では表示されません 66

学校 Web ページ作成システム利用マニュアル 基本操作編 Copyright(C) 教育ネットひむか (Miyazaki Education Information Service Network)