簡易ホームページ作成システムマニュアル NEWS ナガノ イージー ウェブ システム ( 簡易ホームページ作成システム ) Created by Yok 2012. 1.4 この NEWSナガノ イージー ウェブ システム は 今までのように学校ホームページを作成するにあたり ホームページ作成アプリケーションでファイルを作成し FTPツールでサーバにアップロードするといった面倒な操作がいっさいなく 誰でもタイトル 本文の入力 場合により写真を選択するだけで 学校 HPを簡単に作成するためのシステムです また 単に登録 すぐに公開ではなくて 今までのホームページ公開の手順にしたがって 校長等の学校管理者の承認をもって一般に公開されます 主な機能 ルーム ( ページ ) 作成機能 ( 使用例 : 校長先生の部屋 3 年 3 組の部屋等 ) 記事作成機能 作成記事に対する承認 ( 否認 ) 機能 画像アップロード サムネイル自動作成機能 添付ファイルアップロード機能 ( 画像以外 ) 記事閲覧者からのコメント機能 新着アイコン表示機能 アクセスカウンタ (2008.5 追加 ) ページ作成の流れ 作業者 ( 誰が ) 作業内容 ( 何を ) 0 システム管理者 学校管理者 ( 学校長 ) を登録 システムへのログインIDとパスワードを設定 1 学校管理者 ルーム ( ページ ) を作成し そのルーム制作者 ( 先生 ) を登録 ( ログインIDとパスワード ) ルームの削除 ( 新規記事の登録停止 ) 2 ルーム制作者 記事を作成 ( 下図参照 ) ルーム制作者 学校管理者 システム 記事作成 仮登録 承認 YES 削除 NO YES NO 記事公開 記事修正 削除 制限事項 アップロード可能ファイル ( 写真 ) 形式は JPEG 形式のみ ( ただし撮影デジカメ 作成アプリケーションによってはアップロードできない可能性あり ) アップロード可能ファイルサイズは約 2MB( メガバイト ) 程度まで - 1 -
簡易ホームページ作成システムマニュアル 操作方法 ( 学校管理者用 ) 1. ルーム ( ページ ) 作成 (1) http://www2.nagano-ngn.ed.jp/news/login.php にアクセスし 付与されたログイン ID パスワードを入力します (2) [ ルーム管理 ( 作成 )] をクリックしてください (3) 新しく作るルーム ( ページ ) の名称 制作者名 ( このルームを担当する先生の氏名 ) 制作者のログイン ID パスワード ページの背景色を入力し [ 登録 ] ボタンをクリックします ルームの名称は予め設定されている 学校名 +ここで入力したルーム名 となります (4) 登録情報が表示されるので ログインID パスワード ルーム ( ページ ) 公開のためのURLを記録 ( 記憶 ) しておいてください このURLに対して既存の学校ホームページからリンクを作成してください ( リンク作成方法は別紙 参考 を参照してください ) 2. ルーム情報の確認 (1) ログインし 管理しているルーム一覧よりルーム名右の [ 情報 ] をクリックすると そのルームの情報 ( ルーム制作者名 ログイン ID パスワード 公開 URL) を表示させることができます - 2 -
簡易ホームページ作成システムマニュアル 3. 登録記事の承認 否認 (1) ログインし 管理しているルーム一覧より 承認待ち件数 -[ 表示 ] をクリックします (2) 記事件名 内容 写真が個人情報 著作権等長野市のガイドラインに照らし合わせて問題がないようであれば [ 承認 ] ボタンをクリックします 承認 すると同時に 本ルーム公開用 URL をクリックすると 内容を閲覧することが可能になります 承認 できないような内容であれば その理由を入力し [ 否認 ] ボタンをクリックします 4. ルーム削除 (1) ログインし 管理しているルーム一覧より [ ルーム削除 ] をクリックします (2) 削除しようとしているルーム情報が表示されるので このルームを削除してよければ [ 削除実行 ] をクリックします 削除をキャンセルする場合は [ 前の画面に戻る ( 削除中止 )] ボタンをクリックします ルームを削除すると 新規の記事を登録する事ができなくなるだけで データは削除されません 公開する必要がなくなったページは学校ホームページ上のリンクを解除してください 解除するには ホームページビルダーなどを使い データをアップロードする必要があります - 3 -
簡易ホームページ作成システムマニュアル 操作方法 ( ルーム制作者用 ) 1. 記事作成 (1) http://www2.nagano-ngn.ed.jp/news/login.php にアクセスし 学校管理者より付与されたログイン ID パスワードを入力します (2) トップメニューより [ 記事作成 ] をクリックします (3) 記事タイトル 記事内容 ( コメント ) 写真等画像ファイル 添付ファイルを選択し [ 登録実行 ] ボタンをクリックします 登録が完了し 登録内容が表示されます (4) 次に表示される登録完了画面で [ 追加の画像を設定します ] ボタンをクリックします (5) 下段の サブ画像 の追加 から画像ファイルを指定し [ 画像追加実行 ] ボタンをクリックします 1 点づつしか登録できません 2. 公開 ( 承認済 ) 記事表示 (1) トップメニューより 公開 ( 承認済 ) 記事表示 をクリックすることにより 現在公開されている記事を表示させることができます 閲覧者からのコメントはこの 公開 ( 承認済 ) 記事表示 を表示させます コメントがある記事の日付の下には コメント が表示され クリックす内容を確認できます - 4 -
簡易ホームページ作成システムマニュアル 3. 作成記事表示 ( 修正 削除 ) (1) トップメニューより 作成記事表示 をクリックすることにより 今まで作成した [ 公開記事 ] と [ 承認待記事 ] を表示させることができます 3-1. 作成記事の修正 / 削除 / 画像追加 (1) 作成記事表示画面より記事の修正 / 削除 / 画像追加を行うことができます (2) 修正は 作成記事表示 画面より [ 修正 ] ボタンをクリックします タイトル コメント 画像を必要に応じて修正してください また管理者により 否認 された記事に関しては 管理者が入力した否認理由が表示されます 修正が完了したら [ 修正完了 ] ボタンをクリックします 記事の修正を行うことにより 否認記事 を再度 承認待ち記事 になります (3) 削除は 作成記事表示 画面より [ 削除 ] ボタンをクリックします 削除確認画面で記事内容が表示されますので 内容を確認の上 [ 削除実行 ] ボタンをクリックします (4) サブ画像 の追加は 作成記事表示 画面より [ 画像追加 ( 削除 )] ボタンをクリックします サブ画像 の追加 ( 右図 1) で追加したい画像を一点づつ選択します 追加された画像は 追加された サブ画像 一覧 ( 右図 2) に表示されます サブ画像 の削除は サブ画像 一覧 から削除したい画像をクリックし 次の画面で [ 画像を削除します ] ボタンをクリックします 2 1-5 -
簡易ホームページ作成システムマニュアル 4. 背景色 / ページ記事数設定 / コメントの受付設定 (1) 1ページに表示させる記事数を1~9 までの数値で入力します (2) ページの背景色の設定は 赤 緑 青の割合をそれぞれ6 段階 (0~5) で入力 (1) もしくはカラーチャートから選択 ( クリ (2) ック ) します 入力値に応じて背景色が変わります (3) 記事に対する閲覧者からのコメントの受け付けは ここで設定します 途中で (3) の変更も可能です 記事に対するコメン (4) トは 公開 ( 承認済 ) 記事表示から確認できます (4) 記事の閲覧者数をカウントするカウンタを表示させることができます カウンタはページタイトルの横に表示されます 現在カウンタ文字 ( 画像 ) は一種類のみです 5. コメント一覧記事に対するコメントを受付ける設定にしているとこのメニューから記事に対する閲覧者のコメントを確認することができます 1 週間以内の新しいコメントがあった場合は 新着あり と表示されます 6. アクセスログ過去一ヶ月間のアクセス状況を確認できます - 6 -
参考 1 リンク作成方法 ( ホームページビルダー ) 簡易ホームページ作成システムマニュアル 0. 下準備学校管理者用操作方法の 2. ルーム情報の確認 より 各ページへのURLを確認 記録しておきます 表示されるURLの文字をすべて選択し (1) マウスの右ボタンを押し メニューを表示させ コピーを選択します (2) 1 1. ホームページビルダーを起動 2 2. 該当ページを開く ファイル メニューから 開く を選択し リンクを設定するページを開く 3. リンクの作成 1リンクを設定する文字列もしくは画像を選択 2 挿入 メニューから リンク を実行 3 属性 ボックスで URLへ タブをクリックし URL に前記 0. 下準備で確認したUR Lをコピー ( 入力 ) し OK ボタンをクリック 1 2 3-7 -
参考 2 新着アイコン表示方法 ( ホームページビルダー ) 簡易ホームページ作成システムマニュアル 0. 下準備学校管理者用操作方法の 2. ルーム情報の確認 より 各ページへの 新着アイコン の使用例を確認 記録しておきます 表示されるタグの文字をすべて選択し ( 右図 ) マウスの右ボタンを押し メニューを表示させ コピーを選択します 1. ホームページビルダーを起動 2. 該当ページを開く ファイル メニューから 開く を選択し 新着アイコンを設定するページを開き アイコンを表示させたい位置にカーソルを移動させ ( 図では 教育 IT の部屋 の後ろ ) HTML ソース タブをクリックする 3. タグの埋め込み HTML ソース の現在のカーソル位置に前項 0でコピーした タグ を貼り付け ( 下図参照 ) ページ編集 タブをクリックすると 画像が挿入されています ただし 画像へのリンクがエラーとなっていますので 印が表示されていますが正常の表示です 一週間以内に作成された記事がある場合 新着を表すの画像が表示されます - 8 -