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