第３学年　　　　学習指導案

第３学年 課題研究 学習指導案

実施日時：平成１７年 １月２４日（火） 第３・４校時 １１時∼１２時５５分 実施場所：石巻商店街 対象生徒：３年４・５組（情報処理科） （１） 単元名 Web Page 作品制作（課題研究） （２） 指導計画（本時の位置づけ） ＨＰ作成 ＨＰのチェック 石巻商店街へＨＰのプレゼンテーションへ向けてリハーサル （３） 本時のねらい 班ごとに、担当をしている商店のＨＰをプロモーション（売り込み）する。このプロモーシ ョンを通してプレゼンテーション能力の育成と、ビジネスをプロデュースするマインドを養う ことを目指す。 プロモーションまでの事前準備では、十分に著作権に反していないかチェックをした後に、 作成したＨＰのコンセプトをまとめておく、ＨＰのターゲット層やその層を選んだ理由、その うえでＨＰの構成（操作性の工夫・デザインの表現方法）をプロモーション前にリハーサルし、 伝えたい事柄が伝わっているかチェックする。また、リハーサルで質問された事柄については、 項目ごとに分け、洗い出しておき、プロデュース時に質問を受けた場合、専門用語などを考慮 し、用語や言葉を駆使し簡潔に伝えられるよう工夫しておく。 （４） 学習過程 ＜取材班→○ 作業班→● 共通→◎＞ ねらい 学習活動・内容 教師の支援・留意点 導 入 ◎グループごとに、取材班と学 校に残りまとめの作業をする 班に分かれる。取材班は自転車 などで石巻商店街へ移動する。 ◎取材班は、移動中の安全に十 分に気をつけるよう指示し、教 師も2 つの班に分かれて移動す る。 展 開 ○プロモーション （プレゼンテーション） ○取材中に学校に残っている 班に、プロモーションの進行具 合や、商店からの要望事項など を連絡させる。 ●著作権に関する検討 ○学校へ戻る ○事前に準備したプロ モーション資料を基に、 プレゼンテーションを 行う。 ●テキストと作成した ＨＰを突き合わせなが ら著作権に違反してい ないかチェックをする。 ○各商店を巡回する。 ○運用 管理 面の質 問に 関して は教師側で説明をする。 ●生徒 に作 品が著 作権 に反し ていな いか 検討さ せる ととも に、全てのＨＰをチェックし、 反して いる ものが あれ ば指導 助言する。 整 理 ◎プロモーションの反省・自己 評価 ◎取材録をまとめる ◎要望事項をまとめる ◎要望解決のための手順を作 成する。 ◎反省・自己評価シート に記入する。 ◎取材録を作成する。 ◎要望解決のための手 段を考える。 ◎係分担をさせ、効率よく作業 をさせるよう指導する。

番号 科目名 課題研究 学校名 宮城県石巻商業高等学校 １．学習指導経過と現状と課題 平成１７年度から、地元（石巻）商店街のＨＰ作成に取りかかった。初めての取り組みであり、多 くの課題を抱えながらのスタートとなった。ＨＰの管理をどうするか、著作権を厳守させる指導、様々 なコンテンツの利用などインターネットに実際に載せるには様々な注意とビジネスをプロデュースす る企業家精神・マインドの育成などを模索しながの授業展開となった。 今年度は、１学期にＨＰ作成の基礎を学習させた。はじめは簡単な HTML 文を学習し、Web Page を 作成さる。このことによって、Web Page 作成がそれほど難しいものではないことを印象付けさせると 同時に HTML 文の構成を理解させる。HTML 文の構成を理解させることが、次に学習する、JavaScript を活用できるかどうかにかかってくるので。ここではあえて簡単な Web Page の作成と、HTML 文の構 成をしっかりと理解させることにポイントを絞った。次に Web 上にある JavaScript のサンプル集の活 用方法を学習させた。ここではあくまでもサンプルの活用方法だけにとどめ、Java 言語の中身までは 学習しないが、オリジナルなものイメージどおりのものを作成するために、サンプルの改良のポイン トについてのみ学習した。生徒はイメージに合った JavaScript を Web 上から探しだし、試行錯誤しな がら改良を加え HTML 文の中に配置させていった。留意点としては、デザインに関しては指導をするこ とを避け、クリエイティブ・自主性を尊重し作成させる。ただし、Java 言語に関しての質問は助言し た。 ２学期は、１つのテーマを設定しＨＰを作成させた。この段階では Web 上の守らなければならない ルールを盛り込んでいく。Web は全世界に情報を発信するものであり、個人的なものではないことを 理解させ、そのために守らなければならないモラルやエチケットについて認識させる。また、著作権 についても学習した。著作権については、社団法人 著作権情報センターから無料で取り寄せることが できるテキストがあるので、生徒人数分を取り寄せ、授業で活用した。著作権とは何か、著作権を侵 害しないよう Web Page を作成させることが、この取り組みの中で最も重要な位置づけにあることを把 握させる。また、ただ Web Page をデザインするのではなく、しっかりとしたビジョン・コンセプトを 持たせ作成に取り掛からせる。ビジネスにおける Web の役割を理解し、習得したテクニックを駆使し 作成する。こうした作業をとおして、経営戦略的な Web Page を作成し、起業家精神・マインドが大切 であることを理解させる様に努めた。 ３学期・４学期は商店街のＨＰ制作に移った。商店街への取材活動・ＨＰのプロデュース・プロモ ーション・納入までを行った。 １学期から２学期にかけては、モチベーションも高く維持していた。しかし、３学期からの商店街 のＨＰ作成となると、ＨＰ自体クリエイティブなものであるため、どこから手を付けていいのか、Ｈ Ｐ作成のノウハウを確立することに戸惑い、ややモチベーションが下がった事があった。 深く追求すれば、心理学的な学習も必要となる（マジックナンバー・オブ・セブン、色彩の心理、 コンセプトを持たせるイメージ表現方法）ＨＰ制作において、どこまで盛り込めばいいのかが次年度 の検討課題となった。 ２．課題解決に向けて（学習指導案の作成） 次ページの学習指導案により授業実践を行う予定。 ３．参考資料 JavaScriptサンプル集& HTMLの基礎(http://www9.plala.or.jp/oyoyon/html/）等生徒が各自で調べ るWeb Page・ｲﾝﾀｰﾈｯﾄⅡHTML＋メール(実教出版)・WEB DESIGN GLOBE(http://www.globe-web.jp)・ 著作権情報センター発行のテキスト「はじめての著作権講座」「はじめての著作権講座Ⅱ」「マルチメ ディアと著作権」

平 成 １ ７年 度

宮 城 県 石 巻 商 業 高 等 学 校

課

題

研

究

（ 情報 処 理 科）

ホ ー ム ペ ー ジ を 作 ろ う ！

Ⅰ ． ホ ー ム ペ ー ジ と は

テ レ ビ や ラ ジ オ か ら は ， 非 常 に 多 く の 情 報 が 流 れ て く る 。 た だ し ， ど ち ら も 一 方 的 に 見 た り 聞 い た り す る だ け で ， こ ち ら か ら は 何 も で き な い 。 し か し ， イ ン タ ー ネ ッ ト で は 誰 で も 情 報 発 信 で き る メ デ ィ ア で あ る 。 い わ ゆ る 自 分 だ け ， ， 。 の 放 送 局 と い っ た 感 じ で 番 組 を 持 つ こ と が で き そ れ を 全 世 界 に 発 信 す る こ と が で き る た だ し ホ ー ム ペ ー ジ と い う こ と か ら わ か る よ う に ， 放 送 局 と 言 う よ り は ， コ ン ピ ュ ー タ 化 さ れ た 本 と い う イ メ ー ジ に 近 い 。

Ⅱ ． ホ ー ム ペ ー ジ を 作 る に は

ホ ー ム ペ ー ジ を 作 る た め に は Ｈ Ｔ Ｍ Ｌ と い う 言 語 を 使 い ， 作 成 し ま す 。 Ｈ Ｔ Ｍ Ｌ と は Ｈ ｙ ｐ ｅ ｒ Ｔ ｅ ｘ ｔ Ｍ ａ ｒ ｋ ｕ ｐ Ｌ ａ ｎ ｇ ｕ ａ ｇ ｅ の 略 で ， Ｗ Ｗ Ｗ ブ ラ ウ ザ で 表 示 す る フ ァ イ ル を 作 る た め の テ キ ス ト 編 集 用 語 で す 。 Ｈ Ｔ Ｍ Ｌ は ＜ ＞ で 囲 ん だ タ グ と 呼 ば れ る 目 印 を 用 い て 文 章 の 構 造 を 指 定 し ま す 。 Ｈ Ｔ Ｍ Ｌ を 記 述 す る の に 最 も 簡 単 な 方 法 は ， テ キ ス ト エ デ ィ タ （ メ モ 帳 ） と ブ ラ ウ ザ （ イ ン タ ー ネ ッ ト エ ク ス プ ロ ー ラ ） を 用 意 す る こ と で す 。 テ キ ス ト エ デ ィ タ で Ｈ Ｔ Ｍ Ｌ タ グ を 含 ん だ 文 書 を 作 成 し ， ブ ラ ウ ザ で そ の 結 果 を 表 示 し て 確 認 す る と い う 流 れ で 作 業 を 進 め て い き ま す 。

Ⅲ ． 簡 単 な ホ ー ム ペ ー ジ を 作 っ て み よ う 。

１ ．メ モ 帳 の起 動

Ｗ ｉ ｎ ｄ ｏ ｗ ｓ ９ ５ に 標 準 で 入 っ て い る メ モ 帳 と い う テ キ ス ト エ デ ィ タ を 使 用 し ， Ｈ Ｔ Ｍ Ｌ を 作 成 す る 。 ス タ ー ト → プ ロ グ ラ ム → ア ク セ サ リ → メ モ 帳

２ ．メ モ 帳 への 入 力 （フ ァ イ ル名 ：

myhome.htm

）

「 Ｗ ｅ ｌ ｃ ｏ ｍ ｅ ｔ ｏ Ｓ ａ ｓ ａ ｋ ｉ ｓ Ｈ ｏ ｍ ｅ Ｐ ａ ｇ ｅ 」 と い う 文 字 を 表 示 す る た め に は 以 下 の よ う に 記 述 し ま す 。 <html> ・ ・ ・ Ｈ Ｔ Ｍ Ｌ 文 書 の 始 ま り <head> ・ ・ ・ 見 出 し 部 分 の は じ め <title> ・ ・ ・ タ イ ト ル 部 の は じ め ・ ・ ・ タ イ ト ル 名 my ho me page </title> ・ ・ ・ タ イ ト ル 部 の お わ り </head> ・ ・ ・ 見 出 し 部 分 の お わ り <bo dy> ・ ・ ・ 本 体 部 分 の は じ め ・ ・ ・ 本 体 （ 表 示 さ せ る 部 分 ） Welco me to Sasaki's Home page

</bo dy> ・ ・ ・ 本 体 部 分 の お わ り </html> ・ ・ ・ Ｈ Ｔ Ｍ Ｌ 文 書 の お わ り

（ フ ァ イ ル 名 ：myhom e.htm）

＊ １ ： タ グ は ， <html> ・ ・ </html> ， <h ead> ・ ・ </head> ， <title> ・ ・ </title> ， <bo dy> ・ ・ </bod y> の よ う に 開 始 タ グ と 終 了 タ グ の ペ ア に な っ て い る 。 タ グ は 大 文 字 ・ 小 文 字 の ど ち ら で 書 い て も Ｏ Ｋ 。 ＊ ２ ： 作 成 し た テ キ ス ト の 保 存 の し か た フ ァ イ ル → 名 前 を 付 け て 保 存 保 存 す る 場 所 個 人 フ ォ ル ダ my home.h tm フ ァ イ ル 名 フ ァ イ ル の 種 類 す べ て の フ ァ イ ル 保 存

３ ．自 分 の ホー ム ペ ージ を 見 よう 。

イ ン タ ー ネ ッ ト エ ク ス プ ロ ー ラ を 起 動 さ せ 自 分 の ホ ー ム ペ ー ジ を 確 認 す る 。

ｅ ｲ ﾝ ﾀ ｰﾈ ｯ ﾄ → フ ァ イ ル → 開 く → 参 照 → → → → → → ｴ ｸ ｽ ﾌﾟ ﾛ ｰ ﾗ フ ァ イ ル の 場 所 個 人 フ ォ ル ダ → フ ァ イ ル 名 myho me.htm → Ｏ Ｋ フ ァ イ ル の 種 類 す べ て の フ ァ イ ル

４ ．表 示 す る文 字 の 大き さ を 変え る 。

<bod y> <h1> ・ ・ ・ ｈ １ の 大 き さ で 表 示 し な さ い ＊ １ 参 照

Welcome to Sasak i's Ho me page

</h1> ・ ・ ・ ｈ １ の お わ り </body> ＊ １ ： 大 き さ は <h1> ・ ・ <h6> の 間 で 大 き さ を 指 定 す る こ と が で き る 。 ＊ ２ ： ま た ， １ 文 字 ず つ 大 き さ を 指 定 す る こ と が で き る 。 <bod y> <fo nt size=1> Ｗ </fon t> ・ ・ ・ サ イ ズ １ <fo nt size=2> ｅ </fon t> ・ ・ ・ サ イ ズ ２ <fo nt size=3> ｌ </fon t> ・ ・ ・ サ イ ズ ３ <fo nt size=4> ｃ </fon t> ・ ・ ・ サ イ ズ ４ <fo nt size=5> ｏ </fon t> ・ ・ ・ サ イ ズ ５ <fo nt size=6> ｍ </fon t> ・ ・ ・ サ イ ズ ６ <fo nt size=6> ｅ </fon t> ・ ・ ・ サ イ ズ ６ </body>

５ ． 表示 す る 文字 ・ バ ック カ ラ ーの 色 を 変 える 。

<bod y b gco lor="# ffff00" tex t=" #000 000"> ・ ・ ・ バ ッ ク が 黄 色 ， 文 字 が 黒 <h1>

Welcome to Sasak i's Ho me page </h1>

＊ カ ラ ー コ ー ド カ ラ ー コ ー ド は １ ６ 進 数 ６ 桁 の 値 で 表 し ま す 。 ２ 桁 ず つ 赤 ， 緑 ， 青 の 量 を 指 定 し ま す 。 ＃ × × × × × × ↓ ↓ ↓ 赤 緑 青 （ い ず れ も ０ ０ ∼ ｆ ｆ ま で の 色 の 度 合 い を 決 め る ）。 （ １ ６ 進 数 は ０ １ ２ ３ ４ ５ ６ ７ ８ ９ ａ ｂ ｃ ｄ ｅ ｆ ） 例 黒 ・ ・ ・ ＃ ０ ０ ０ ０ ０ ０ 紫 ・ ・ ・ ＃ ｆ ｆ ０ ０ ｆ ｆ 青 ・ ・ ・ ＃ ０ ０ ０ ０ ｆ ｆ 白 ・ ・ ・ ＃ ｆ ｆ ｆ ｆ ｆ ｆ 緑 ・ ・ ・ ＃ ０ ０ ｆ ｆ ０ ０ 水 色 ・ ・ ・ ＃ ０ ０ ｆ ｆ ｆ ｆ 赤 ・ ・ ・ ＃ ｆ ｆ ０ ０ ０ ０ 濃 灰 ・ ・ ・ ＃ ８ ０ ８ ０ ８ ０ 黄 ・ ・ ・ ＃ ｆ ｆ ｆ ｆ ０ ０ 灰 色 ・ ・ ・ ＃ ｃ ０ ｃ ０ ｃ ０

６ ．水 平 ラ イン を 引 こう 。

<bod y b gco lor="# ffff00" tex t=" #000 000"> <h1>

Welcome to Sasak i's Ho me page </h1> <br> ・ ・ ・ 改 行 <hr> ・ ・ ・ 水 平 ラ イ ン </body> ＊ 改 行 す る 場 合 は <br> ， 水 平 ラ イ ン を 引 く 場 合 は <hr> を 記 入 す る 。 た だ し ， こ れ ら は </br> ， </hr> は い ら な い 。

７ ．メ ニ ュ ーを つ け てリ ン ク させ よ う 。

<bod y b gco lor="# ffff00" tex t=" #000 000">

<center> ・ ・ ・ セ ン タ ー リ ン グ は じ め <h1>

Welcome to Sasak i's Ho me page </h1> </center> ・ ・ ・ セ ン タ ー リ ン グ お わ り <br> <hr> <br> <center> ・ ・ ・ セ ン タ ー リ ン グ は じ め メ ニ ュ ー を 選 ん で 下 さ い 。 </center> ・ ・ ・ セ ン タ ー リ ン グ お わ り <br> <center> ・ ・ ・ セ ン タ ー リ ン グ は じ め

<a href="sho kai.htm"> １ 自 己 紹 介. ・ ・ ・sho kai.htmに リ ン ク （ 別 な フ ァ イ ル ）

< >/a ・ ・ ・ リ ン ク お わ り

</center> ・ ・ ・ セ ン タ ー リ ン グ お わ り </body>

８ ．自 己 紹 介の フ ァ イル の 作 成（ フ ァ イ ル名 ：

shokai.htm

）

<html> <h ead> <title> 自 己 紹 介

</title> </head>

<bod y b gco lor="# 00ffff" tex t=" #ff000 0"> <center>

< >b ・ ・ ・ 太 字 は じ め ＊ １ 参 照

私 の 自 己 紹 介 の ペ ー ジ で す

</b> ・ ・ ・ 太 字 お わ り

</center> <br> <br>

<img src="kao.jpg" wid th =100% heig ht=100%> ・ ・ ・ 写 真 貼 り 付 け ＊ ２ 参 照 <br> ○ ○ ○ ○ ○ × × 歳 Ａ 型 ・ ・ ・ 自 己 紹 介 部 分 × × × × × <br> <br> <a href="myh ome.h tm "> 最 初 に 戻 る < >/a ・ ・ ・ 前 の ペ ー ジ に 戻 る ・ リ ン ク お わ り </body> </html> （ フ ァ イ ル 名 ：shok ai.htm） ＊ １ ： 文 字 を 変 形 さ せ る <bod y> < > 私 の 自 己 紹 介 の ペ ー ジ で す < >b /b ・ ・ ・ < > ∼ <b /b>で 太 字 で 表 示 < > 私 の 自 己 紹 介 の ペ ー ジ で す < >i /i ・ ・ ・ < > ∼ < > で 斜 体 で 表 示i /i < > 私 の 自 己 紹 介 の ペ ー ジ で す < >u /u ・ ・ ・ < > ∼ <u /u>で 下 線 を 付 け て 表 示 </body> ＊ ２ ： グ ラ フ ィ ッ ク デ ザ イ ン の 貼 り 付 け と 縮 小 ・ 拡 大

<img src="kao.jpg" wid th =100% heig ht=100%>

↓ ↓ ↓

↓ ↓ 高 さ が １ ０ ０ ％ ↓ 幅 が １ ０ ０ ％

９ ． 文字 を 動 かそ う ！

文 字 を 動 か す た め に は ＜ ｍ ａ ｒ ｑ ｕ ｅ ｅ ＞ タ グ を 使 用 し て 作 成 し ま す 。 た と え ば ， は じ め に 作 成 し た Ｗ ｅ ｌ ｃ ｏ ｍ ｅ ｔ ｏ Ｓ ａ ｓ ａ ｋ ｉ ｓ Ｈ ｏ ｍ ｅ ｐ ａ ｇ ｅ （myh ome.htm） と い う 文 字 を 動 か す た め に は ， 以 下 の よ う に な り ま す 。 <cen ter> <h1>

<marq uee directio n="left" behav ior="alternate" scro llamo unt="5">

Ｗ ｅ ｌ ｃ ｏ ｍ ｅ ｔ ｏ Ｓ ａ ｓ ａ ｋ ｉ ｓ Ｈ ｏ ｍ ｅ ｐ ａ ｇ ｅ </marq uee>

</h1> </cen ter>

＊ <marquee directio n="left" behavior=" alternate" scro llamou nt="5">

↓ ↓ ↓ ス ク ロ ー ル の 方 向 ↓ ス ク ロ ー ル す る 速 さ 左 動 き 方 を 意 味 す る " left" 右 ・ ・ ・ 左 右 へ の 移 動 を 繰 り 返 す " righ t" "alternate" ・ ・ ・ ス ク ロ ー ル す る "scroll" ・ ・ ・ 他 方 の 端 に 到 達 し て 停 止 "slide" ・ ・ ・ ス ク ロ ー ル ア ウ ト し て 停 止 "scrollslide"

１ ０ ． 画 面 の フ レ ー ム 設 定

１ ．フ レ ー ムの 作 成

<html> <h ead> <title> <center> 平 成 １ ７ 年 度 商 業 デ ザ イ ン </center> </title> </head>

fram eset rows="25%,75%" 2 5%, 75 %

< > ・ ・ フ レ ー ム セ ッ ト 上 下

<frame n ame="title" src=" title.h tm "> ・ ・ 上 「title」title.htmに リ ン ク <frameset cols="35%,65%"> ・ ・ 下 の 左 が 3 5%,右 が 65%分 割

下 左 「 」 に リ ン ク

<frame name="moku ji" src=" mokuji.htm"> ・ ・ mokuji mokuji.htm

下 右 「 」 に リ ン ク

<frame name="kaisetu" src=" kaisetu.htm"> ・ ・ kaisetu kaisetu.htm

</frameset> ・ ・ フ レ ー ム セ ッ ト 終 了 </fram eset> ・ ・ フ レ ー ム セ ッ ト 終 了 </html>

画 面 は 下 記 の よ う に 分 割 さ れ る 。 （ ｔ ｉ ｔ ｌ ｅ 部 ） に リ ン ク title.htm （ ｍ ｏ ｋ ｕ ｊ ｉ 部 ） （ ｋ ａ ｉ ｓ ｅ ｔ ｕ 部 ） に リ ン ク に リ ン ク

mok uji.htm kais etu.htm

２ ．ｔ ｉ ｔ ｌｅ の 部 作成

<html>

<bod y b gco lor="# 0000 00" tex t=" #ffffff"> <center> <h1> 平 成 １ ７ 年 度 商 業 デ ザ イ ン 作 品 </h1> </center> <br> <center> <h1> ３ 年 ５ 組 １ ０ ０ 番 佐 々 木 宏 明 </h 1> </center> </body> <html> （ フ ァ イ ル 名 ：title.htm）

３ ．ｍ ｏ ｋ ｕｊ ｉ の 部作 成

<html> <bod y text="#0 0005 5"> <br> ＊ ＊ ＊ 目 次 ＊ ＊ ＊ <br> <br> <br>

<a href="myh ome.h tm " targ et="k aisetu"> ホ ー ム ペ ー ジ へ < >/a

</body> </html>

４ ．ｋ ａ ｉ ｓｅ ｔ ｕ の部 作 成

<html> <bod y> こ の 画 面 が な い と フ レ ー ム が 作 れ ま せ ん 。 </body> </html> （ フ ァ イ ル 名 ：kaisetu.h tm）

Ⅴ ． リ ン ク す る 部 分 の 記 述

目 次 の 部 分 に は リ ン ク す る 部 分 と し て 「 １ ． 花 」 と 「 ２ ． 空 」 と 「 ３ ． 海 」 と が あ る 。 こ， の 部 分 に つ い て は ， 別 に ｈ ｔ ｍ ｌ 文 を 作 成 し て お か な く て は ， リ ン ク は し な い 。 そ こ で 下 記 の よ う に 「 １ ． 花 」 は h ana.htm 「 ２ ． 空 」 はso ra.h tm 「 ３ ． 海 」 は um i.htm を 作 成 す る 。

１ 「 １． 花 」 のフ ァ イ ルの 作 成

．

<html> <bod y>

<center> <h1> 花 で ∼ す </h1> </center> <br> <br>

<center> <img src="hana.jpg " width=80 % height=80%> </center> </body> </html> （ フ ァ イ ル 名 ：h an a.htm）

２ 「 ２． 空 」 のフ ァ イ ルの 作 成

．

<html> <bod y> <br> <br> <br> <center> <h1> 青 い 空 </h1> </center> <br> <br>

<center> <img src="sora.jpg" width=80% heig ht=80%> </center> </body>

</html>

３ 「 ３ ．海 」 の ファ イ ル の作 成

．

<html> <bod y> <br> <br> <br> <center> <h1> 海 は 広 い な 大 き い な ∼ ♪ </h1> </center> <br> <br>

<center> <img src="umi.jpg" wid th=70% h eigh t=7 0%> </cen ter> </body> </html> （ フ ァ イ ル 名 ：um i.htm）

Ⅵ タ グ 一 覧

_.

い ろ い ろ な 加 工 を し て み よ う ！ ！

１ ． テ ー ブ ル の 作 成

ｅ ｘ １ <bo dy> <table border> <td ro wspan=3> ゴ ル フ </td> ro wspan=3 は ３ 行 を 意 <td co lspan=2>男 性 </td> 味 す る 。 <td co lspan=2>女 性 </td> co lspan=2 は ２ 列 を 意 味 < >tr す る 。 <td> 丸 山 </td> < > 青 木 <td /td> <td> 宮 里 </td> < > 横 峯 <td /td> < >tr <td> 倉 本 </td> < > ウ ッ ズ <td /td> <td>北 田 </td> <td> 服 部 </td> </table> </bo dy>

結 果

男 性 女 性 ゴ ル フ 丸 山 青 木 宮 里 横 峯 倉 本 ウ ッ ズ 北 田 服 部

２ ． 同 じ フ ァ イ ル の 別 の 場 所 に リ ン ク

<a h ref="# book 1"> 書 籍 １ < >/a ・ ・ ・ <a n ame="b ook1 "> < >/a

３ ． フ ォ ー ム の 作 成

<form actio n="mailto :[email protected]" method =" post">

< >

User ID: inpu t type="text" name="ID" size=2 0 < >p

<in put ty pe=" radio" name=" machin e" value=" dos/v" check ed DOS/V br> < > <in put ty pe=" radio" name=" machin e" value=" UNIX" UNIX br> < >

in put ty pe=" radio" name=" machin e" value=" Mac" M ac

< >

< >p

<in put ty pe=" submit" value="送 る >" <in put ty pe=" reset" value="取 り 消 し >" </form>

○ <form action ="mailto :k [email protected]" method=" post">

（ ） （ ）

ﾌ ｫ ｰ ﾑ の 定 義 ｱ ﾄ ﾞ ﾚ ｽへ 送 る ﾃ ﾞ ｰ ﾀ の 送 受 信 方 法 こ の 場 合 標 準 入 力 か ら 読 む ○ < > は 段 落 （ パ ラ グ ラ フ ） を 作 成 す る 。p

inp ut typ e=" radio" name=" machine" value=" dos/v" check ed DOS/V

○ < >

ﾗ ｼ ﾞ ｵ ﾎ ﾞﾀ ﾝ 付 加 ↓ ↓ ↓

ｸ ﾞ ﾙ ｰ ﾌ ﾟ 名 ↓ ﾁ ｪ ｯ ｸ 状 態 を 意 味 す る 送 り 返 さ れ る 時 の 値

○ <inp ut typ e=" submit" value="送 る >" ｻ ﾌ ﾞ ﾐ ｯ ﾄ ﾎﾞ ﾀ ﾝ 付 加

○ <inp ut typ e=" reset" value="取 り 消 し >" ﾘ ｾ ｯ ﾄ ﾎ ﾞ ﾀﾝ 付 加

４ ． ス タ イ ル シ ー ト

そ の １ （ 同 じ ペ ー ジ で 規 定 す る 方 法 ） フ ァ イ ル 名 ： (stylesheet1 .h tm) <!do ctyp e html p ublic "-//w3c//dtd html 4.01 transition al//en ">

<html> <head>

<meta h ttp -equiv=" con ten t-type" co nten t=" text/html; ch arset=sh ift_jis"> <meta h ttp -equiv=" con ten t-style-typ e" content="tex t/css">

<style typ e=" text/css"> <style> ・ ・ </style>

{ で ス タ イ ル を 規 h1 定 す る fon t-size : 50p t ; colo r : blue ; border-sty le : solid ; border-color : red ; border-width : 3p x 50 px 3px 50p x ; < > で 示 text-align : center ; h1 } し た 部 分 { は こ の ス h2 タ イ ル で fon t-size : 20p t ; 表 示 す る colo r : purple ; border-sty le : solid ; border-color : green ; border-width : 1p x 20 px 1px 20p x ; text-align : center ; } </style> <title> ス タ イ ル シ ー ト </title> </h ead> <body> <h1> ス タ イ ル シ ー ト </h1> <br> <br> <h2> ス タ イ ル シ ー ト </h2> </b ody> <h2> で 示 し た 部 分 </h tml> は こ の ス タ イ ル で 表 示 す る

そ の ２ （ ス タ イ ル を 別 フ ァ イ ル で 規 定 す る 方 法 ） フ ァ イ ル 名 ：（ stylesheet2.htm）

<!do ctyp e html p ublic "-//w3c//dtd html 4.01 transition al//en "> <html>

<head>

<meta h ttp -equiv=" con ten t-type" co nten t=" text/html; ch arset=sh ift_jis"> <meta h ttp -equiv=" con ten t-style-typ e" content="tex t/css">

<lin k rel=" stylesh eet" ty pe=" tex t/css" href="stylesheet2.css"> <title> ス タ イ ル シ ー ト </title>

/h ead styl es heet2.css

< > <body> に リ ン ク し <h1> ス タ イ ル シ ー ト </h1> な さ い と 言 <br> <br> う 規 定 <h2> ス タ イ ル シ ー ト </h2> </b ody> </h tml> フ ァ イ ル 名 ： (stylesheet2 .css) { < > の テ キ ス ト 等 h1 h1 の 規 定 を し て い る font-s ize : 50pt ; 部 分 color : b lue ; bo rder-style : solid ; bo rder-color : red ; bo rder-wid th : 3px 50p x 3p x 5 0px ; text-align : cen ter ;

} { < > の テ キ ス ト 等 h2 h2 の 規 定 を し て い る font-s ize : 20pt ; 部 分 color : p urp le ; bo rder-style : solid ; bo rder-color : g reen ; bo rder-wid th : 1px 20p x 1p x 2 0px ; text-align : cen ter ;

}

Ｗｅｂデザイン手順

ヒアリング コ ン テ ン ツ 立案 企画書作成 プレゼンテーション インターフェース プログラム作成 フ ァ イ ナ ル プ レ ゼ ンテーション １．

ヒアリング

お客様に一番時間をいただく項目です。まず、お話をお伺いして、お互いのことを理解した上 で、Ｗｅｂ立ち上げに際して目的がはっきりしていない方は、しっかりお伺いしていきます。 目的が決まりましたら、その目的やターゲットを分析し、私たちと一緒にじっくり考えて戦略 を練っていきます。 たとえば、ターゲットは、個人？企業？・・・そのためには、会社紹介、カタログ、プロモー ション、マーケティング、資材調達など、どのように紹介していくかなどです。 ドメインが必要であれば、ここでお伺いし、希望ドメインを候補としてあげて頂きます。 ２．

コンテンツ立案

ヒアリングでお伺いした内容をもとにコンテンツとしてどのように表現しているか？を形に していきます。同業他社はどうやって成功しているのかや、失敗しているかを調べ、何が必要か を揃えていきます。ご希望のドメインの取得が可能かどうか？ここで調べ結果を企画書に盛り込 みます。プログラム組み込みなどをどのように組み込んでいくか？などを具体的に考えていきま す。

３．

企画書作成

コンテンツ立案までを構成図で作成し、書面にて、各機能分析した内容を組み込んで作成して いきます。ここまでの段階で、概算お見積書を作成します。 ４．

プレゼンテーション

企画書の構成図をもとに、プレゼンテーションを行い、お互いの理解を深め、機能の確認をい たします。ここで、概算お見積書をご覧いただき、ご納得がいただければ、ご契約となります。 ５．

インターフェース

ここで、基本デザイン、基本機能を作成します。ＴＯＰページとその下の階層１ページプロト コルいたします。 この時点で、企画書で作成した内容が、画面で確認できて、リアル感ができます。大きな変更 点があれば、この時点で、修正を加えていきます。リンクなどもこの時点で構成図と照らし合わ せて、整合性のチェックをいたします。 ６．

プログラム作成

各機能にあったプログラミングをしていきます。ＣＧＩ作成もここで行います。 基本デザインに沿って、デザインした内容をプログラミングしていきます。アンケート受付、 買い物かご、アイテム検索などがこれにあたります。 ７．

ファイナルプレゼンテーション

本公開前にできあがった内容の最終チェックを行います。リンク、ＣＧＩ機能の確認、メール などです。 ここで、動作確認が確認できれば、納品になります。所定のサーバーにデータをＵＰし、納品 完了となります。 参考・・・Kiyotech HP

グループ役割分担

代表（チーフ）

副代表（サブチーフ）

プログラマー

取材（カメラマン）・デザイナー

Ｗｅｂページに記載する事項例

１． 社名・会社の概要

２． 代表者（社長）の一言

３． 取扱商品・商品説明・金額等

４． 地図・所在地

５． 社屋

６． ヒット商品・目玉商品・特別企画

７． 広告

８． 会社の歴史・商品の歴史

９． 近隣観光地

ホームページ制作する上での留意点

１．Ｗｅｂ制作に対する考え

◎ホームページの目的 ホ ー ム ペ ー ジ 制 作 で は 、 ま ず そ の サ イ ト の 目 的 を 明 確 に し 、 そ の 目 的 に 標 準 を 合 わ せ た 内 容 や 構 成 、 デ ザ イ ン 等 を 考 え て 、 お 客 様 に ご 提 案 い た し ま す 。 目 的 が あ い ま い な ま ま 作 ら れ た ホ ー ム ペ ー ジ で は 、完 成 し た 内 容 も あ い ま い な も の に な り ま す し 、 具 体 的 な 結 果 も 見 え に く く な っ て し ま い ま す 。 そ の ホ ー ム ペ ー ジ で 何 を し た い の か 、 そ し て ど ん な 結 果 を 求 め て 開 設 す る の か を お 客 様 と ご 相 談 さ せ て い た だ き 、 成 果 の 出 せ る Web サ イ ト を 目 指 し た い と 考 え て い ま す 。 ◎ 利 用 者 に つ い て 考 え る ユ ー ザ ー が ホ ー ム ペ ー ジ を 使 っ て 情 報 収 集 を す る 際 に は 、そ の Web サ イ ト に 対 し て「 自 分 が求 めている情 報 」が 分 か り や す く 掲 載 さ れ て い る 」と い う こ と を 求 め ま す 。こ の 要 求 を 満 た し て い る サ イ ト は そ の ユ ー ザ ー へ 満 足 感 を 与 え ら れ ま す し 、 逆 の 場 合 は 不 快 感 を 与 え て し ま い ま す 。 訪 れ て く れ た ユ ー ザ ー に 満 足 感 を 与 え ら れ る と い う こ と は 、 そ の ホ ー ム ペ ー ジ の 成 果 に 大 き な 影 響 を 及 ぼ し ま す 。 情 報 の 発 信 者 側 は 、 ユ ー ザ ー が 自 社 サ イ ト に 何 を 求 め て い る か を 十 分 に 考 え 、 そ の 提 供 を し て い く こ と が 大 切 だ と 考 え て い ま す 。 ◎ デ ザ イ ン に つ い て デ ザ イ ン を す る 上 で の 基 本 と し て 考 え て い る も の は 、 “操 作 の し や す さ ”“情 報 の 探 し や す さ ”“見 や す さ ”の 三 点 で す 。 ホ ー ム ペ ー ジ と 紙 媒 体 と の 決 定 的 な 違 い は 、 雑 誌 や カ タ ロ グ が ペ ー ジ を め く っ て い く だ け な の に 対 し 、 ホ ー ム ペ ー ジ で は“操 作 ”を し て い く 、 と い う こ と が 必 要 に な り ま す 。 リ ン ク ボ タ ン を ク リ ッ ク し て 活 用 す る ホ ー ム ペ ー ジ の 場 合 、 そ の“操 作 ”の し や す さ が 大 き な ポ イ ン ト に な る と 考 え て い ま す 。 例 え ど ん な に ビ ジ ュ ア ル 的 に 優 れ た サ イ ト で も 、 目 的 の 情 報 に 行 き 着 く 為 の リ ン ク ボ タ ン が ど こ に あ る の か わ か ら な い よ う で す と 、 ホ ー ム ペ ー ジ と し て の 本 来 の 目 的 （ 情 報 の 伝 達 ） か ら 外 れ て し ま う こ と に な っ て し ま い ま す 。 見 た 目 の 良 さ は も ち ろ ん 大 切 で す が 、 ユ ー ザ ー に と っ て 最 も 重 要 な こ と は 、「 目 的 の 情 報 が 即 座 に 探 せ る 」 と い う こ と で は な い か と 思 い ま す 。 ま た こ れ は デ ザ イ ン ば か り で な く 、 ホ ー ム ペ ー ジ の 内 容 や 全 体 の 構 成 に も 言 え る こ と で し ょ う 。 色 々 な 企 画 を 無 造 作 に 押 し 込 ん だ 結 果 、 メ イ ン と な る 情 報 が 薄 ら い で し ま っ た り 、 構 成 が 複 雑 な た め 目 的 の 情 報 に な か な か た ど り 着 け な い 等 、 こ れ で は せ っ か く 訪 れ た ユ ー ザ ー も 途 中 で 諦 め て し ま う か も し れ ま せ ん 。 そ し て 、 情 報 の 見 や す さ も 重 要 な ポ イ ン ト で す 。 例 え ば フ ォ ン ト の 大 き さ 。 見 た 目 重 視 で い く な ら ば 小 さ い 方 が カ ッ コ イ イ の で す が 、 あ ま り 小 さ く し す ぎ る と 、 見 る 人 の 環 境 に よ っ て は 読 め な い く ら い 小 さ く な っ て し ま い ま す 。 こ の ホ ー ム ペ ー ジ で も 比 較 的 小 さ い フ ォ ン ト サ イ ズ を 使 っ て い る の で す が 、こ の く ら い の サ イ ズ を 限 度 と 考 え 、 デ ザ イ ン と の バ ラ ン ス で そ の サ イ ズ を 決 め る よ う に し て い ま す 。 他 に も 、 文 章 の 行 間 や 表 組 内 の ス ペ ー ス 、 使 用 す る 色 の 組 み 合 わ せ 等 、 情 報 を 見 や す く す る た め に は 、 こ れ ら の 細 か い 配 慮 も 必 要 と 考 え て い ま す 。

２ ． 制 作 か ら 公 開 ま で の 流 れ

1.お問 い合 わせ・見 積 もり依 頼 のご連 絡 ・・・ ホームページの事 でご不 明 な点 がございましたら、お問 い合 わせフォームよりお知 らせください。折 り 返 しご連 絡 を差 し上 げます。 制 作 する内 容 がだいたい決 まっている場 合 、その内 容 をお知 らせいただければ、２ページ程 のサン プルを制 作 いたします。その後 、ご検 討 下 さい。 2.企 画 ・お打 ち合 わせ・・・ ホームページで必 要 なデータ・情 報 の打 合 せをさせて頂 き、ホームページの内 容 を具 体 的 にしていき ます。また制 作 のスケジュールもこの時 点 で決 めていきます。打 合 せは実 際 にお会 いして行 うことが 基 本 ですが、電 話 ・FAX・メール等 で進 行 させていただける場 合 でも問 題 ありません。 3.編 集 準 備 ・・・ 打 合 せの内 容 をもとに、ホームページの素 材 収 集 ・構 成 やデザイン等 のプランを立 てます。お客 様 にも、ホームページ上 に掲 載 する素 材 やテキスト資 料 を用 意 して頂 きまして、これらの準 備 が整 った 時 点 で実 際 の制 作 作 業 へと進 行 して行 きます。 写 真 データなどは、カタログやパンフレットからも取 り込 み可 能 です。 4.制 作 作 業 ・・・ お客 様 と内 容 を確 認 しながら作 業 を進 行 し、仕 上 がったホームページはデモ用 のスペースにアップ ロード後 、お客 様 にチェックをしていただきます。必 要 があればここで校 正 作 業 を行 います。 デモ用 のスペースはグローブでご用 意 いたします。非 公 開 スペースですので、お客 様 のみがインター ネット上 でご確 認 頂 けます。 5.検 証 とアップロード・・・ 制 作 の完 了 したホームページを、正 規 の公 開 用 サーバーにアップロード致 します。CGI が含 まれる 場 合 は、そのサーバー用 にセッティングし、全 ての動 作 テストを行 います。その後 、お客 様 に最 終 チ ェックをしていただき、正 式 URL にアップロードします。（WWW 公 開 ） 6.サイト運 営 ・管 理 ・・・ 契 約 内 容 に基 づく運 営 ・管 理 ・継 続 的 にサポートします。

３ ． サ イ ト の 内 容 に つ い て

◎ ホ ー ム ペ ー ジ を 立 ち 上 げ る 場 合 に は 、 ま ず は そ の 目 的 を 明 確 に す る こ と が 大 切 で す 。 効 果 的 な ホ ー ム ペ ー ジ を 目 指 す に は 、ま ず 目 的 を 明 確 に し 、そ の 目 的 を 達 成 す る た め に は“ど う い う 内 容 が 必 要 な の か 、 ど う い う 見 せ 方 が い い の か 、 ど う い う 機 能 が 必 要 か と い っ た こ と を 考 え 、 効 率 良 く 制 作 内 容 に 反 映 さ せ て い く こ と が 大 切 で す 。 ◎ ホ ー ム ペ ー ジ を 訪 れ る ユ ー ザ ー は 、 そ の ほ と ん ど が 何 ら か の 目 的 を 持 っ て ア ク セ ス し ま す 。 自 分 の 意 思 で ホ ー ム ペ ー ジ を 訪 れ る わ け で す か ら 、何 の 理 由 も な く ア ク セ ス す る と い う こ と は 、 な い と 言 っ て も い い で し ょ う 。 ユ ー ザ ー か ら 見 た ホ ー ム ペ ー ジ の 評 価 は 、 自 分 が 期 待 す る 結 果 が そ の サ イ ト で 得 ら れ る か ど う か 、 と い う こ と で 決 ま っ て し ま い ま す 。 訪 れ た ホ ー ム ペ ー ジ が ま っ た く の 期 待 は ず れ に 終 わ っ て し ま え ば 、 も う 二 度 と ア ク セ ス す る 気 に は な れ な い で し ょ う し 、 も し 期 待 通 り 、 ま た は そ れ に 近 い ホ ー ム ペ ー ジ で あ れ ば 、 お 気 に 入 り に 登 録 す る な ど し て ま た 訪 れ た い と 思 う は ず で す 。 ま た 、 製 品 情 報 を 求 め て 訪 れ た サ イ ト な の に 会 社 概 要 し か 掲 載 さ れ て い な い 場 合 や 、 宿 泊 先 を 探 す た め に 温 泉 の サ イ ト へ 訪 れ た の に 、 写 真 も な く テ キ ス ト ば か り で イ メ ー ジ が つ か め な い 場 合 等 、 こ れ で は 訪 れ た ユ ー ザ ー は が っ か り し て し ま い ま す 。 ◎ ホ ー ム ペ ー ジ の 制 作 で は 、 そ の 特 性 に 合 わ せ た 作 り が 必 要 に な り ま す 。 例 え ば ニ ュ ー ス サ イ ト や 検 索 サ イ ト の よ う な ホ ー ム ペ ー ジ で は 、 ト ッ プ ペ ー ジ に で き る だ け 多 く の 情 報 や リ ン ク メ ニ ュ ー を 配 置 し て 、 ス ピ ー ド と 情 報 の 探 し や す さ を 追 求 し て い ま す 。 デ ザ イ ン 上 で は 必 要 以 上 の 画 像 は 配 置 せ ず 、 シ ン プ ル か つ 整 理 さ れ た レ イ ア ウ ト が 多 く な っ て い ま す 。 こ れ は 、こ れ ら の サ イ ト の 特 性 が“観 る ”こ と よ り も “読 む・探 す ”と い う 要 素 の 方 が 強 い た め で 、 そ の 要 素 に 適 し た 作 り が こ の よ う な 形 に な っ て い る の で す 。 も し こ の よ う な 特 性 を も つ サ イ ト を 、 全 面 FLASH で 構 築 し た ら ど う な る で し ょ う か 。 情 報 を 探 し に 来 た ユ ー ザ ー は 、リ ン ク を ク リ ッ ク す る 度 に ム ー ビ ー の Loading で 待 た さ れ て し ま い 、な か な か 目 的 の 情 報 に た ど り 着 く こ と が で き ま せ ん 。イ ラ イ ラ し て し ま い ま す 。 こ の よ う な 状 況 で は 、自 ら 訪 問 者 を 遠 ざ け て し ま う 結 果 に 繋 が っ て し ま う で し ょ う 。（ も ち ろ ん こ れ は FLASH が 悪 い と い う の で は な く 、 そ の サ イ ト の 特 性 に 合 わ な い と い う 意 味 で 。） 逆 に 、 若 い 人 に 向 け た エ ン タ ー テ イ ン メ ン ト 系 の サ イ ト で は FLASH は と て も 効 果 的 で す し 、文 章 を 中 心 に 作 る よ り も 写 真 や イ ラ ス ト を メ イ ン に し た 方 が 良 い 場 合 も あ り ま す 。 ホ ー ム ペ ー ジ の 立 ち 上 げ を 予 定 し て い る 場 合 に は 、 カ ッ コ 良 さ や 機 能 的 な 部 分 に 目 が 行 き が ち に な っ て し ま い ま す が 、 特 性 と 作 り に 関 す る バ ラ ン ス も 大 切 な 部 分 で す の で 、 十 分 な 検 討 が 必 要 だ と 思 い ま す 。

４．サイト公開までの準備

◎ホ ー ム ペ ー ジ に 掲 載 す る 為 の 資 料 （ 原 稿 ） の 用 意 特 別 なケースを除 いてホームページに掲 載 する為 の原 稿 をご用 意 いただきます。 o 文 章 原 稿 （メモ帳 ・Word) o 写 真 o カタログ o プリント o ポジフィルム o デジタルカメラのデータ o その他 ＊カタログや雑 誌 等 は著 作 権 が貴 社 にある場 合 に利 用 となります。 い ろ い ろ な形 で受 け 取 るこ と に対 応 し てお り ま す。 ク オリ テ ィ を求 めた場 合 は カ メラ マン が 撮 影 し たポ ジ フ ィ ルムに勝 るものはありませんが、現 在 はパソコン上 でかなり画 像 修 正 等 を行 えますので、予 算 に合 わせて 原 稿 をご用 意 下 さい。また、不 要 と思 われるような資 料 もビジュアルの元 になったりしますので原 稿 以 外 の 資 料 をご提 出 下 さるとよりいっそう良 いものができあがる可 能 性 があります。イメージとなるような写 真 がな い場 合 はこちらで所 有 する素 材 を使 用 し制 作 します。また文 章 の原 稿 は手 書 きのものから WORD やメモ 帳 等 のデジタルデータ等 対 応 致 します。特 にメモ帳 等 でのデジタルデータでお渡 し下 さる場 合 は大 変 助 か ります。 ◎ホ ー ム ペ ー ジ を 公 開 す る サ ー バ ー の 用 意 一 般 的 に 言 わ れ て い る ホ ー ム ペ ー ジ の ア ド レ ス と な る 場 所 で す 。 オ リ ジ ナ ル ド メ イ ン を 取 得 し て 公 開 す る ケ ー ス や ア ド レ ス に こ だ わ ら な い 場 合 な ど い ろ い ろ で す が ホ ー ム ペ ー ジ は デ ー タ を 発 信 す る た め の サ ー バ ー に お か な け れ ば な り ま せ ん 。 ◎ サ ー バ ー の 種 類 一 言 でサーバーと申 しましても、その種 類 は多 くあり、また運 営 体 系 も複 数 存 在 しています。運 営 体 系 を 大 きく分 けると、自 社 内 にサーバーを設 置 する方 法 と外 部 のサーバーをレンタルする方 法 があります。また外 部 のサーバーをレンタルする場 合 にも、サーバーを一 台 まるごと借 りる方 法 と、複 数 のユーザーで一 台 のサ ーバーを共 有 する方 法 があります。 サーバーのタイプ 運 営 コスト 自 社 内 サーバー システムの構 築 が必 要 。サーバー運 営 にも専 門 的 な知 識 が必 要 。トラブルがあった場 合 の対 処 が大 変 。 サーバー機 器 の購 入 、システム構 築 、専 用 線 の接 続 、メンテナンス等 、本 格 的 なものにな ると多 大 なコストが必 要 。 一 台 まるごとレンタル レンタル業 者 により異 なりますが、サーバーの運 営 にはある程 度 の知 識 が必 要 。 安 めのところで初 期 費 用 が10 万 円 弱 、月 額 費 用 が 3 万 円 ∼5 万 円 程 度 。 共 有 レ ン タ ル サーバーの運 営 自 体 はレンタル業 者 が行 うので、サーバーに関 する専 門 的 な知 識 は不 要 。 ドメイン取 得 を含 めた初 期 費 用 で２万 円 程 度 、月 額 が 3 千 円 ∼1 万 円 程 度 。 よ ほ ど 自 社 内 に サ ー バ ー を 置 く 必 要 が ある 場 合 を 除 い て は 、 レ タ ン ル サ ー バ ー （ ホ ス テ ィ ン グ サ ー ビ ス ） を 利 用 するのが一 般 的 です。

◎ サ ー ビ ス 内 容 の 種 類 仮 に 共 有 レ ン タ ル サ ー バ ー を 選 ん だ 場 合 、 業 者 や そ の サ ー ビ ス 内 容 に よ り 、 更 に 選 択 肢 が 出 て き ま す 。レ ン タ ル 業 者 の 広 告 に は 、100MB の レ ン タ ル ス ペ ー ス 、高 速 バ ッ ク ボ ー ン 、高 機 能 等 の キ ャ ッ チ コ ピ ー が 目 に 入 り ま す が 、 実 際 ど の く ら い の 性 能 が 必 要 な の か と い う 例 を 挙 げ て み た い と 思 い ま す レ ン タ ル 容 量 最 近 で は 100MB の レ ン タ ル ス ペ ー ス も 当 た り 前 に な っ て き ま し た 。価 格 的 に 差 が な い の で あ れ ば 多 い に 越 し た こ と は あ り ま せ ん が 、 実 際 に 100MB の ス ペ ー ス を 埋 め よ う と す る と 、相 当 巨 大 な Web サ イ ト に な り ま す 。デ ー タ 量 が 大 き く な る ム ー ビ ー フ ァ イ ル や 音 楽 フ ァ イ ル 等 を 大 量 に 設 置 す る 場 合 を 除 い て は 、 ど ん な に 写 真 が 多 く て も せ い ぜ い そ の 半 分 の 50MB も あ れ ば 十 分 で す 。 ち な み に こ の グ ロ ー ブ の ホ ー ム ペ ー ジ の デ ー タ 量 は 、 全 部 で 3∼ 5MB 程 度 で す 。 Ｃ Ｇ Ｉ の 利 用 一 般 的 な レ ン タ ル サ ー バ ー の 場 合 、CGI の 利 用 は 許 可 さ れ て い る か と 思 い ま す 。で す が 、中 に は セ キ ュ リ テ ィ ー や 負 荷 の 関 係 で 禁 止 し て い る 業 者 も あ り ま す の で 、注 意 が 必 要 で す 。 ま た 、レ ン タ ル 業 者 で 予 め 用 意 し て い る CGI（ カ ウ ン タ ー や メ ー ル フ ォ ー ム 等 ）は 利 用 可 能 で も 、 ユ ー ザ ー 独 自 の CGI は 禁 止 し て い る 場 合 も あ り ま す 。利 用 状 況 に 合 わ せ て ご 判 断 い た だ き た い と 思 い ま す が 、将 来 独 自 の CGI を 利 用 す る 可 能 性 が あ る 場 合 は 、CGI の 利 用 を 許 可 し て い る サ ー バ ー を お 勧 め い た し ま す 。

５ ． Ｓ Ｅ Ｏ 対 策 に つ い て

◎検 索 エ ン ジ ン 最 適 化 検 索 エ ン ジ ン 最 適 化(SEO)と は 、 お 客 様 の ウ ェ ブ サ イ ト に 関 係 の あ る キ ー ワ ー ド を 検 索 エ ン ジ ン の 上 位 に 表 示 さ せ る こ と に よ っ て 、”売 上 に 繋 が る ト ラ フ ィ ッ ク ”を 獲 得 す る イ ン タ ー ネ ッ ト プ ロ モ ー シ ョ ン で す 。 WEB を 制 作 し た だ け で は 効 果 が な い の で す 。

皆 さ ん も 利 用 し て い る yahoo、 google、 goo・ ・ ・ ・ な ど の 検 索 エ ン ジ ン は 実 に 80%以 上 の エ ン ド ユ ー ザ ー が 使 用 し て い ま す 。 検 索 エ ン ジ ン に 登 録 す る こ と で ホ ー ム ペ ー ジ を 宣 伝 す る こ と が で き る の で す 。 し か し 登 録 は し て い る も の の 、 な か な か ア ク セ ス が 伸 び な い と い う 方 は 多 い の で は な い で し ょ う か ？ そ の 解 決 策 は 、 ユ ー ザ ー の 立 場 に 立 っ て 考 え る と 簡 単 に わ か り ま す 。 皆 さ ん も 経 験 が あ る と 思 い ま す が 、ユ ー ザ ー は 上 位 に 表 示 さ れ た も の か ら 順 に ク リ ッ ク し て ゆ き ま す 。 そ し て 検 索 結 果 は と い う と 、 せ い ぜ い 20 件 程 度 し か 閲 覧 し ま せ ん 。 こ の 、SEO（ 検 索 エ ン ジ ン 最 適 化 ）の 対 策 を 入 れ て い く 場 合 、現 状 の WEB に 対 策 を 行 う よ り も 、 新 規 に 制 作 す る 時 に 組 み 込 ん だ 方 が 、構 成・コ ン テ ン ツ の 面 か ら も 効 率 的 な 対 策 が で き る の で す 。 新 規 に 制 作 す る と き か ら 、 こ れ を プ ラ ン ニ ン グ で き る 弊 社 に お ま か せ い た だ け れ ば 時 間 の ロ ス も す る こ と な く 、 ユ ー ザ ー に 訪 れ て も ら い や す い 状 態 で UP で き ま す 。 い ま あ る ホ ー ム ペ ー ジ を 効 果 の あ が る 、 問 い 合 わ せ の 入 る WEB に す る の は 大 変 で す が 、 そ の 対 策 も ふ ま え て 新 規 や 、リ ニ ュ ー ア ル で ホ ー ム ペ ー ジ を 作 成 す れ ば 、効 率 的 で あ る ば か り で は な く 、 よ り 理 想 的 な ホ ー ム ペ ー ジ に し て い く こ と が 可 能 に な り ま す 。 グ ロ ー ブ で は 、 デ ザ イ ン ・ コ ン テ ン ツ ・ そ し て SEO ま で ト ー タ ル で の サ ポ ー ト が 可 能 で す 。

６ ． 検 索 エ ン ジ ン 登 録 申 請

◎ホ ー ム ペ ー ジ 運 営 の 鍵 と な る 検 索 機 関 へ の 登 録 申 請 当 社 で 制 作 さ せ て い た だ い た ホ ー ム ペ ー ジ は 代 表 と な る 下 記 の 検 索 機 関 （ サ ー チ エ ン ジ ン ） へ 無 料 で 登 録 申 請 さ せ て い た だ き ま す 。 登 録 に つ い て は 先 方 の 判 断 に ゆ だ ね ら れ る ケ ー ス も あ り ま す の で 登 録 を 保 証 す る も の で は あ り ま せ ん の で ご 注 意 下 さ い 。 ま た サ ー チ エ ン ジ ン に よ っ て は 登 録 の 受 付 を 中 止 す る 場 合 も あ り ま す の で ご 了 解 下 さ い ま せ 。 ■検 索 エ ン ジ ン 一 括 登 録 主 な 登 録 申 請 サ イ ト は 下 記 の 通 り で す 。（ 同 一 の エ ン ジ ン を 使 用 し て い る ケ ー ス も あ り ま す ） 検 索 機 関 （サーチエンジン goo infoseek Google アルタビスタ nifty Excite

Biglobe all the web

OCN hi-ho

７ ． ホ ー ム ペ ー ジ 制 作 料 金

◎当 社 の 一 般 的 な 制 作 料 金 ホームページの制 作 費 は、制 作 する内 容 によって変 わります。お客 様 毎 にホームページの掲 載 内 容 は全 て 違 いますので当 然 料 金 は同 じになることはありません。1 ページいくらですか? こんな事 をよく言 われますが、 お客 様 のお考 えの 1 ページとは画 面 に表 示 されたページのことを指 しているのでしょうが、制 作 会 社 側 では 1 ページの捉 え方 がまちまちのようです。 ƒ Ａ４紙 の原 稿 の大 きさ? ƒ それともできあがったページの印 刷 した状 態? ƒ モニターの画 面 の状 態 ? ƒ その他 いろいろ会 社 によって違 うようです。 など捉 え方 がい くつ か あります。 ま たペ ージ の 基 本 的 な料 金 にボ タ ンや 画 像 などは含 まず、全 て別 料 金 なん て会 社 も あります。ですから単 純 にホームページに掲 載 さ れている価 格 に惑 わされないよう注 意 が必 要 です。 また、テキストのみのシンプルなものがいい、トップページにフラッシュの動 画 を使 用 したい、たくさんの写 真 を入 れ て作 品 案 内 をしたい等 ご希 望 内 容 によって価 格 は上 下 します。当 社 では、お客 様 のご要 望 を充 分 に お伺 いしてから、お見 積 もりを無 料 でお出 し致 しますので、どうぞお気 軽 にお問 い合 わせ下 さい。

◎ 当 社 の 一 般 的 な 制 作 料 金 お 客 様 の ご 要 望 に よ り ま す が 一 般 的 な デ ザ イ ン で 各 ペ ー ジ に 写 真 が 数 点 あ り 文 字 や イ ラ ス ト の 原 稿 は 紙 や 印 刷 物 等 か ら 制 作 す る ホ ー ム ペ ー ジ の 場 合 ト ッ プ ペ ー ジ 制 作 31.500 円 前 後 (税 込 み 価 格 ) 各 ペ ー ジ 制 作 単 価 12.600 円 前 後 (税 込 み 価 格 )が 一 般 的 で す 。 プ ロ グ ラ ミ ン グ （CGI） の 制 作 費 も 同 様 で す 。 ア ク セ ス カ ウ ン タ ー や ア ン ケ ー ト の 為 の フ ォ ー ム な ど 、 ど の よ う な 仕 様 で 、 ど う 活 用 し た い か に よ っ て さ ま ざ ま で す 。 ま た ス ク リ プ ト な ど に よ る ボ タ ン の 変 化 な ど 最 近 は イ ン タ ラ ク テ ィ ブ な 仕 様 も 増 え て い ま す 。 是 非 、 一 度 ご 気 軽 に ご 相 談 く だ さ い 。 制 作 に 関 す る お 問 い 合 わ せ は こ ち ら か ら 一 度 の 出 費 が 大 変,運 営 ・ 更 新 も し た い と の 声 が 沢 山 あ り ま し た の で 月 額 制 を 設 け ま し た 。

８ ． Ｗ ｅ ｂ サ イ ト の 告 知 に つ い て

◎印 刷 物 へ の URL 記 載 ホ ー ム ペ ー ジ が 完 成 し た ら 、そ の 所 在 を 示 す URL（ http://∼ ）を 告 知 し て い か な け れ ば な り ま せ ん 。 こ の 作 業 を 行 わ な い と 、 せ っ か く 公 開 し た ホ ー ム ペ ー ジ で も 、 ほ と ん ど 気 付 か れ ず に 放 置 さ れ た 状 態 に な っ て し ま い ま す 。 で き る だ け 多 く 登 録 ・ 掲 載 を お 勧 め し ま す 。 ホ ー ム ペ ー ジ の プ ロ モ ー シ ョ ン と し て 、 比 較 的 簡 単 に で き る 身 近 な 宣 伝 方 法 を 中 心 に 、 い く つ か の 例 を 紹 介 し て み た い と 思 い ま す 。 ◎ 広 告 物 へ の URL 記 載 ① 全 ての社 員 の名 刺 には、ホームページのURL を記 載 します。 ② パンフレットやカタログ等 の企 業 PR 誌 にも、出 来 るだけ URL を記 載 しましょう。 ③ 新 聞 やチラシ、雑 誌 等 に、自 社 の製 品 やサービスの広 告 を出 している場 合 は、その広 告 ス ペースにもURL を記 載 しておきましょう。 ④ Web 上 の広 告 掲 載 には、バナー広 告 やメールマガジンでの広 告 があります。バナー広 告 で は、アクセス数 の多 い有 名 サイトへの掲 載 や、自 社 製 品 やサービスに関 係 する、専 門 的 な サイトへの掲 載 が考 えられます。 ⑤ 広 く告 知 したい場 合 はアクセス数 の多 い有 名 サイトへ。ターゲットを絞 った告 知 の場 合 は専 門 的 なサイトへの掲 載 が有 効 的 でしょう。 ◎Web 広 告 ホ ー ム ペ ー ジ の 告 知 を す る 上 で 、 費 用 も か か ら ず （ 一 部 有 料 の サ イ ト も あ り ま す が ） 比 較 的 簡 単 に 登 録 で き る の が 、 こ の サ ー チ エ ン ジ ン へ の 登 録 で す 。 ホ ー ム ペ ー ジ を 公 開 し た ら す ぐ に で も 行 い た い 作 業 で す 。

◎サーチエンジンへの登録 サーチエンジンのサイトには、登録型と自動巡回型があります。登録型とはYahoo Japan に代表されるような Web サイトで、そのサイトの登録フォームで掲載の申請を行います。自動巡回型とは、そのサイトのシステムが Web 上を巡回し、無数にあるホームページの URL を自動的に取得して、データベースに登録しています。その ため、Web 上に自社ホームページを公開しているだけで、自動的にそのサーチエンジンへ登録されることになり ます。 どちらの場合も、掲載されるまでにはある程度の期間（目安としては1 週間∼1 ヶ月程度）が必要です。また登 録型のサイトでは、申請を行っても必ず掲載されるとは限りません。申請を行ってから2 ヶ月経過しても登録が 確認できない場合は、再度申請してみることをお勧めいたします。 ◎専門的なリンク集への登録 Web 上の検索サイトの中には、上記のような総合サーチエンジンの他に、特定のテーマに絞ったリンク集も多数 存在しています。特定の業種に絞ったものや地域密着型のもの、趣味に関係するもの等、様々な内容のものがあ るようです。 ◎キャンペーンの実施 プレゼント品を用意してオープニングキャンペーンを実施する、という方法も考えられます。この方法はそのホ ームページの内容により向き不向きがありますが、特に女性（更には主婦の方）を対象としたWeb サイトの場合 には、プレゼント付きキャンペーンは認知度の向上に期待が持てます。 キャンペーンを行う際にはその告知も必要です。Web 上には、このような懸賞付きページを集めた検索サイトが ありますので、利用してみるのもよろしいかと思います。

９．制作後の運営・更新・管理

◎運営の重要性 ホームページとは制作して公開するまでが全てではなく、公開後の運営作業も、成功に向けた重要なカギとなっ てきます。 ホームページを現実の世界に例えると、それは店舗のようなものにあたります。そして立ち上げたばかりのホー ムページは、街の片隅にある誰にも気付かれないような小さな店に過ぎません。これはホームページの運営にも 言えることで、存在を知ってもらうためには広く告知することが必要ですし、効果的なホームページを目指すに は、利用者の反応をみて内容を改善して行くといった作業が必要になります。 ◎重要度の割合 重 要 度 の割 合 制 作 40% プロモーション 20% その後 の運 営 （新 着 ・更 新 業 務 ）40%

◎運 営 の 具 体 的 な 作 業 内 容 と し て は 、 下 記 の も の が 考 え ら れ ま す 。 （ ホームページの改 善 に向 けた作 業 例 ） １． 各 ページのアクセス状 況 を記 録 します。 ２． トップページのアクセス数 が低 ければ、よりプロモーションに力 を入 れます。 ３． 各 ペ ージ のア ク セ ス数 を確 認 し 、 ユーザーの移 動 状 況 を調 査 し ます。 こ れに より ユ ーザーが興 味 を示 す ページとそうでないページを確 認 し、見 直 すべき内 容 があれば改 善 を図 ります。 ４． 本 来 の目 的 がどれだけ達 成 されているかを検 討 します。例 えばサービス業 の場 合 、ホームページを見 た 人 からどれだけ問 い合 わせがあったかが一 つの目 安 になりますが、アクセス数 が増 えたのに問 い合 わせ がほとんどない場 合 など、どこかに問 題 点 がないかを検 討 します。 ◎ ホ ー ム ペ ー ジ 掲 載 ・ 運 営 ・ 管 理 代 行 貴 社 に 代 わ っ て ホ ー ム ペ ー ジ を サ ー バ ー に 公 開 し た り 、 万 が 一 の 時 の た め に デ ー タ を バ ッ ク ア ッ プ し た り と 掲 載 か ら 管 理 ま で 代 行 い た し ま す 。 ◎ ホ ー ム ペ ー ジ 更 新 ・ 修 正 代 行 立 ち 上 げ た Web サ イ ト は 、 常 に 新 鮮 さ を 保 ち 続 け る こ と が 大 切 で す 。 そ の た め の ト ピ ッ ク ス の 更 新 や 製 品 の 入 れ 替 え ・ 内 容 の 訂 正 は 、E-mail・ Ｆ Ａ Ｘ ・ 電 話 な ど で ご 連 絡 い た だ く だ け で 迅 速 に 代 行 致 し ま す 。 少 し ば か り の コ ス ト を 削 減 し よ う と し て 自 分 で 修 正 す る と 思 わ ぬ と こ ろ で ペ ー ジ を 壊 し て し ま っ た り 、 余 計 な コ ス ト と 作 業 が 発 生 し て か え っ て 高 く つ い て し ま う 場 合 も あ り ま す 。 当 社 は お 客 様 と 長 く お つ き あ い が で き る よ う に 低 価 格 に て メ ン テ ナ ン ス を さ せ て い た だ き ま す 。そ の Web サ イ ト の 利 用 者 が 増 え れ ば 増 え る 程 、運 営 に か か る 業 務 は 重 要 度 を 増 し て く る と 言 え る で し ょ う 。 ◎ ホ ー ム ペ ー ジ を ご 自 身 で 更 新 ・ 修 正 す る 更 新 な ど ご 自 分 で 行 い た い お 客 様 に は 、 制 作 時 の ホ ー ム ペ ー ジ デ ー タ を CD-R な ど の メ デ ィ ア で お 客 様 に お 渡 し い た し ま す 。

１ ０ ． Ｗ ｅ ｂ 制 作 の Ｆ Ａ Ｑ

◎「 制 作 関 連 」 「 金 額 ・ 費 用 関 連 」 「 リ ニ ュ ー ア ル 制 作 関 連 」 Ｆ Ａ Ｑ １ ． 見 積 り を 依 頼 し た い の で す が 、 ど う し た ら い い の で す か ？ 制作したいホームページの内容が具体的にお決まりのようでしたら、お問い合わせフォームにてその内容をご記 入後、送信して下さい。折り返し、概算のお見積りをご連絡させていただきます。具体的にお決まりでない場合 でも、同じくお問い合わせフォームにてお知らせください。折り返しご連絡を差し上げ、内容を打ち合わせた後、 お見積りをご提案させていただきます。 ２ ． 問 い 合 わ せ を し た い の で す が 、 ど の よ う に 連 絡 す れ ば い い で す か ？

お問い合わせフォームよりご連絡をいただくか、 直接電話を頂けるか、直接メールでお知らせ下さい。 ３ ． 打 ち 合 わ せ は ど の よ う な 感 じ で 行 う の で す か ？ メールやお電話での打ち合わせ後、必要に応じてお客様のもとへお伺いするか、こちらに来ていただくかします。 ただ、所在地が宮城県のため、お伺いできるエリアは基本的に宮城県・山形・岩手地区の範囲内とさせていただ きます。（状況によりその他のエリアへも出張いたしますので、ご希望の方はご相談下さい。） ４ ． 制 作 の 期 間 は ど の く ら い か か り ま す か ？ 規模によりその期間は様々ですが、内容が決まり資料が全てそろった状態からですと、一般的な規模のサイトで 平均1 ヶ月程度で納品できます。 数ページ規模の場合はこれよりも納期は早くなります。 ５ ． デ ザ イ ン は ど の よ う に 決 め る の で す か ？ そのホームページの内容・目的に応じてベストなデザインを考え、お客様にご提案いたします。同時にお客様の ご要望を取り入れながら、制作して行くことになります。 ６ ． ど れ く ら い の 規 模 か ら 対 応 し て く れ ま す か ？ ま た 、 ど れ く ら い の 規 模 ま で 対 応 で き ま す か ？ 1 ページのみの制作、部分的な変更、細かい制作業務からお受けしております。 また、お客様とのスケジュール さえ合えば、数百ページ規模のサイト構築にも対応させていただきます。 ７ ． 検 索 エ ン ジ ン へ の 登 録 は 行 っ て も ら え る の で す か ？ 通常の検索サイトは登録いたしますが、ご希望の場合は主要サーチエンジンへの登録申請を代行いたします。 ８ ． レ ン タ ル サ ー バ ー の サ ー ビ ス は 行 っ て い る の で す か ？ 申し訳ありませんが、現在のところホスティングサービスは行っておりません。ですが、提携しているサーバー 業者がありますのでそちらをご紹介します。ＨＯＭＥの右側のサイトサーブをお勧めします。サーバーをお探し のお客様には、その用途や規模に応じて、どの程度のサーバーが良いかをアドバイスさせていただきます。 ９ ． ド メ イ ン の 取 得 は で き ま す か ？ 申し訳ありませんが、現在のところドメインの取得サービスは行っておりません。ですが、レンタルサーバーを 借りますとセット（上記のサイトサーブ）で同時に申し込み出来ますのでご相談下さい。 １ ０ ． ホ ー ム ペ ー ジ の 設 置 は 行 っ て も ら え る の で す か ？ はい。ご希望の場合にはお客様がご使用になるサーバーへ設置いたします。 ただこの場合、設置するサーバーに 対するお客様のID とパスワードをお知らせいただく必要がございます。 一般的には、お客様よりその情報をお 知らせいただき、当社から直接アップロードするパターンが多くなっております。もちろんID やパスワード等の 重要な情報は、アップロードの作業以外で使用することはありませんので、ご安心いただけたらと思います。 １ １ ． 更 新 を 依 頼 し た い 場 合 は ど う す れ ば い い の で す か ？

お問い合わせフォームよりご依頼ください。折り返しご連絡を差し上げまして、詳細な打ち合わせをさせていた だきます。 １ ２ ． 制 作 料 金 の 価 格 は ど の よ う に 決 ま る の で す か ？ デザイン、データ量、使用する技術内容などから、それぞれにかかる技術レベル、技術者の作業時間などを算出 し、全体のお見積りを計算しております。 １ ３ ． ホ ー ム ペ ー ジ 公 開 後 に 間 違 え が 見 つ か っ た の で す が 、 修 正 し て も ら え ま す か? 運営管理代行をご依頼のお客様の場合は問題ありません。お客様がご用意されたサーバーでホームページが公開 されている場合、1 ヶ月以内でしかもそのページを修正していなければ可能です。もちろんその場合は費用はいた だきません。 １ ４ ． ホ ー ム ペ ー ジ の 1 ペ ー ジ っ て ? 当社の考えている1 ページはあくまでも原稿の量によって決まるのであって基本的には紙原稿 A4 サイズをベー スとしています。通常紙原稿A4 サイズ 1 ページをホームページ化するとプリントでは 2 ページ前後くらいにな ります。 １ ５ ． 会 社 案 内 の パ ン フ レ ッ ト を ホ ー ム ペ ー ジ に で き ま す か? 基本的にはできます。確かに会社案内のパンフレットを印刷して作る費用と比べホームページは割安です。しか も部分修正が簡単にスピーディーにできますから修正時のコスト面 でも雲泥の差があります。しかしホームペー ジは会社案内のパンフレットなどの紙媒体と比べてもっとインタラクティブな事ができるのにそうしないのは機 能が半減してしまいます。ですから原稿として会社案内のパンフレットを利用することは反対はしませんが、そ のままの状態をスキャニング等で画像にしたホームページはおすすめできません。 １ ６ ． 貴 社 か ら 遠 い 所 に 当 社 は あ る の で す が 、 制 作 し て も ら え ま す か? 問題ありません。打ち合わせなど、伺うことによる余分な営業費や交通 費などを排除できる分、価格も底値での 制作が可能となります。また電話やメール・宅急便での資料のやりとりで制作から公開まで完了している企業様 も多数例あり、1 度も先方のご担当の方と面識なく公開までたどり着いてるケースも数多くあります。 １ ７ ． ホ ー ム ペ ー ジ 掲 載 に 最 低 で も 必 要 な も の は 何 で す か? 一般的なホームページの場合、掲載規定となるものは無いと思いますが、ホームページを公開する以上は発信者 の住所・連絡先の電話又はメールアドレスはきちっと掲載すべきことだと思います。特にメールのアドレスがフ リーメールだったりでは、信用してもらえないホームページとなってしまいかねません。また通販などホームペ ージ上で商品を販売する場合はいくつか表示義務があります。