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

【基本操作編】

( CMS )

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

2010年版

目次

INDEX

NetCommons操作マニュアル

目次

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

2

2

3

メニュー構成

（初期状態のメニュー構成について）

3

16

2-1. 各部の説明

2-2. セッティングモード

2-3. 管理室の説明

2-4. ロゴ(学校名画像)の変更

2-5. サイト名等の設定

2-6. デザインの変更

管理機能の説明

1

1

1

4

4

記事の作成

4-1.「学校からのお知らせ」記事の作成

4-2.「学校の概要」（学校の紹介）記事の作成

4-3.「学校行事」記事の作成（カレンダー入力）

4-4.「学校だより」のアップロード

4-5.「学校の様子」の記事の作成

4-8.隠しページ「校歌」の記事の作成

4-9.隠しページ「交通アクセス」の記事の作成

4-10.隠しページ「主題研究」の記事の作成

4-11.隠しページ「学校アルバム」の作成

4-12.隠しページ「今日の給食」の記事の作成

17

4-6.「リンク集」の作成

23

29

34

38

41

45

48

50

51

55

6

6

7

携帯電話からのアクセス

7

5

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

5

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

5-1.左ブロック「トップページ」の変更

57

5-2.中央ブロック「トップページ」の変更

59

7-1.ログアウト

65

7-2.公開ページの確認

66

6-1.アクセスの方法

61

6-2.メニューの説明

62

6-3.ロゴ画像の変更方法

63

2

3

4

5

9

11

4-7.隠しページ記事の作成

44

目次

学校Webページ作成の流れ

NetCommons操作マニュアル

ログイン

1

1

管理画面上の操作 （初回及び変更時のみ）

2

2

2-1 メニューをクリック

2-2 セッティングモードをクリック

2-3 管理室をクリック

2-4 管理室でロゴの変更

2-5 管理室でサイトに関する設定

2-6 管理室（または、トップページ）で、デザインの変更

初期状態のメニュー構成の確認

3

3

記事の作成

4

4

4-1 学校からのお知らせ

4-2 学校の概要

4-3 学校行事

4-4 学校だより

4-5 学校の様子

4-6 リンク集

4-7 隠しページの作成及び公開

メニュータイトル・タイトルの変更 （変更時のみ）

5

5

携帯電話からのアクセス

6

6

ログアウトと公開された学校Webページの確認

7

7

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

NetCommons操作マニュアル

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

1

NetCommons操作マニュアル

トップページ

₁

₁

管理画面が開きます。 記事作成・更新が完了し作業を終了する場合は【ログアウト】をクリックします。 をクリックすると入力画面が出ますので、 「ログインID」と 「パスワード」を入力して 【ログイン】ボタンをクリックします。

1

1

2

₂

3

3

4

₄

2

2

3

3

4

4

1

管理機能の説明

NetCommons操作マニュアル

2

管理機能の説明「各部の説明」

2‐1

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

2-1 各部の説明

※まず【セッティングモード】をクリックします。

NetCommons操作マニュアル

※【セッティングモード】クリック時メニュー上部

F

F

A

A

B

_B

C

_C

D

_D

E

_E

管理画面各機能A～Fの説明

NetCommons操作マニュアル

管理機能の説明「セッティングモード」

2‐2

セッティングモードとは、学校Webページの作成を行うモードです。 サイト(Webページ全体)のデザインの変更や記事の作成、編集等すべての操作は セッティングモードで行います。 さらに、セッティングモードでは、モジュールの追加、ページの追加などがで きます。 Ver.1と異なり、「セッティングモード」になっていなくても、記事作成はでき ます。 Ver.2の「セッティングモード」は、モジュールの追加など画面構成を変更する ときに必要となっているようです。 (例) ・学校名の画像設定 ・モジュールの追加 P２の管理画面右上の をクリックすると、セッティン グモードになります。（セッティングモードになると画面右上の表示は に変わります。） ※モジュールについて…（→別冊（応用操作編）P6～）

E

2-2 セッティングモード

E

セッティングモードの状態は、次の表示で判断できます。 セッティングモードになっている時 ： の表示 セッティングモードになっていない時： の表示

中央ブ

ロ

ッ

ク

右ブ

ロ

ッ

ク

（ 今

回

は

使

用

し

ま

せ

ん

）

左ブ

ロ

ッ

ク

E

E

ブロックそれぞれにモジュール（コンテンツ）を増やすことが可能です。 今回はレイアウトを考慮し右ブロックは使用せず、左ブロックと中央ブロックのみを使用 します。 ※モジュールの追加の仕方、ページの作り方について…（→別冊（応用操作編）P8～）

管理機能の説明「管理室の説明」

2‐3

NetCommons操作マニュアル

2-3 管理室の説明

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

B

B

…今回は使用しません。

4

管理機能の説明「ロゴ(学校名画像)の変更」

2-4 ロゴ（学校名画像）の変更

学校ロゴ画像を用意します。 （目安サイズ：横600ピクセル、縦120ピクセル程度） 画像形式は、JPEG形式・GIF形式・BMP形式にしてください。 「学校名の画像が入ります」の近くにカーソルを持ってい くと、 状の模様が出てくるので、その右端の (編集)マークをクリックします。

2‐4

NetCommons操作マニュアル

600ピクセル

120ピクセル

2‐4

管理機能の説明「ロゴ(学校名画像)の変更」

NetCommons操作マニュアル

2-4 ロゴ（学校名画像）の変更

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

6

2‐4

管理機能の説明「ロゴ(学校名画像)の変更」

NetCommons操作マニュアル

2-4 ロゴ（学校名画像）の変更

【画像の挿入】ウィンドウが開きますので、【参照】をクリックします。 「ファイルの選択」のウィンドウが開きますので、ロゴとして使用したい 画像を指定して【開く】ボタンをクリックします。

2‐4

管理機能の説明「ロゴ(学校名画像)の変更」

NetCommons操作マニュアル

8

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

2-4 ロゴ（学校名画像）の変更

管理機能の説明「サイト名(学校名)等の設定」

2‐5

NetCommons操作マニュアル

2-5 サイト名(学校名)の設定

【管理】をクリックします。 【システム管理】をクリックします。

ここは変更しません。

「一般設定」が開くので、 「サイト名」(学校の名前)を入力し、 【決定】をクリックします。

管理機能の説明

「サイト設定、サイト名（学校名）等の設定、キーワードの設定」

2-5サイト設定、キーワードの設定

2‐5

NetCommons操作マニュアル

【メタ情報】をクリックします。 作成者 … サイトの作成者（学校名など） 著作権表示 … 学校の著作権（「宮崎市立○○○○小学校」の部分） キーワード … 学校のキーワード（学校名など） サイトの説明 … 学校の紹介文 を入力し、ページ下の をクリックします。 キーワードは半角コンマ「,」で 区切ってください

ここは変更しません。

10

ウィ

ンド

ウを

閉じ

る

管理機能の説明「デザインの変更」

2‐6

NetCommons操作マニュアル

2-6 デザインの変更

【ページスタイル】をクリックします。

ここは変更しません。

初期設定では「クラシック」デザインの「緑」色が設定されているので、色だけ を変更する場合は、□をクリックして色を選択します。 色を選択したら【決定】をクリックします。 一番右の□(クラシック・赤)をクリックして、【決定】をクリックします。 現在 の色 設定 変更予 定の色 設定 現在の設定

デザイン（色のみの変更の場合）

クリック

(クラシック・赤)

管理機能の説明「デザインの変更」

2‐6

NetCommons操作マニュアル

2-6 デザインの変更

デザイン(色のみの変更の場合)

現在の 色設定 現在の設定 （変更後） 色の設定が「赤」色に変更されました。

12

管理機能の説明「デザインの変更」

2‐6

NetCommons操作マニュアル

2-6 デザインの変更

デザイン(ページスタイル)を変更する場合

そのほかの

ページスタイル

「ページスタイル」で、ページのデザインを変更す ることができます。9種類あります。 初期設定されている「クラシック」というデザイン は、アクセシビリティ対応（視覚や色覚に障がいの あるユーザーにも比較的見やすいデザイン）ですの で、参考にしてください。 今回は【サイドライン】をクリックします。

初期設定の

ページスタイル

「サイドライン」のデザイン(色は４種類)が表示 されますので、色を選んでクリックします。 一番右の□(サイドライン・赤)をクリックして、 【決定】をクリックします。

クリック

(サイドライン・赤)

ここは変更しません。

14

管理機能の説明「デザインの変更」

2‐6

NetCommons操作マニュアル

2-6 デザインの変更

デザイン(ページスタイル)を変更する場合

ここは変更しません。

デザインが「サイドライン(赤)」に変更されたの を確認後、右上の (閉じる)をクリックし、 【管理終了】をクリックします。 ページのデザインと色が 変更されました。

管理機能の説明「デザインの変更」

2‐6

2-6 デザインの変更

「管理」からの「ページスタイル」変更と

トップページからの「ページスタイル」変更の違い

【管理】→【システム管理】 から「ページスタイル」 を変更した場合、サイト全体(全ページ)のページスタイルを変更すること ができます。 【ページスタイル】から「ページスタイル」を変更した場合、 現在見ているページのページスタイルのみを変更することができます。 また、 【管理】から変更したときよりも、 【ページスタイル】か らの変更が有効になります。 （【ページスタイル】から変更したページは、【ページスタイル】からで ないと変更することや、戻すことができません。）

1

1

1

1

2

2

2

2

1

1

2

₂

NetCommons操作マニュアル

メニュー構成

NetCommons操作マニュアル

メニュー構成「初期状態のメニュー構成について」

3

初期状態のメニュー構成について

NetCommons操作マニュアル

←隠しページ

（必要に応じて

をクリックして

にし、

隠しページを解除してください。）

←NetCommons操作マニュアルのPDF版を見ることができ

ます。

←ページの名前変更(ページ名をクリック)

ここは 使用しません。

←ページの削除

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

基本メニュー

記事の作成

NetCommons操作マニュアル

記事の作成 「学校からのお知らせ」

4‐1

NetCommons操作マニュアル

写真と日付入りのニュース記事を 作成します。

4-1「学校からのお知らせ」(写真+日付入りのニュース)

記事の作成

1

1

【トップページ】をクリックします。

1

1

【記事を書く】をクリックします。

2

2

2

2

4‐1

記事の作成 「学校からのお知らせ」

NetCommons操作マニュアル

編集画面

4-1「学校からのお知らせ」(写真+日付入りのニュース)

記事の作成

「画像の挿入」ボタン

日付を確認します。 記事のタイトルを入力します。 テキストエリアに本文を入力 します。 ■写真を入れたい場合は、 「 画像の挿入」ボタンを クリックします。 (P19 ～をご確認ください。)

3

3

1

1

3

3

2

2

4

4

日付

タイトル

1

1

2

2

4

4

18

編集画面の前に戻る場合は

ここをクリック

4‐1

記事の作成 「学校からのお知らせ」

NetCommons操作マニュアル

6

6

【参照】ボタンをクリックすると の「ファイルの選択」 ウィンドウが開きます。 記事の中に入れたい画像をクリッ クして、【開く】ボタンをクリッ クします。

6

6

「画像の挿入」ボタンをクリック すると、「画像の挿入」のウィン ドウが開きますので、 【参照】 ボタンをクリックします。

5

5

5

5

4-1「学校からのお知らせ」(写真+日付入りのニュース)

記事の作成

画像の挿入

4-1「学校からのお知らせ」(写真+日付入りのニュース)

記事の作成

画像の挿入

4‐1

記事の作成 「学校からのお知らせ」

NetCommons操作マニュアル

「画像の挿入」ウィンドウの、 に画像のアドレスが挿入されます。 「代替テキスト(alt=)」に画像の名前を入力します。 完了したら【画像の挿入】ボタンをクリックします。

7

7

8

8

7

7

8

8

画像が挿入されました。 画像の上をクリックすると四隅に 「□」マークが入った状態になり、 大きさ変更が可能になります。 画像の大きさが変更可能です。 ※注意 挿入する画像サイズは、縦600・ 横800ピクセル以内にしてくださ い。

20

4‐1

記事の作成 「学校からのお知らせ」

NetCommons操作マニュアル

4-1「学校からのお知らせ」(写真+日付入りのニュース)

記事の作成

画像四隅右上の「□」マークの近くにカーソルを動かすと マークが 表示されるので、左クリックをしたまま斜めに動かすと画像の大きさの 調整ができます。左クリックを離すとサイズ調整が止まります。 画像の大きさ調整ができ、記事の作成が終わったら 【決定】ボタン をクリックします。 記事が投稿されました。

9

9

9

9

4-1 記事の編集(修正)・削除

4‐1

記事の作成 「学校からのお知らせ」

NetCommons操作マニュアル

記事を修正する場合は記事左下の【編集】、 （P18の記事の編集画面が開きます。完了し たら編集画面下の【決定】をクリックしま す。） 記事を削除する場合は記事左下の【削除】を クリックします。 「NetCommons 操作マニュアル」の記事は、 学校Webページ作成後に削除してください。 「記事詳細」が表示されます。 修正・削除したい記事のタイトルを クリックします。

22

4-2「学校の概要」(学校の紹介) 記事の作成

4‐2

記事の作成

「学校の概要」(学校の紹介) 記事の作成

NetCommons操作マニュアル

【セッティングモード】は、ON、OFFどちら でも操作ができます。

1

1

1

1

2

2

【学校の概要】をクリックします。

2

2

3

3

書き替えたい項目（「学校長あいさ つ」「学校の教育目標」「学校の沿革」）の 【編集】をクリックします。

3

3

24

4-2「学校の概要」(学校の紹介) 記事の作成

4‐2

記事の作成

「学校の概要」(学校の紹介) 記事の作成

NetCommons操作マニュアル

編集画面が開きます。 文章を書き替えます。

4

4

5

5

画像の挿入も

できます

(メモ帳等で文章を

あらかじめ作成し、

「コピー」して貼り

付けることもできま

す。)

書き替えたら 【決定】 をクリックします。

6

6

6

6

(※Wordや一太郎で作成した 文章を「コピー｣して貼り付 けると、Word特有のHTMLタ グも自動的に挿入され、表 示画面が崩れたり、ボタン 等のアクションが機能しな くなる場合がありますので ご注意ください。)

4‐2

記事の作成

「学校の概要」(学校の紹介) 記事の作成

4-2「学校の概要」(学校の紹介) 記事の移動・削除

記事の移動

(例)「学校の教育目標」を一つ上(「学校長あいさつ」の上)に移動

NetCommons操作マニュアル

移動させたい記事の、タイトルバーの中央部分 をク リックします。(記事に、オレンジ色の枠がつきます。) （マウスのマークが になります。)

1

1

をクリックしたまま、移動させたい方向にスライドさせます。 今回は、「学校の教育目標」を「学校長あいさつ」の上に移動させます。

1

1

1

1

4‐2

記事の作成

「学校の概要」(学校の紹介) 記事の作成

4-2「学校の概要」(学校の紹介) 記事の移動・削除

NetCommons操作マニュアル

26

記事の移動

(例)「学校の教育目標」を一つ上(「学校長あいさつ」の上)に移動

「学校の教育目標」が一つ上に移動されました。

記事の削除

(例)「学校長あいさつ」を削除

【削除】をクリックすると「学校長あいさつ」 の記事が削除されます。

1

1

1

1

4-2「学校の概要」(学校の紹介) 記事の新規作成

(セッティングモードで行います。(モジュールの追加))

4‐2

_{記事の作成}

「学校の概要」(学校の紹介) 記事の作成

【セッティングモード】が表示されている ときは、その表示をクリックします。

1

1

1

1

【学校の概要】をクリックします。

2

2

NetCommons操作マニュアル

2

2

28

4‐2

記事の作成

「学校の概要」(学校の紹介) 記事の作成

4-2「学校の概要」(学校の紹介) 記事の新規作成

追加した「お知らせ」の編集画面が開きます。 ブロックタイトルの部分をダブルクリックすると タイトルが入力できます。 タイトルを入力(例：学年別目標)します。 本文を入力し、 【決定】ボタンをクリックしま す。

5

5

6

6

7

7

8

8

6

6

7

7

₈

₈

新しい記事「(例)学年別目標」が作成されました。 「モジュール追加」の プルダウンメニューをク リックし、 【お知らせ】を選択すると、 「お知らせ」モジュールが追加されます。

3

3

4

4

3

NetCommons操作マニュアル

3

5

5

4

4

設置してあるカレンダーに 学校行事予定を登録します。

4-3 「学校行事」記事の作成(カレンダー入力)

1

1

【学校行事】をクリックします。

1

1

4‐3

記事の作成

「学校行事」記事の作成(カレンダー入力)

NetCommons操作マニュアル

4-3 「学校行事」記事の作成(カレンダー入力)

4‐3

記事の作成

「学校行事」記事の作成(カレンダー入力)

NetCommons操作マニュアル

2

2

中央ブロックにカレンダーが表示されます。 行事を入れたい日付の マークを クリックします。

2

2

30

3

3

学校行事登録の小ウィンドウ (簡易登録画面)が表示されますので、 【詳細な登録】をクリックします。 ※（行事名と時間のみの行事を登録 したい場合は、この画面で「件名」、 「予定日(時間)」を入力して【決 定】をクリックすると、行事を登録 することができます。)

3

3

※

タイトルを入力します

4

4

日付と時間を指定・確認 します ここに詳細な内容を 入力します 編集画面が開くので、行事予定を入力します。 （件名・日付・時間などを設定してください。） 行事予定を入力したら 【決定】をクリックします。 左側のカレンダーにも行事が登録・反映されます。

4

4

必要に応じて入力します (入力しなくてもよいです)

4-3 「学校行事」記事の作成(カレンダー入力)

4‐3

記事の作成

「学校行事」記事の作成(カレンダー入力)

NetCommons操作マニュアル

4-3 「学校行事」記事の作成(カレンダー入力)

4‐3

記事の作成

「学校行事」記事の作成(カレンダー入力)

カレンダーに行事が登録されました。 （左側のカレンダーにも行事が登録・反映されます。） 左ブロックカレンダーの日付上でクリックす ると、登録した行事予定が表示されます。 右下 ボタンを押すとカレンダー が拡大表示します。（再度 を押すと小さい サイズに戻ります。)

6

6

6

6

5

5

5

5

32

NetCommons操作マニュアル

※ここからも、登録ができます。

4-3 「学校行事」記事の作成(カレンダー入力)

行事予定の修正・削除

中央ブロックに表示させたカレンダーから修正・削除する場合

詳細表示が表示されます。 ( をクリックするとカレンダー表示に戻りま す。) 内容を削除する場合はごみ箱マーク をクリックし ます。 内容を修正する場合は【編集】をクリックします。 （P31と同じ編集画面が開きますので、修正をしてくだ さい。）

4‐3

記事の作成

「学校行事」記事の作成(カレンダー入力)

NetCommons操作マニュアル

カレンダーの、修正・削除したい内容のタイ トル（ここでは「終業式（テスト）」）をク リックします。

NetCommons操作マニュアル

34

4-4 「学校だより」のアップロード

1

1

【学校だより】をクリックします。

1

1

4‐4

記事の作成

「学校だより」のアップロード

学校が発行している文書の

一太郎、Word、Excel、PDF

ファイルなどをアップロード

して、インターネット上から

配布することができます。

4-4 「学校だより」のアップロード

フォルダ【学校だより】をクリックします。 （新規でフォルダを作成する場合は、別冊（応用操作編） のP22～を参照してください。）

2

2

2

2

【ファイル追加】をクリックします。

3

3

3

3

4

4

ファイルの場所情報入力部分が表示されます。 「コメント」欄にファイルの名前を入力します。 【参照】をクリックし、アップロードしたいPDF ファイル等を選択します。

4

4

5

5

5

5

4‐4

記事の作成

「学校だより」のアップロード

NetCommons操作マニュアル

4‐4

記事の作成

「学校だより」のアップロード

NetCommons操作マニュアル

4-4 「学校だより」のアップロード

【参照】ボタンをクリックすると 「ファイルの選択」のウィ ンドウが開きますので、 アップロードしたいファイルを選択し 【開く】をク リックします。

6

6

8

8

7

7

7

7

の部分に選択したファイルが表示されたら、 【追加する】をクリックします。

9

9

10

10

9

9

10

10

6

6

8

8

36

4-4 「学校だより」のアップロード

4‐4

記事の作成

「学校だより」のアップロード

NetCommons操作マニュアル

「学校だより」フォルダ内にファイル 「学校だより.pdf」がアップロードされました。 （削除する場合は マークをクリックし、 【削除】を選択 します。） 【編集】を選択すると、名前の変更とファイルの差し替えがで きます。

11

11

11

11

12

12

12

12

「学校だより」のようなフォルダの作成方法や削除方法は、別 冊（応用操作編）P20～を参照してください。

38

学校の様子などを写真と文 章で紹介できるページを作 成します。 【学校の様子】をクリックします。

1

1

4-5 「学校の様子」の記事の作成

4‐5

記事の作成

「学校の様子」の記事の作成

NetCommons操作マニュアル

1

1

4‐5

記事の作成

「学校の様子」の記事の作成

NetCommons操作マニュアル

編集画面が開きます。

4-5 「学校の様子」の記事の作成

2

2

「学校の様子」が表示されるので、 【記事を書く】をクリックします。

2

2

3

3

40

4‐5

記事の作成

「学校の様子」の記事の作成

NetCommons操作マニュアル

「画像の挿入」ボタン

日付を確認します。 記事のタイトルを入力します。 テキストエリアに本文を入力 します。 ■写真を入れたい場合は、 「 画像の挿入」ボタンを クリックします。 入力し終えたら 【決定】ボ タンをクリックします。

3

3

4

4

1

1

3

3

2

2

5

5

日付

1

タイトル

1

2

2

4

4

5

5

記事を作成します。

記事の文章の入力・写真の挿入の方法は「学校からのお知らせ」

と同じです。（→P18～を参照）

4-5 「学校の様子」の記事の作成

NetCommons操作マニュアル

4‐6

記事の作成

「リンク集」の作成

4-6

「リンク集」の作成

学校のWebページからほかの Webページにリンクをはりた い時などに、リンクを設定し て一覧として公開できます。 【リンク集】をクリックします。

1

1

1

1

42

NetCommons操作マニュアル

4‐6

記事の作成

「リンク集」の作成

4-6

「リンク集」の作成

【リンク追加】をクリックします。

2

2

3

3

リンク追加ウィンドウが表示されます。

3

3

リンクの追加

2

2

NetCommons操作マニュアル

4‐6

記事の作成

「リンク集」の作成

4-6

「リンク集」の作成

5

5

「URL」に、リンクをしたいサイトのアドレスを入力します。 例）(教育ネットひむか) URL http://himuka.miyazaki-c.ed.jp/ サイト名(タイトル)は、アドレスを判断して自動で入るように なっていますが、【自動取得】のチェックを外して、手入力するこ ともできます。 入力し終ったら

5

5

【決定】をクリックします。 「教育ネットひむか」のリンクが設定されました。 （サイト名をクリックすると、入力したURLにアクセスできます。） ※リンクを設定するに際し、事前にリンクをはるための許可を得なけ ればならないサイトもあります。各サイトのリンクに関する説明の ページを確認してください。

4

4

4

4

4‐7

記事の作成

隠しページの記事の作成

NetCommons操作マニュアル

「校歌」は隠しページになっている（ログインしてセッティングモードに しないと閲覧できない）ので、隠しページを解除します。 隠しページを解除したいページの名前の左側が から になっていることを確認します。 【編集終了】をクリックします。

4-７ 隠しページの記事の作成

隠しページを公開する（セッティングモードにします。）

１

１

「校歌」の隠しページ状態が解除されました。 （ログアウトしても閲覧できるようになります。）

２

２

１

１

２

２

３

３

３

３

44

4-8 隠しページ「校歌」の記事の作成

4‐8

記事の作成

隠しページ「校歌」の記事の作成

NetCommons操作マニュアル

学校メニューの 【編集】 をクリックします。

1

1

1

1

セッティングモードになっていることを確認します。

（セッティングモードについては、P3を参照）

4-8 隠しページ「校歌」の記事の作成

4‐8

記事の作成

隠しページ「校歌」の記事の作成

NetCommons操作マニュアル

隠しページを含む、ページ一覧が表示されます。 ページタイトルの左側が になっているのが表示され ているページ、 になっているのが隠しページです。 隠しページを表示させるには、「校歌」ページの マークをクリックし、 にします。

46

「校歌」の隠しページが解除されました。 【編集終了】をクリックします。

2

2

2

2

3

3

3

3

4

4

4

4

4-8 隠しページ「校歌」の記事の作成

4‐8

記事の作成

隠しページ「校歌」の記事の作成

NetCommons操作マニュアル

「校歌」のページが表示されました。 【校歌】ページ名をクリックします。 【編集】をクリックします。

3

3

3

3

5

5

編集画面が開きます。

4

4

記事の文章の入力・写真の挿入

のしかたは「学校の概要」の手

順と同じです。

（P24～ 参照）

「

タイトル部分

」をダブルク

リックすると、タイトルの書き

替えができます。

歌詞等を入力し終えたら、

【決定】をクリックします。

5

5

タイトル

4‐9

記事の作成

隠しページ「交通アクセス」の記事の作成

NetCommons操作マニュアル

4-9 隠しページ「交通アクセス」の記事の作成

学校メニューの 【交通アクセス】を クリックします。

1

1

1

1

【編集】をクリックします。

2

2

2

2

48

P44を参考にし、隠しページになっている「交通アクセス」の隠しページを解除し て公開にしてください。

4‐9

記事の作成

隠しページ「交通アクセス」の記事の作成

NetCommons操作マニュアル

4-9 隠しページ「交通アクセス」の記事の作成

編集画面が開きます。

記事の文章の入力・写真の挿入の方法は「学校からのお知らせ」

と同じです。（→P18～を参照）

タイトル

学校の住所や、

交通手段など

仮の地図画像が入っています。

(画像をクリックし、「Delete」

キーを押すと削除できます。)

地図の画像がある学校は、画像を

挿入してください。

【決定】で記事作成

隠しページ「交通アクセス」を公開する場合は、P44を参照して

ください。

3

3

4‐10

記事の作成

隠し

ページ「主題研究」の記事の作成

NetCommons操作マニュアル

4-10 隠しページ「主題研究」の記事の作成

メニューの【主題研究】をクリックします。

1

編集画面

1

1

1

3

3

2

2

【記事を書く】をクリックすると、

編集画面が出ます。

記事の文章の入力・写真の挿入の方法は「学校からのお知らせ」と

同じです。（→P18～を参照）

2

2

₃

₃

50

P44を参考にし、隠しページになっている「主題研究」の隠しページを解除して公 開にしてください。

4‐11

記事の作成

隠し

ページ「学校アルバム」の作成

NetCommons操作マニュアル

4-11 隠しページ「学校アルバム」の作成

メニューの

【学校アルバム】をクリックします。

1

1

1

1

アルバムの名前

【学校の風景】のアイコンをク

リックします。

2

2

「学校の風景」「修学旅行」のような、アルバムを新規で作成したいときは、

別冊（応用操作編）P26～を参照してください。

2

2

P44を参考にし、隠しページになっている「学校アルバム」の隠しページを解除し て公開にしてください。

4‐11

記事の作成

隠し

ページ「学校アルバム」の作成

NetCommons操作マニュアル

4-11 隠しページ「学校アルバム」の作成

3

3

戻るときは ここをクリック

写真の登録画面に切り替わります。

【参照】をクリックします。

4

4

【参照】ボタンをクリックすると

の「ファイルの選択」ウィンド

ウが開きますので、アップロードし

たいファイルを選択し、

【開く】をクリックします。

(ファイルの場所情報が入ります。)

5

5

5

5

【写真の追加】をクリックします。

3

3

52

4

4

4‐11

記事の作成

隠し

ページ「学校アルバム」の作成

NetCommons操作マニュアル

4-11 隠しページ「学校アルバム」の作成

にファイルの場所情報が入っ たら、【決定】をクリックします。 6 6 写真のプレビュー画面に切り替わ るので、 【写真の編集】をク リックします。 アルバムに写真が登録され、サムネイル画像が表示さ れます。 ※サムネイルをクリックすると大きい写真が表示され ます。 写真の説明を入れる時は写真の編集マーク をクリックします。 ※ 写真を削除するときはごみ箱マーク をクリック します。 7 7 6 6 7 7 8 8 8 8

4‐11

記事の作成

隠し

ページ「学校アルバム」の作成

NetCommons操作マニュアル

4-11 隠しページ「学校アルバム」の作成

54

写真の登録画面に切り替わるので、 写真の見出し(名前、説明文)など を入力します。 入力し終わったら 【決定】を クリックします。 9 9

名前

説明文

9 9 写真の名前と説明文が登録されまし た。 サムネイル画像のウィンドウにある 【決定】をクリックします。

名前

10 10 10 10 写真の登録が完了しました。 引き続き登録するときは【写真 の追加】をクリックします。 戻るときは ここをクリック

4‐12

記事の作成

隠し

ページ「今日の給食」の記事の作成

NetCommons操作マニュアル

4-12 隠しページ「今日の給食」の記事の作成

1

1

【今日の給食】をクリックします。

1

1

「今日の給食」が表示されるので、 【記事を書く】をクリックします。

2

2

2

2

P44を参考にし、隠しページになっている「今日の給食」の隠しページを解除して 公開にしてください。

4‐11

記事の作成

隠し

ページ「今日の給食」の記事の作成

NetCommons操作マニュアル

編集画面が開きます。

記事の文章の入力・写真の挿入のしかたは「学校からのお知ら

せ」の手順と同じです。（P18～を参照）

4-11 隠しページ「今日の給食」の記事の作成

3

3

56

NetCommons操作マニュアル

5-1 左ブロック「トップページ」の変更

5‐1

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

メニュータイトル例：「トップページ」を変更します。

左ブロック「トップページ」のタイトルの変更

左

ブ

ロ

ッ

ク

中

央

ブ

ロ

ッ

ク

左

ブ

ロ

ッ

ク

←左ブロックのメニュータイトル

【トップページ】をクリックします。

1

1

1

1

左ブロック 「トップページ」の変更

NetCommons操作マニュアル

57

5‐1

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

左ブロック_{「トップページ」の変更}

NetCommons操作マニュアル

5-1 左ブロック「トップページ」のタイトルの変更

「トップページ」のページタイトル

の上をクリックすると、名前が変更でき

るようになるので、「学校からのニュー

ス」に書き替えます。

書き替え後は

【

編集終了

】をクリッ

クします。

4

4

3

3

ページタイトルが「学校からのニュース」

に変更されました。

2

2

変更したいペー ジタイトル

3

3

4

4

学校メニューの【編集】をクリックします。

2

2

5‐2

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

NetCommons操作マニュアル

59

中央ブロック 「学校からのお知らせ」の変更

5-2 中央ブロック「トップページ」のタイトルの変更

左

ブ

ロ

ッ

ク

中

央

ブ

ロ

ッ

ク

左ブロックのページタイトルを変更したら、

該当するページの中央ブロックのタイトルを変更する

必要があります。

↑中央ブロックのタイトル

【トップページ】をダブルクリックします。

1

1

1

1

5‐2

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

NetCommons操作マニュアル

中央ブロック 「学校からのお知らせ」の変更

「トップページ」の部分が入力できるようになります。

2

2

2

2

3

3

「学校からのニュース」に書き換えます。

3

3

4

4

中央ブロックのタイトルが

「学校からのニュース」

に変更されました。

4

4

5-2 中央ブロック「トップページ」のタイトルの変更

NetCommons操作マニュアル

6-1

アクセスの方法

6‐1

携帯電話からのアクセス

アクセスの方法

学校Webページを携帯電話で閲覧する方法は、２つあります。

①学校Webページのアドレスを携帯に直接入力する方法

②各学校ごとのQRコードを読み取ってアクセスする方法

①

学校Webページのアドレスを携帯に直接入力する方法

http://cms.miyazaki-c.ed.jp/

＊＊＊

/htdocs/

学校ホームページのアドレスを、携帯電話に直接入力します。

パソコン版も携帯電話版も、アドレスは同じです。

項目 機能 A ロゴ画像 学校名、学校の住所、写真などがここに設定 できます。 B メニュー パソコン版で作成しているWebページのメ ニュー一覧が表示されます。 C 新着情報 （最初の画面はここが開いています）最新記事 の確認・閲覧ができます。 D カレンダー パソコン版Webページの「行事予定」に入力し たカレンダーの確認ができます。

A

A

B

B

C

_C

D

_D

携帯

Webページの画面

②

各学校ごとのQRコードを読み取ってアクセスする方法

各学校ごとに用意されている隠しページのQRコードを携帯電話で

読み取ります。

QRコードは必要に応じて画像をコピーし、学校便り等に印刷して

保護者への連絡に御利用ください。

※携帯電話からのアクセスに関する注意事項

携帯電話からは、隠しページの「主題研究」や「今日の給食」な

ど、日誌モジュール（応用操作編P10を参照）で作成されたすべて

のページが閲覧できてしまいます。

携帯電話からのアクセスを利用する場合は、必要のない隠しペー

ジを削除して御利用ください。

NetCommons操作マニュアル

6-2

メニューの説明

6‐2

携帯電話からのアクセス

メニューの説明

「トップページ」の閲覧

「カレンダー」の閲覧

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

NetCommons操作マニュアル

62

6-3

ロゴ画像の変更方法

6‐3

携帯電話からのアクセス

ロゴ画像の変更方法

学校名、校章、学校の住所などを表

記した画像を挿入することができま

す。

240ピクセル

70ピクセル

学校ロゴ画像を用意します。 （目安サイズ：横240ピクセル以下、 縦70ピクセル 程度） 画像形式は、GIF形式をお勧めします。 携帯用Webページのロゴ画像の変更は、 パソコン用Webページの管理画面から行 います。 パソコン用Webページにログインした状 態で、 【管理】をクリックします。

NetCommons操作マニュアル

1

1

1

1

6‐3

携帯電話からのアクセス

ロゴ画像の変更方法

NetCommons操作マニュアル

6-3

ロゴ画像の変更方法

【携帯管理】をクリックします。 【編集】をクリックします。 「携帯ロゴ画像」のところの 【参照】 ボタンをクリックすると「ファイルの選択」 ウィンドウが開きますので、ロゴとして使用 したい画像を指定して 【開く】ボタン をクリックします。 ファイルの場所情報を確認し、画面下の 【決定】ボタンをクリックすると、携帯ロゴ 画像が変更されます。 (詳しくは、マニュアルP6～を参照)

64

2

2

2

2

3

3

3

3

4

4

4

4

5

5

5

5

6

6

6

6

NetCommons操作マニュアル

7‐1

ログアウト、公開ページの確認「ログアウト」

NetCommons操作マニュアル

記事の作成・編集などの作業がすべて終了したらログアウト（管

理画面から退出する作業）と、作成・編集・修正した記事が公開

できているかを確認する作業を行ってください。

7-1 ログアウト

【ログアウト】をクリックします。 ログアウトしました。

1

1

1

1

65

「ログイン」表示になっている時が

「ログアウト」されていることになります。

ログアウトをしても、記事の作成・追加・修正等を行った箇所が

表示されているか（公開されているか）の確認をします。

7-2 公開ページの確認

例）学校行事（カレンダー）の確認

1

1

P29で入力した行事内容が

確認できます。

※隠しページは、ログアウトした状態では表示されません。

7‐2

ログアウト、公開ページの確認「公開ページの確認」

左メニューの

【学校行事】を

クリックすると、中央ブロックに

カレンダーが表示されます。

1

1

Copyright(C) 「教育ネットひむか」(Miyazaki Education Information Service Network)