ご 参 考 資 料 アカデミックサーバ 用 雛 形 ホームページ ご 利 用 ガイド < 本 ガイドのご 利 用 にあたって> アカデミックサーバ は ご 利 用 される 学 校 様 が ご 自 身 で コンテンツの 作 成 FTP によるファイル 転 送 などを 行 っていただくことが 前 提 です 従 いまして 上 記 に 関 するサポートや 本 説 明 書 の 記 載 内 容 に 関 するサポートは 弊 社 では 致 しかねますのでご 了 承 ください 株 式 会 社 NTTぷらら 2008.3 現 在
目 次 第 1 章 はじめに...2 第 2 章 利 用 環 境 及 び 利 用 条 件...3 第 3 章 雛 形 ホームページの 内 容...4 3-1 雛 形 ホームページの 作 成 コンセプトとディレクトリ 構 成...4 3-2 トップページ( 表 紙 )とそのソース...6 3-3 トップページの 変 更 方 法...9 3-4 その 他 のページの 変 更 方 法... 12 3-5 背 景 色 の 選 択... 16 3-6 注 意 事 項... 16 Microsoft Windows Microsoft Internet Explorer は 米 国 Microsoft Corporation の 米 国 およびその 他 の 国 におけ る 登 録 商 標 です Netscape, Netscape Navigator, Netscape の N ロゴおよび 操 舵 輪 のロゴは 米 国 およびその 他 の 諸 国 の Netscape Communications Corporation 社 の 登 録 商 標 です その 他 記 載 されている 会 社 名 および 製 品 名 は 各 社 の 登 録 商 標 または 商 標 です 本 ガイドに 記 載 されている 内 容 画 面 等 は 2008 年 3 月 現 在 のものであり それらは 予 告 なく 変 更 されることが あります 1
第 1 章 はじめに ~アカデミックサーバ 用 雛 形 ホームページとは~ 学 校 でインターネットを 利 用 し 始 めると インターネット 上 には 子 どもたちが 活 用 できる 様 々な 生 の 教 材 があることがお 分 かりい ただけるでしょう また インターネット 上 の 情 報 を 活 用 するだけでなく 自 分 たちでホームページを 持 ち 情 報 を 発 信 している 学 校 が 増 えていることを 実 感 していただけると 思 います インターネット 上 のホームページは 多 くの 人 が 共 通 で 利 用 できるように サーバ という 端 末 に 蓄 積 されています 全 世 界 に 多 数 存 在 するこの サーバ を 結 ぶことで インターネットは 多 量 の 情 報 を 共 有 することができるしくみになっているのです この サーバ を1 校 で1 台 持 つためには 多 額 の 費 用 が 必 要 であり ネットワークに 精 通 した 管 理 者 が 必 要 であるなどの 課 題 があ ります アカデミックサーバ は 学 校 でホームページを 持 ちたいときに 低 料 金 で 学 校 ホームページ 用 のサーバの 一 エリアをお 貸 しするサービスです したがって 一 からサーバを 構 築 して 管 理 するための 難 しい 知 識 や 多 額 な 初 期 費 用 は 必 要 ありません 雛 形 ホームページ は ホームページを 初 めて 開 設 する 学 校 様 などに 最 低 限 の 変 更 ですぐ 学 校 のホームページを 公 開 できるよ う 電 子 データ(ホームページの 内 容 :コンテンツと 呼 ぶ)を 提 供 するものです すぐにでもホームページの 紹 介 をしたいけれども 公 開 するコンテンツを 作 っている 時 間 がない といった 学 校 様 また 自 分 たち のオリジナルのホームページを 作 成 したいけれども まず 手 本 となるようなホームページはないか? といった 学 校 様 に 有 効 に ご 活 用 いただけます この 雛 形 ホームページでは 小 学 校 を 例 として 生 徒 に 紹 介 したい 情 報 だけでなく PTAや 地 域 の 方 にも 興 味 を 持 っていただ けるお 知 らせなどの 項 目 も 盛 り 込 んでいます また この 雛 型 ホームページのコンテンツについては 自 由 に 更 新 変 更 していただいて 構 いせん この 雛 形 ホームページを 元 に 学 校 オリジナルのホームページを 作 成 し 発 信 していただければと 思 います 雛 形 ホームページのご 活 用 方 法 ホームページ 作 成 の 初 心 者 初 級 者 の 方 のためにご 用 意 しています ホームページのコンテンツ( 要 素 )である html ファイルや 画 像 (gif ファイル 等 )とは 何 か またそれら がどのように 構 成 配 置 されているかを 実 際 に 見 ていただき ホームページのしくみを 理 解 するた めに 役 立 てていただくことができます 本 コンテンツ(html gif ファイル 等 )を ご 自 分 の 学 校 ホームページにそのままご 使 用 されたり 編 集 変 更 をしてご 活 用 いただけます 本 マニュアルは 雛 形 ホームページのごく 一 部 分 の 基 本 的 な 変 更 方 法 を 示 したものです より 個 性 的 で 柔 軟 なホームページをお 作 りいただくためには 市 販 されている ホームページ 作 成 に 関 する 手 引 書 (HTML 辞 典 HTML タグ 辞 典 など)や ホームページ 作 成 用 ソフトウェアをご 用 意 い ただくことをお 薦 めいたします 2
第 2 章 利 用 環 境 及 び 利 用 条 件 このマニュアルは アカデミックサーバ 用 雛 形 ホームページ を 利 用 してインターネットへホームページを 公 開 するために 必 要 な 各 種 設 定 方 法 や 変 更 手 順 アップロード 方 法 などを 示 したものです ( 本 マニュアルは WindowsXP を 例 としています) 雛 型 ホームページ ファイルの 内 容 接 続 に 必 要 なもの 小 学 校 向 け 雛 形 ホームページコンテンツ 一 式 elementary 内 容 量 470KB~481KB 全 ファイル 数 72ファイル パソコン ( 本 マニュアルは WindowsXP を 例 としています) テキスト( 文 章 ) 用 ソフト : メモ 帳 Notepadなど WWW ブラウザ(ホームページ 閲 覧 ソフト) : Internet Explorer Netscape Navigator など FTP(コンテンツアップロード) 用 ソフト) : FTP Explorer Fetchなど 注 意 事 項 ホームページのアップロードは インターネット 接 続 環 境 のあるパソコンでご 利 用 いただけます (LAN 環 境 からの 接 続 される 場 合 は LAN のネットワーク 管 理 者 にご 相 談 の 上 ご 利 用 ください ) お 客 様 にご 利 用 いただく FTP のログイン ID パスワードにつきましては ぷらら 送 付 の 別 紙 <アカ デミックサーバご 登 録 内 容 >をご 覧 ください サーバ 等 の 保 守 点 検 のため 随 時 システムメンテナンスを 行 っております メンテナンス 内 容 に より 一 時 サービスを 停 止 させて 頂 く 場 合 がありますので 予 めご 了 承 ください ぷらら 学 校 サービスに 関 する 最 新 の 障 害 情 報 はこちら 最 新 メンテナンス 障 害 情 報 : http://biz.plala.or.jp/support/mainte/index.html 管 理 責 任 者 の 方 は 上 記 ページを WWW ブラウザにブックマークの 上 最 新 情 報 をご 確 認 くださ い お 問 合 せ 先 学 校 向 けサービスに 関 するお 問 合 せは ぷらら 法 人 会 員 サービス 担 当 受 付 時 間 : 月 ~ 金 10:00~18:00 ( 土 日 祝 日 年 末 年 始 除 く) Tel : 03-5954-7257 / Fax : 03-5954-5357 E-Mail : school@plala.co.jp 170-6024 東 京 都 豊 島 区 東 池 袋 3-1-1 サンシャイン 60 24F ぷららホームページ : http://www.plala.or.jp/ 学 校 向 けサービスホームページ : http://biz.plala.or.jp/school/ 法 人 向 けサービスホームページ : http://biz.plala.or.jp/ 3
第 3 章 雛 形 ホームページの 内 容 ホームページは 文 章 や 画 像 を1つのページに 同 時 に 表 示 できる HTML と 呼 ばれる 簡 単 な 言 語 を 用 いて 作 られています 雛 形 ホームページ を 御 校 のホームページとしてすぐお 使 いいただくための 基 本 情 報 や 最 低 限 の 変 更 方 法 を 示 します 3-1 雛 形 ホームページの 作 成 コンセプトとディレクトリ 構 成 作 成 コンセプト 子 どもたちが 自 分 たちの 学 校 を 積 極 的 にPRできるホームページであること できる 限 り 見 た 目 がわかりやすく 学 校 で 紹 介 したい 基 本 事 項 を 網 羅 した 内 容 であること 変 更 が 比 較 的 容 易 にできるものであること 先 生 - 生 徒 という 学 校 内 でのコミュニケーションに 留 まらず 学 校 からPTAや 家 庭 など 地 域 の 方 に 知 らせたい 項 目 を 盛 り 込 み 子 どもたちに 身 近 な 社 会 とのコミュニケーションが 持 てるホームページであること ディレクトリ 構 成 ホームページは 何 枚 かのファイルのつながりでできていますが どのページが 何 を 示 すのか 簡 易 に 管 理 できるよう 枝 状 の 構 造 を 持 っています(これを ディレクトリ 構 成 と 言 います) トップページ( 表 紙 )の 項 目 や 各 ホームページの 変 更 削 除 の 際 この 構 造 を 知 っておく 必 要 があります トップページのファイル 名 は 必 ず index.html または index.htm とします ディレクトリ 構 造 elementary index.htm (トップページ) gifs index1 index10 ( 文 字 のみアイコン) ~ 画 像 フォルダ 色 違 い ( 背 景 用 画 像 :blue, green, red ) index 1 What s New! album.gif(アカテ ミックアルハ ムへのアイコン) back.gif( 背 景 画 像 ) gakuen.gif(ぷらら 学 園 都 市 へのアイコン) goplala.gif(ぷららトッフ ヘ ーシ へのアイコン) index.gif,index1.gif,index10.gif~ index9.gif 絵 ( 付 きアイコン ) school.gif( 学 校 の 写 真 ) space.gif( 空 白 用 画 像 ) title.gif(ぷらら 小 学 校 タイトル 画 像 ) index1.htm (Whats new!) index1.htm2 ( 案 2) index 10 index10.htm (リンク 集 ) リンク 集 4
index2 イベントのお 知 らせ index3 学 校 の 紹 介 index4 学 校 からの お 知 らせ index5 入 学 案 内 index6 わたしたちの 生 活 index7 index2.htm ( 項 目 ページ) index2.htm2 ( 案 2) index2-1.htm ( 今 月 のイベント) index2-2.htm ( 年 間 のイベントスケジュール) index3.htm ( 項 目 ページ) index3-1.htm ( 学 校 のあゆみ) index3-1.htm2 ( 案 2) index3-2.htm ( 校 長 先 生 より) index3-3.htm ( 校 歌 ) index4.htm ( 項 目 ページ) index4-1.htm ( 大 切 なお 知 らせ) index4-1.htm2 ( 案 2) index4-2.htm ( 学 年 だより) index4-3.htm (きゅうしょくだより) index4-4.htm (ほけんだより) index4-5.htm (としょかんだより) index4-6.htm (お 便 りください&お 返 事 ) index4-6.htm2 ( 案 2) index5.htm ( 入 学 案 内 一 括 バージョン) index5-1.htm ( 入 学 資 格 ) index5-2.htm ( 費 用 ) index5-3.htm (お 申 し 込 み 方 法 ) index6.htm ( 項 目 ページ) index6-1.htm (わたしたちのクラス) index6-2.htm ( 児 童 会 からのお 知 らせ) index6-3.htm (クラブ 活 動 の 紹 介 ) index6-4.htm ( 部 活 動 の 紹 介 ) index6-5.htm (わたしたちの 作 品 ) index6-6.htm (こんなことしたよ!) index7.htm (アルバムの 項 目 ) } 別 々バージョン アルバムのページ index8 index8.htm (わたしたちのページ 項 目 ) わたしたちのページ index9 先 生 教 えて! index9.htm ( 質 問 & 回 答 ) index9.htm2 ( 案 2) 5
3-2 トップページ( 表 紙 )とそのソース インターネットのホームページを 閲 覧 するには ブラウザと 呼 ばれる 閲 覧 ソフトが 必 要 です ご 使 用 のパソコンにブラウザがイ ンストールされていない 場 合 は マイクロソフト 社 の Internet Explorer やネットスケープ コミュニケーションズ 社 の Netscape Navigator 等 をご 用 意 いただき 適 宜 インストールしてください ブラウザは インターネット 雑 誌 またはパソコン 雑 誌 などの 付 録 CD-ROM に 収 録 されています お 好 みのブラウザをご 用 意 ください お 使 いのパソコンにダウンロードしたサンプルコンテンツ(elementary フォルダ)を ブラウザで 表 示 します (ここでは Internet Explorer での 表 示 例 を 示 します) 1. パソコン 上 にダウンロードした elementary.exe を ダブルクリックします 2. 解 凍 先 フォルダを 指 定 します ( 例 :デスクトップ 上 に 保 存 ) 3. 自 動 的 に elementary フォルダが 作 成 さ れます 4. elementary フォルダを 開 き index.htm (トップページ)をダブル クリックします 6
トップページ( 表 紙 ) ここで 表 紙 の 各 項 目 ( 今 月 の 行 事 や 大 切 なお 知 らせ など)やアイコン( 新 しい 情 報 や 先 生 教 えて! など)にマウスポイ ンタを 合 わせクリックすると 各 ページがご 覧 頂 けます 7
トップページのソース 各 ホームページは HTML という 簡 易 なホームページ 作 成 言 語 で 記 述 されたもので これを 編 集 することで 各 ホームページの 内 容 を 変 更 更 新 をすることができます( 各 ページのこの HTMLのことを ソース と 言 います) このソースはお 持 ちのブラウザ で 簡 単 に 確 認 できます 1. ブラウザのメニューバーの 表 示 から ソース を 選 択 します 2. ソース(html)が 表 示 されます(テキスト 編 集 ソフト メモ 帳 が 自 動 的 に 起 動 します) 8
3-3 トップページの 変 更 方 法 学 校 名 や 連 絡 先 の 住 所 など トップページは 最 低 限 変 更 が 必 要 なページです ホームページを 作 成 する 際 本 来 HTML を 構 成 する タグ という 命 令 語 を 用 いる 必 要 がありますが ここでは 簡 単 に 雛 形 ホ ームページ の 日 本 語 部 分 を 書 き 換 える 作 業 のみを 紹 介 します それ 以 外 のページについては 一 度 ホームページを 公 開 した 後 適 宜 変 更 していってください 詳 細 な 変 更 方 法 については 市 販 されている HTML 辞 典 タグ 辞 典 などをご 参 照 ください 1. トップページのソースを 表 示 します ( 前 ページ 参 照 ) 2. ソースの 全 文 を 確 認 し ホームページ 名 ( 学 校 名 ) タイトル 画 像 更 新 日 時 アクセスカウンター 学 校 の 写 真 学 校 の 所 在 地 連 絡 先 の 7 点 を 修 正 します ソースの 全 文 と 解 説 <html> <head> <!-- タイトル --> <title>ぷらら 小 学 校 ホームページ</title> </head> <title> このホームページのタイトルです ご 自 分 の 学 校 のお 名 前 等 任 意 の 名 前 をお 入 れください <!-- 背 景 画 像 の 指 定 --> <body background="gifs/back.gif"> <!-- ベースとなるフォントサイズ 設 定 --> <basefont size=4> <!-- ここから 本 文 開 始 --> <!-- テーブル1 --> <center> <table width="640" height="" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle"> <!-- タイトル 画 像 --> <img src="gifs/title.gif" alt="タイトル 画 像 " border="0"> </tr> <tr> <td align="center" valign="middle"><p><br> <!-- テーブル2 --> <table width="" height="" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="30" align="center" valign="top"> <img src="gifs/space.gif" alt="スペース" border="0"> 学 校 名 ( 画 像 )です ここに 文 字 で 学 校 名 を 示 すよう 下 記 のように 書 き 換 えます <font size=+4 color="#0000ff"> 東 京 都 豊 島 区 立 ぷらら 小 学 校 </font> 注 : 学 校 名 は 重 複 する 場 合 がありますので 市 町 村 名 から 示 すようにしましょう <td width="190" align="left" valign="top"> <!-- 大 項 目 1 --> <a href="index1/index1.htm"><img src="gifs/index1/what.gif" alt=" 更 新 情 報 " border="0"></a> <!-- 大 項 目 2 --> <a href="index2/index2.htm"><img src="gifs/index2/event.gif" alt=" 行 事 のお 知 らせ" border="0"></a> <li><a href="index2/index2_1.htm"> 今 月 の 行 事 </a> <li><a href="index2/index2_2.htm"> 年 間 行 事 ケジュール</a> <!-- 大 項 目 3 --> <a href="index3/index3.htm"><img src="gifs/index3/shokai.gif" alt="イベントスケジュール" border="0"></a> <li><a href="index3/index3_1.htm"> 学 校 のあゆみ</a> 9
<li><a href="index3/index3_2.htm"> 校 長 先 生 より</a> <li><a href="index3/index3_3.htm"> 校 歌 </a> <!-- 大 項 目 4 --> <a href="index4/index4.htm"><img src="gifs/index4/oshirase.gif" alt=" 学 校 からのお 知 らせ" border="0"></a> <li><a href="index4/index4_1.htm"> 大 切 なお 知 らせ</a> <li><a href="index4/index4_2.htm"> 学 年 だより</a> <li><a href="index4/index4_3.htm">きゅうしょくだより</a> <li><a href="index4/index4_4.htm">ほけんだより</a> <li><a href="index4/index4_5.htm">としょかんだより</a> <li><a href="index4/index4_6.htm">お 便 りください&お 返 事 </a> <td width="5" align="center" valign="top"> <img src="gifs/space.gif" alt="スペース" border="0"> <td width="200" align="center" valign="top"> <!-- 更 新 日 --> <font size=-1> 最 終 更 新 日 2006 年 7 月 22 日 </font><br><br> <!-- アクセスカウンター --> <img src="/cgi-bin/count.cgi?df=element.html dd=caliblu ft=0 md=8 " border="0"><br><br> 御 校 の 写 真 を school.gif として 差 し 替 えてください <!-- 学 校 の 写 真 --> <img src="gifs/school.gif" alt=" 学 校 の 写 真 " border="0"><br><br> 東 京 都 豊 島 区 東 池 袋 <br> 御 校 の 所 在 地 名 を 書 き 換 えてください <!-- ぷららへのリンク --> <p> <a href="http://www.plala.or.jp/"><img src="gifs/goplala.gif" alt="ぷららへのリンク" border="0"></a> <a href="http://biz.plala.or.jp/school/"><img src="gifs/gakuen.gif" alt="ぷらら 学 園 " border="0"></a> <td width="25" align="center" valign="top"> <img src="gifs/space.gif" alt="スペース" border="0"> <td width="190" align="left" valign="top"> <!-- 大 項 目 5 --> <a href="index5/index5.htm"><img src="gifs/index5/annai.gif" alt=" 平 成 10 年 度 入 学 案 内 " border="0"></a> <li><a href="index5/index5.htm#index5_1"> 入 学 資 格 </a> <li><a href="index5/index5.htm#index5_2"> 費 用 </a> <li><a href="index5/index5.htm#index5_3">お 申 し 込 み 方 法 </a> <!-- 大 項 目 6 --> <a href="index6/index6.htm"><img src="gifs/index6/seikatsu.gif" alt="わたしたちの 生 活 " border="0"></a> <li><a href="index6/index6_1.htm">わたしたちのクラス</a> <li><a href="index6/index6_2.htm"> 児 童 会 からのお 知 らせ</a> <li><a href="index6/index6_3.htm">クラブ 活 動 の 紹 介 </a> <li><a href="index6/index6_4.htm"> 部 活 動 の 紹 介 </a> <li><a href="index6/index6_5.htm">わたしたちの 作 品 </a> <li><a href="index6/index6_6.htm">こんなことしたよ!</a> <!-- 大 項 目 7--> <a href="index7/index7.htm"><img src="gifs/index7/album.gif" alt="アルバムのページ" border="0"></a> 10 情 報 を 更 新 した 日 にちを 入 れて ください ホームヘ ーシ を 見 てくれた 人 の 数 を 表 示 するカウンターの 部 分 で す element を 各 学 校 のデ ィレクトリ 名 に 変 えてください
<!-- 大 項 目 8 --> <a href="index8/index8.htm"><img src="gifs/index8/mypage.gif" alt="わたしたちが 作 ったページ" border="0"></a> <!-- 大 項 目 9 --> <a href="index9/index9.htm"><img src="gifs/index9/teacher.gif" alt=" 先 生 おしえて!" border="0"></a> <!-- 大 項 目 10 --> <a href="index10/index10.htm"><img src="gifs/index10/link.gif" alt="リンク 集 " border="0"></a> </tr> </table> <!-- テーブル2 終 わり --> </tr> 御 校 でお 使 いのメールアドレスを 入 れてください (アカデミックスーパー/ライセンスをお 使 いの 学 校 様 は そのメールアド <tr> <td align="center" valign="middle"> レスをお 書 きください ) 連 絡 先 お 問 い 合 わせ 先 <br> 御 校 の 連 絡 先 に 書 き 換 えてください <blockquote> E-mail:<a href="mailto:school@plala.co.jp">school@plala.co.jp</a><br> 住 所 : 170-6024 東 京 都 豊 島 区 東 池 袋 3-1-1 サンシャイン60 電 話 番 号 :03(5954)7257<br> </blockquote> </tr> </table> </center> <!-- テーブル1 終 わり --> <!-- ここまでが 本 文 --> </body> </html> 3. ソースの 変 更 が 終 了 したら ファイルを 別 名 で( 例 :index0.htm) 同 じフォルダ 内 に 保 存 します その 後 index0.htm をブラウザで 表 示 させ 見 え 方 の 確 認 をしてください (この 時 点 では アクセスカウンターは 表 示 されません コンテンツをぷららのサーバ 上 に 置 き インターネット 上 に 公 開 することで 表 示 できるようになります ) きちんと 御 校 のホームページとして 表 示 できたら index0.htm を index.htm として 保 存 し 直 してください 11
3-4 その 他 のページの 変 更 方 法 トップページの 変 更 ができたら 他 のページも 同 様 の 手 順 で 変 更 することができます (この 際 < >などの 記 号 やアルファベッ トなどは HTML を 構 成 するタグ( 命 令 語 )の 一 部 ですので 削 除 しないようご 注 意 ください ) ここでは 新 しい 情 報 校 長 先 生 より 先 生 教 えて! リンク 集 の4つのページを 部 分 的 に 変 更 する 方 法 を 紹 介 します 1) 新 しい 情 報 ソースを 表 示 させ 表 組 みの 部 分 を 編 集 します ( 日 本 語 の 部 分 のみ 書 き 換 えます) 表 組 みの1 部 ( 抜 粋 ) <tr> <!-- 更 新 日 付 け --> <td align="left" valign="middle" bgcolor="#eeee99" nowrap> 2006 年 7 月 3 日 更 新 日 更 新 した 項 目 を 書 き 換 えます <!-- 更 新 項 目 --> <td align="left" valign="middle" bgcolor="#99ee99"> <a href=""> 体 育 館 利 用 時 間 表 </a> コメント 文 を 書 き 換 えます <!-- 更 新 内 容 --> <td align="left" valign="middle" bgcolor="#cceecc"> 体 育 館 利 用 時 間 表 が 2 月 版 になりました 各 クラス 委 員 は 確 認 してみんなに 連 絡 してください </tr> 12
2) 校 長 先 生 より 校 長 先 生 の 写 真 とコメントを 編 集 します <blockquote> 校 長 先 生 の 写 真 を kocho.gif として 差 し 替 えてください 校 長 先 生 より<br><br> <blockquote> <!-- 校 長 先 生 の 写 真 --> <img src="../gifs/index3/kocho.gif" alt=" 校 長 先 生 の 写 真 " border="0" align="left" valign="middle"> <blockquote> <!-- 校 長 先 生 のあいさつ --> <p><br><br> ぷらら 小 学 校 は 明 るく 楽 しく はきはきと をモットーに 昭 和 30 年 に 設 立 されました <br> 現 在 学 校 教 育 を 取 り 巻 く 環 境 は 激 変 しております いじめの 問 題 子 どもたちの 心 の 問 題 など 様 々な 課 題 があり ますが 新 しくインターネットを 用 いた 情 報 発 信 に 取 り 組 むことにより 開 かれた 学 校 を 目 指 してまいりたいと 思 い ます <br> ぷらら 小 学 校 では 児 童 たち 自 らの 手 によるコンテンツも 今 後 どんどんふやしていく 予 定 です 地 域 や 父 兄 の 皆 様 もぜひご 覧 いただき 子 どもたちと 共 に 歩 んでいけるホームページとして 行 きたいと 思 います <br> </blockquote> 校 長 先 生 のコメントに 書 き 換 えてください( 日 本 語 部 分 のみ) 13
3) 先 生 教 えて! 質 問 と それに 対 する 答 えを 変 更 します ( 質 問 の 内 容 はメールにて 先 生 が 受 け 取 ったものを 選 択 し 返 事 を 書 き 込 むことができます) <!-- テーブル2 --> <table width="" height="" border="0" cellspacing="1" cellpadding="3"> <!-- 聞 きたいこと --> <tr> <td width="80" align="center" valign="middle" bgcolor="#88eeee"> 聞 きたいこと <td width="380" align="left" valign="top" bgcolor="#88eeee"> ああああああああああああああああああああああああああああああああああ あああああああああああああああああああああああああああああああああああ </tr> <!-- お 返 事 --> 質 問 と 答 えの 部 分 を 書 き 換 えます <tr> <td width="80" align="center" valign="middle" bgcolor="#eeee88"> お 返 事 <td width="380" align="left" valign="top" bgcolor="#eeee88"> いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい いいいいいいいいいいいいいいいいいいいいいい </tr> </table><p> <!-- テーブル2 終 わり --> 14
4) リンク 集 学 校 や 教 育 に 関 係 のあるホームページへのリンクを 設 けることができます (リンクを 設 ける 際 には ホームページ 所 有 者 の 承 諾 が 必 要 かどうか 必 ずご 確 認 の 上 リンクを 設 定 するようにしてください ) 参 考 ぷらら 学 園 都 市 えでゅけっと へのリンク 設 定 方 法 えでゅけっと のホームページ http://biz.plala.or.jp/school/index.html <!-- 項 目 & 小 項 目 --> <li> 姉 妹 校 海 外 姉 妹 校 へのリンク <li> 博 物 館 美 術 館 <li> 水 族 館 動 物 園 <li> 相 談 ページへのリンク <li>ぷらら 学 園 都 市 <li> 文 部 省 リンクを 設 定 するための 命 令 語 <a href= > </a> を 用 います <!-- 項 目 & 小 項 目 --> <li> 姉 妹 校 海 外 姉 妹 校 へのリンク <li> 博 物 館 美 術 館 <li> 水 族 館 動 物 園 <li> 相 談 ページへのリンク <li> <a href= http://biz.plala.or.jp/school/index.html >ぷらら 学 園 都 市 </a> <li> 文 部 省 15
3-5 背 景 色 の 選 択 雛 形 ホームページの 最 初 の 背 景 の 色 は 青 となっておりますが この 他 に 赤 緑 に 変 更 することが 可 能 です 画 像 ファイルのディレクトリ 構 成 elementary index.htm (トップページ) 違 う 色 の 背 景 画 像 に 差 し 替 えます gifs blue back.gif( 背 景 画 像 ) 画 像 フォルダ 色 違 い green back.gif( 背 景 画 像 ) red back.gif( 背 景 画 像 ) album.gif(アカテ ミックアルハ ムへのアイコン) back.gif( 背 景 画 像 : 青 ) gakuen.gif(ぷらら 学 園 都 市 へのアイコン) goplala.gif(ぷららトッフ ヘ ーシ へのアイコン) index.gif,index1.gif,index10.gif~ index9.gif ( 絵 付 きアイコン ) school.gif( 学 校 の 写 真 ) space.gif( 空 白 用 画 像 ) title.gif(ぷらら 小 学 校 タイトル 画 像 ) 3-6 注 意 事 項 (1) トップページとしたいファイルの 名 前 は 以 下 のどちらかにして 下 さい index.htm index.html (すべて 小 文 字 ) (2) アカデミックサーバの 容 量 は10MBです ( 最 大 20MBまで 契 約 できます) この 容 量 を 超 えると ファイルが 転 送 できなくなりますので 注 意 してください (3) 変 更 したホームページは まだお 使 いのパソコンでしか 見 ることができません これをインターネット 上 に 公 開 するには アカデミックサーバ(ぷららの Web サーバ)へアップロード する 必 要 があります このアップロードの 方 法 を FTP(ファイ ル 転 送 )といいます FTP の 方 法 については 別 途 アカデミックサーバご 利 用 ガイド をごらんください (4) お 願 い 雛 型 ホームページを 学 校 のホームぺじとしてお 使 いになる 場 合 トップページにある ぷらら へのリンクボタン ぷらら 学 園 都 市 へのリンクボタンは 必 ず 設 置 してください 16