平 成 １ ６ 年 度
Ｉ Ｔ 活 用 研 修
ホ ー ム ペ ー ジ の 作 り 方
「 ホ ー ム ペ ー ジ ・ ビ ル ダ ー 」 を 使 用 し 、 わ か
り や す く 、 人 に や さ し い ホ ー ム ペ ー ジ の 作 り
方 を 学 び ま す 。
平 成 １ ６ 年 ７ 月 ３ ， １ ０ 日 （ 土 曜 日 ） 特 定 非 営 利 活 動 法 人 パ ソ コ ン ま る ご と ア シ ス トこ の 講 座 で は 、 ホ ー ム ペ ー ジ 作 成 ソ フ ト の 中 で も 利 用 者 の 多 い 「 Ｉ Ｂ Ｍ ホ ー ム ペ ー ジ ・ ビ ル ダ ー 」 の 使 い 方 を 学 び 、 簡 単 な ホ ー ム ペ ー ジ を 作 成 し て み ま す 。 こ の ソ フ ト ウ ェ ア に は ３ ０ 日 間 試 用 で き る 「 体 験 版 」 が 用 意 さ れ て お り 、 次 の ペ ー ジ か ら 入 手 で き ま す 。 http://www-6.ibm.com/jp/software/internet/hpb/download.html 平 成 １ ６ 年 ６ 月 １ １ 日 現 在 の 最 新 版 は、「 バ ー ジ ョ ン ８ 」 で す 。
○ Ｈ Ｔ Ｍ Ｌ と は ？
イ ン タ ー ネ ッ ト 上 に 公 開 さ れ て い る ホ ー ム ペ ー ジ を 見 る と 、 多 く の 画 像 や 写 真 、 、 を 表 示 し た り 背 景 に 色 や 模 様 を つ け た り 文 字 の 色 や 字 体 を 変 化 さ せ て み た り と い ろ い ろ な ス タ イ ル や パ タ ー ン の も の が あ り ま す 。 特 定 の 場 所 を ク リ ッ ク す る と 表 示 さ れ る 画 面 が 切 り 替 わ っ た り 、 よ り 詳 し い 情 報 が 表 示 さ れ た り し ま す 。 こ の よ う に 、 ど こ に 何 を ど の よ う な 順 序 や 位 置 で 表 示 す る か 、 ど の よ う な 操 作 に 対 し て ど う い っ た 反 応 を 返 す か 、 と い う よ う な 、 ホ ー ム ペ ー ジ 上 の あ ら ゆ る 事 「 Ｈ Ｔ Ｍ Ｌ 柄 を 一 定 の 取 り 決 め に し た が っ て パ ソ コ ン に 指 示 す る 命 令 言 語 を 、 と 呼 び ま す 。 （ Ｈ ｙ ｐ ｅ ｒ − Ｔ ｅ ｘ ｔ Ｍ ａ ｒ ｋ ｕ ｐ Ｌ ａ ｎ ｇ ｕ ａ ｇ ｅ）」 ホ ー ム ペ ー ジ は こ の Ｈ Ｔ Ｍ Ｌ で 記 述 さ れ て お り 、 パ ソ コ ン は こ れ を イ ン タ ー ネ ッ ト 上 か ら 読 み 込 み 、 決 め ら れ た 命 令 に し た が っ て 画 面 を 構 成 し て 、 我 々 が 目 に す る よ う な ホ ー ム ペ ー ジ を 表 示 し て く れ ま す 。 ホ ー ム ペ ー ジ を 作 成 す る と い う こ と は 、 こ の Ｈ Ｔ Ｍ Ｌ を 記 述 す る と い う こ と で す 。○ Ｈ Ｔ Ｍ Ｌ は 難 し く な い ！ ？
こ こ で、「 命 令 言 語 ？」「 Ｈ Ｔ Ｍ Ｌ を 記 述 す る ？ 」 と い う こ と を 、 決 し て 難 し く 考 え な い で く だ さ い ！ Ｈ Ｔ Ｍ Ｌ は、「 タ グ 」 と 呼 ば れ る コ ン ト ロ ー ル コ ー ド を 使 っ て 、 文 字 の 装 飾 な ど の 命 令 を 記 述 し ま す 。 多 く の タ グ は < > ・ ・ ・ <b /b> の よ う に 「 開 始 タ グ 」 と 「 終 了 タ グ 」 で 文 字 や 段 落 を 囲 み ま す が 、 中 に は <br> の よ う な 「 単 独 タ グ 」 も あ り ま す 。 開 始 タ グ の タ グ 名 に ス ラ ッ シ ュ （ ） を つ け た も の が 終 了 タ グ で 、 開 始 タ グ/ と 終 了 タ グ に 囲 ま れ た 部 分 に 対 し て 、 そ の 命 令 が 有 効 に な り ま す 。 例 ： 文 字 を 太 く す る 。 < > 文 字 を 太 く す る 。 <b /b> − − − ＞ 文 字 を < > 太 く <b /b> す る 。 − − − ＞ 文 字 を太 くす る 。 文 字 を 斜 体 に す る 。 < > 文 字 を 斜 体 に す る 。 < > − − − ＞i /i 文 字 を 太 く 斜 体 に し た い 。 < > < > 文 字 を 太 く 斜 体 に し た い 。 <b i /b> < >i − − − ＞ （ ｂ は ボ ー ル ド ＝ 太 字 、 は イ タ リ ッ ク 体 ＝ 斜 体 ）i○ ｈ ｔ ｍ ｌ フ ァ イ ル の 例 （ 基 本 的 な 形 ）
で は、「 メ モ 帳 」 を 使 っ て 簡 単 な ｈ ｔ ｍ ｌ フ ァ イ ル （ ホ ー ム ペ ー ジ の ソ ー ス ） を 作 成 し て み ま し ょ う 。 フ ァ イ ル は 、 拡 張 子 に.html ま た は.htm を 指 定 し て 保 存 し ま す 。 こ こ か ら … … ＞ <html> こ こ か ら … … ＞ <head> <title> ホ ー ム ペ ー ジ の 練 習 </title> タ イ ト ル で す 。 こ こ ま で が … … ＞ </head> ヘ ッ ダ 部 分 で す。 <body> ＜ … … こ こ か ら 初 め て の ホ ー ム ペ ー ジ で す 。 <br> う ま く で き る か な ？ </body> ＜ … … こ こ ま で が こ こ ま で が … … ＞ </html> 本 文 で す 。 フ ァ イ ル で す 。 （ は 改 行 ） html br○ ｈ ｔ ｍ ｌ フ ァ イ ル の ソ ー ス を 確 認 す る に は ？
自 分 の 見 て い る ホ ー ム ペ ー ジ が ど の よ う に 記 述 さ れ て い る か 、 ｈ ｔ ｍ ｌ フ ァ イ ル の ソ ー ス を 確 認 し て み ま し ょ う 。 イ ン タ ー ネ ッ ト ・ エ ク ス プ ロ ー ラ で は、「 表 示 （ Ｖ）」 − − ＞ 「 ソ ー ス （ Ｃ）」 と 開 き ま す 。○ ホ ー ム ペ ー ジ ・ ビ ル ダ ー を 使 う と ・ ・ ・ 。
ｈ ｔ ｍ ｌ フ ァ イ ル は 、 タ グ と 本 文 （body の 部 分 ） を 全 て 手 で 打 っ て 記 述 し て い く こ と で 作 成 で き ま す が 、 た く さ ん の タ グ を マ ス タ ー し て 使 い こ な す こ と や 、 ペ ー ジ 全 体 を 思 っ た よ う に レ イ ア ウ ト す る こ と は 容 易 な こ と で は あ り ま せ ん 。 そ こ で 、 ｈ ｔ ｍ ｌ の 複 雑 な 規 則 を 理 解 し な く て も 簡 単 な 操 作 を 行 う こ と で ホ ー ム ペ ー ジ を 作 成 で き る よ う 手 助 け し て く れ る ソ フ ト ウ ェ ア が 、 今 回 使 用 す る ホ ー ム ペ ー ジ ビ ル ダ ー に 代 表 さ れ る 、 ホ ー ム ペ ー ジ 作 成 ソ フ ト で す 。 ホ ー ム ペ ー ジ 作 成 ソ フ ト を 使 う と 、 白 紙 の 上 に 文 字 を 入 力 し て 色 や 字 体 を 変 更 し た り 写 真 や 画 像 を 貼 り 付 け て 移 動 さ せ た り 縮 小 し た り と い う よ う に 、 あ た か も ワ ー プ ロ で 文 書 を 作 成 す る よ う な 感 覚 で 、 簡 単 に ｈ ｔ ｍ ｌ フ ァ イ ル を 作 成 す る こ と が 可 能 で す 。 ＜ ホ ー ム ペ ー ジ ・ ビ ル ダ ー の 作 成 画 面 ＞ ○ フ ォ ル ダ ー を １ つ 作 り 、 全 て の フ ァ イ ル を そ の 中 に 保 存 し て く だ さ い 。 こ の 講 習 で は 、 デ ス ク ト ッ プ に そ れ ぞ れ の お 名 前 を つ け た フ ォ ル ダ を 作 り 、 そ れ を 利 用 し ま す 。 で は 、 フ ォ ル ダ を 作 成 し て く だ さ い 。○ ホ ー ム ペ ー ジ ・ ビ ル ダ ー を 使 っ て み よ う ！
ホ ー ム ペ ー ジ ・ ビ ル ダ ー の 起 動 と ペ ー ジ 作 成 の 準 備 １．「 ス タ ー ト 」 − − ＞ 「 全 て の プ ロ グ ラ ム 」 − − ＞ 「 Ｉ Ｂ Ｍ ホ ー ム ペ ー ジ ・ ビ ル ダ ー Ｖ ７ 」 − − ＞ 「 ホ ー ム ペ ー ジ ビ ル ダ ー 」 の 順 に ク リ ッ ク し 、 プ ロ グ ラ ム を 起 動 し ま す 。 ２ ． 編 集 ス タ イ ル は ３ 種 類 あ り ま す が 、 こ こ で は 「 か ん た ん 」 を 選 択 し ま す 。 ３．「 ス タ ー ト 」 か ら ペ ー ジ の 編 集 を 始 め ま す が 、 初 め て の 時 は 「 サ イ ト を 作 成 す る 」 を 選 択 し ま す 。 ４．「 サ イ ト 名 」 に は ご 自 分 の お 名 前 を つ け 、 続 い て 「 新 規 に ト ッ プ ペ ー ジ を 作 成 す る 」 を 選 択 し て く だ さ い 。 ５．「 ト ッ プ ペ ー ジ の 作 成 先 フ ォ ル ダ の 指 定 」 で は 、 デ ス ク ト ッ プ を 指 定 し て く だ さ い 。 通 常、「C:¥Documents and Settings¥（ ユ ー ザ ー 名 ） デ ス ク ト ッ プ （ ご 自¥ ¥ 分 の お 名 前 ） ￥ 」 と な り ま す 。６ ． 次 に、「 ペ ー ジ の 作 成 ウ ィ ザ ー ド 」 が 開 き ま す 。 こ こ で は、「 作 り 方 」 を 「 白 紙 」 に、「 編 集 モ ー ド 」 を 「 標 準 モ ー ド 」 に 変 更 し ま す 。
７．「 転 送 設 定 」 は ホ ー ム ペ ー ジ を 公 開 す る た め に 必 要 な 手 順 で す が 、 こ こ で は 行 い ま せ ん の で 「 い い え 」 を 選 択 し て く だ さ い 。
文 字 の 入 力 と 編 集 １ ． 中 央 に 「 白 紙 」 が 表 れ ま す の で 、 ワ ー プ ロ 感 覚 で 編 集 し て い き ま す 。 画 面 左 の 「 ナ ビ メ ニ ュ ー 」 か ら 「 文 字 の 挿 入 」 を 選 択 し 、 文 字 を 入 力 し ま し ょ う 。 ２ ． 次 に 、 入 力 し た 文 字 を 「 中 央 揃 え 」 に し ま し ょ う 。 （方 法 ： 文 字 を ド ラ ッ グ し て、ツ ー ル ・ バ ー の「中 央 揃 え」を ク リ ッ ク し ま す。） ３ ． 次 に 、 文 字 の 色 を 変 更 し ま し ょ う 。 （ 方 法 ： 対 象 と な る 文 字 を ド ラ ッ グ し て 、 ツ ー ル ・ バ ー の 「 文 字 色 の 変 更 」 を 選 択 し て 指 定 し ま す。） ４ ． 同 じ よ う に 、 文 字 の サ イ ズ を 変 更 し た り 字 体 を 変 更 し た り し て み ま し ょ う 。 壁 紙 の 挿 入 １ ． 画 面 左 の 「 ナ ビ メ ニ ュ ー 」 か ら 「 壁 紙 の 挿 入 」 を 選 択 し 、 壁 紙 を 設 定 し ま し ょ う。「 素 材 集 」 に は い ろ い ろ な 壁 紙 が 用 意 さ れ て い ま す の で 、 気 に 入 っ た も の を 選 ぶ と 簡 単 で す 。
水 平 線 、 リ ス ト の 挿 入 、 表 の 挿 入 な ど １ ． 画 面 左 の 「 ナ ビ メ ニ ュ ー 」 か ら、「 水 平 線 の 挿 入 」 を 選 択 し て み ま し ょ う 。 水 平 線 の 「 太 さ 」 と 「 幅 」 を 指 定 し ま す 。 水 平 線 を 右 ク リ ッ ク し て 「 属 性 の 変 更 （ Ａ）」 を 選 択 す る と 、 ス タ イ ル を 変 更 で き ま す 。 ２ ． 画 面 左 の 「 ナ ビ メ ニ ュ ー 」 か ら、「 リ ス ト の 挿 入 」 を 選 択 し て み ま し ょ う 。 そ れ ぞ れ の 行 の 見 出 し に 表 示 す る マ ー ク を 指 定 し ま す 。 見 出 し 無 し の リ ス ト も 挿 入 で き ま す 。 リ ス ト を 右 ク リ ッ ク し て 「 属 性 の 変 更 （ Ａ）」 を 選 択 す る と 、 ス タ イ ル を 変 更 で き ま す 。 ３ ． 画 面 左 の 「 ナ ビ メ ニ ュ ー 」 か ら、「 表 の 挿 入 」 を 選 択 し て み ま し ょ う 。 列 と 行 の 数 を 指 定 し ま す 。 表 の 枠 の 中 に 文 字 を 入 力 し 、 装 飾 し ま し ょ う 。 ４ ． 特 定 の セ ル の 背 景 を 変 え た い 場 合 に は 、 対 象 の セ ル を 右 ク リ ッ ク し て 「 属 性 の 変 更 （ Ａ）」 を 選 択 し、「 背 景 」 の 色 ま た は 画 像 を 設 定 し ま す 。 ５ ． セ ル を 結 合 し た い 場 合 に は 、 対 象 の セ ル を 右 ク リ ッ ク し て、「 選 択 セ ル の 結 合 （ Ｊ）」 を 選 択 し ま す 。
画 像 の 挿 入 （ 素 材 集 か ら ） １ ． ホ ー ム ペ ー ジ ・ ビ ル ダ ー に は 、 様 々 な 絵 柄 や 写 真 が 用 意 さ れ て い ま す 。 画 面 左 の 「 ナ ビ メ ニ ュ ー 」 か ら、「 画 像 の 挿 入 」 を 選 択 し ま す。「 素 材 集 」 か ら 選 択 し て 挿 入 す る と 簡 単 で す が、「 フ ァ イ ル か ら 」 を 選 択 し て 自 分 で 用 意 し た フ ァ イ ル を 使 う こ と も 出 来 ま す 。 （ 画 面 左 の 「 ナ ビ メ ニ ュ ー 」 を 「 素 材 集 」 に 切 り 替 え る と 、 ド ラ ッ グ ア ン ド ド ロ ッ プ で 画 像 を 挿 入 す る こ と が 出 来 ま す。） ロ ゴ の 挿 入 ホ ー ム ペ ー ジ の 題 名 な ど 、 強 調 し た い 文 字 に は 飾 り 文 字 （ ロ ゴ ） を 使 う と 効 果 的 で す 。 ． 「 」 、「 （ ） 」 。 １ 画 面 左 の ナ ビ メ ニ ュ ー か ら ロ ゴ 飾 り 文 字 の 挿 入 を 選 択 し ま す 「 文 字 」 に は 作 り た い ロ ゴ の 文 字 を 入 力 し 、 大 き さ と 好 み の ス タ イ ル を 決 定 し ま す。「 文 字 の 詳 細 設 定 」 か ら は 、 字 体 や 影 な ど が 設 定 出 来 ま す 。
リ ン ク の 挿 入 あ る ペ ー ジ か ら 別 の ペ ー ジ へ 移 る 仕 組 み を 「 リ ン ク 」 と 呼 び 、 リ ン ク を 設 定 す る こ と を 「 リ ン ク を 張 る 」 と 呼 び ま す 。 ・ 外 部 の ペ ー ジ へ Ｕ Ｒ Ｌ を 指 定 し て リ ン ク を 張 る こ と が 出 来 ま す 。 page1.html http://www.pref.gifu.lg.jp/ 例 ： − − ＞ ・ 自 分 で 作 成 し た ペ ー ジ が 複 数 あ れ ば 、 そ れ ぞ れ の ペ ー ジ を リ ン ク す る こ と が 出 来 ま す 。 page1.html page2.html 例 ： ＜ − − ＞ ． 、 「 」 １ 文 字 に リ ン ク を 挿 入 す る 場 合 は 画 面 左 の ナ ビ メ ニ ュ ー か ら リ ン ク の 挿 入 を 選 択 し ま す 。 対 象 と な る 文 字 を ド ラ ッ グ し て か ら 選 択 す る と 、 リ ン ク の 挿 入 先 が 確 定 で き ま す 。 ２ ． 画 像 や ロ ゴ に リ ン ク を 挿 入 す る 場 合 も 、 文 字 に リ ン ク を 挿 入 す る 場 合 と 同 じ 要 領 で 行 い ま す 。
フ ァ イ ル の 保 存 ・ 作 成 し た ペ ー ジ に 設 定 し た 画 像 フ ァ イ ル や リ ン ク は 、 そ れ ぞ れ 関 連 を 持 っ て い ま す 。 そ の た め 、 フ ァ イ ル 名 を 単 独 で 変 更 し た り フ ァ イ ル を 削 除 し た り す る と 、 ペ ー ジ が 正 し く 表 示 で き な く な り ま す 。 ・ 画 像 な ど を 貼 り 付 け た 場 合 に は 、 そ れ ら の フ ァ イ ル も １ つ ず つ 保 存 す る 必 要 が あ り ま す 。 ・ フ ァ イ ル 名 は 、 一 般 的 に 「 ト ッ プ ペ ー ジ 」 に あ た る フ ァ イ ル に は 「index.html」 ま た は 「index.htm」 を 指 定 し ま す 。 ま た 、 日 本 語 や 全 角 文 字 は 使 用 で き ま せ ん 。 作 成 し た ペ ー ジ の ｈ ｔ ｍ ｌ ソ ー ス を 確 認 す る に は ？ 参 考 ま で に 、 ホ ー ム ペ ー ジ ・ ビ ル ダ ー が 作 成 し た ｈ ｔ ｍ ｌ ソ ー ス を 確 認 し て み ま し ょ う 。 １ ． メ ニ ュ ー ・ バ ー か ら 「 表 示 」 − − ＞ 「 編 集 ス タ イ ル の 切 り 替 え （ Ｏ）」 の 順 に ク リ ッ ク し 、 編 集 ス タ イ ル を 「 ス タ ン ダ ー ド 」 に 切 り 替 え ま す 。 ２ ． ウ ィ ン ド ウ を 「 Ｈ Ｔ Ｍ Ｌ ソ ー ス 」 に 切 り 替 え る と 、 ホ ー ム ペ ー ジ ・ ビ ル ダ ー が 作 成 し た ｈ ｔ ｍ ｌ ソ ー ス が 表 示 さ れ ま す 。
○ ホ ー ム ペ ー ジ を 公 開 す る に は ？
・ ホ ー ム ペ ー ジ を 作 成 し て も 、 自 分 の パ ソ コ ン の フ ォ ル ダ に 保 存 し た だ け で は 、 他 の 人 が 見 る こ と は 出 来 ま せ ん 。 イ ン タ ー ネ ッ ト 上 に 公 開 し て 多 く の 人 に 見 て も ら う た め に は、作 成 し た フ ァ イ ル や 貼 り 付 け た 画 像 フ ァ イ ル を 公 開 サ ー バ ー へ「ア File Transfer ッ プ ロ ー ド 」 し な け れ ば な り ま せ ん 。 ア ッ プ ロ ー ド と は、「 Ｆ Ｔ Ｐ （ 」 と 呼 ば れ る 規 則 に 従 っ て 、 フ ァ イ ル を 転 送 す る こ と で す 。 Protcol ） ・ ホ ー ム ペ ー ジ ・ ビ ル ダ ー に は Ｆ Ｔ Ｐ ツ ー ル が 付 属 し て い ま す の で 、 そ れ を 使 っ て フ ァ イ ル を ア ッ プ ロ ー ド す る こ と が 出 来 ま す 。 こ の 講 座 で は 、 実 際 に フ ァ イ ル を ア ッ プ ロ ー ド で き ま せ ん の で 、 説 明 は 割 愛 し ま す 。 ご 了 承 く だ さ い 。 ・ ホ ー ム ペ ー ジ の 公 開 場 所 （ 公 開 サ ー バ ー ） と し て は 、 １ ． 個 人 で 契 約 し て い る プ ロ バ イ ダ の サ ー バ ２ ． 無 料 の ホ ー ム ペ ー ジ 公 開 用 サ ー バ な ど が 考 え ら れ ま す 。http://isweb.www.infoseek.co.jp/
例 ：http://www.tok2.com/
http://www.geocities.co.jp/
（ 各 サ ー ビ ス の 利 用 に つ い て は 、 利 用 規 約 を 必 ず ご 確 認 く だ さ い。）○ 一 歩 進 ん だ ホ ー ム ペ ー ジ を 作 ろ う 。
・ Ｃ Ｓ Ｓ （ カ ス ケ ー デ ィ ン グ ・ ス タ イ ル ・ シ ー ト ） と は 、 ホ ー ム ペ ー ジ の ス タ イ ル （ 書 体 、 レ イ ア ウ ト な ど 見 栄 え に 関 す る も の ） を ま と め て 記 述 し た も の を い い ま す 。 そ れ ぞ れ の タ グ に 属 性 を 指 定 す る こ と で あ る 程 度 は ス タ イ ル を 記 述 す る こ 、 。 と が で き ま す が ス タ イ ル ・ シ ー ト を 使 え ば よ り 効 率 よ く 詳 細 な 設 定 が で き ま す そ れ に 限 ら ず 、 ホ ー ム ペ ー ジ の 見 栄 え が 明 ら か に 違 っ て き ま す の で 、 ぜ ひ Ｃ Ｓ Ｓ を マ ス タ ー し ま し ょ う 。 Ｃ Ｓ Ｓ で 出 来 る こ と （ 例 ） 文 字 書 体 、 文 字 の サ イ ズ 、 太 さ 、 文 字 飾 り な ど 色 と 背 景 文 字 の 色 、 背 景 色 、 背 景 の 画 像 、 背 景 画 像 の 位 置 文 字 の レ イ ア ウ ト 左 揃 え ／ 右 揃 え ／ 両 端 揃 え 、 行 間 隔 な ど レ イ ア ウ ト ペ ー ジ 内 の 余 白 、 表 中 の 余 白 な ど 箇 条 書 き リ ス ト マ ー ク タ イ プ 、 位 置 、 画 像 表 枠 線 の 色 、 余 白 、 文 字 や 画 像 の 位 置 な ど そ の 他 リ ン ク 文 字 の 色 や 文 字 飾 り 、 カ ー ソ ル の 形 状 な ど○ 画 像 の 加 工
ホ ー ム ペ ー ジ ・ ビ ル ダ ー に は、「 ウ ェ ブ ア ー ト デ ザ イ ナ ー 」 と い う 画 像 編 集 ソ フ ト が 付 属 し て い ま す 。 ． 「 （ ）」 「 （ ）」 １ メ ニ ュ ー バ ー の ツ ー ル Ｔ か ら ウ ェ ブ ア ー ト デ ザ イ ナ ー の 起 動 Ｄ を 選 択 し ま す 。 ２ ． ホ ー ム ペ ー ジ ・ ビ ル ダ ー の 素 材 を 編 集 す る こ と も で き ま す し 、 自 分 で 用 意 し た 写 真 や 画 像 の 編 集 も 可 能 で す 。○ わ か り や す く 、 人 に や さ し い ホ ー ム ペ ー ジ と は ？
・ 表 示 が 速 い こ と ・ 画 像 サ イ ズ 、 レ イ ア ウ ト の 確 認 を 。 ・ フ ラ ッ シ ュ の 多 用 も 問 題 多 し 。 ・ ダ イ ヤ ル ア ッ プ の ユ ー ザ に も 配 慮 を 。 ・ 情 報 が 正 し い こ と ・ 情 報 が 新 し い こ と ・ 情 報 が 頻 繁 に 更 新 さ れ る こ と ・ 更 新 日 の 表 示 が あ る こ と ・ 月 日 だ け で は な く 、 年 月 日 の 表 示 が 望 ま し い 。 ・ 必 要 な 情 報 が 探 し や す い こ と ・ 情 報 が 多 け れ ば 多 い ほ ど、「 案 内 」 が 重 要 （ サ イ ト マ ッ プ の 設 置 な ど）。 ・ 表 示 の 横 幅 、 縦 幅 が 適 切 で あ る こ と ・ 横 ス ク ロ ー ル は 不 便 、 縦 ス ク ロ ー ル も ほ ど ほ ど に 。 ・ 情 報 量 が 多 け れ ば 、 ペ ー ジ を 分 け る こ と 。・ 文 字 と 画 像 の バ ラ ン ス が 適 切 で あ る こ と ・ 文 字 ば か り 、 画 像 ば か り で は 、 ど ち ら も 見 づ ら い 。 ・ 色 づ か い 文 字 サ イ ズ 、 字 体 が 適 切 で あ る こ と ・ 閲 覧 者 の 環 境 （ パ ソ コ ン の 種 類 、 身 体 的 状 態 な ど ） は 様 々 で あ る た め 、 誰 に も 同 じ よ う に 見 え る デ ザ イ ン 、 配 色 を （ ユ ニ バ ー サ ル ・ デ ザ イ ン）。 ・ ア ク セ シ ビ リ テ ィ ー （【accessibility】） の 視 点 （ 以 下 は 、http://e-words.jp/か ら 引 用 ） 情 報 や サ ー ビ ス 、 ソ フ ト ウ ェ ア な ど が 、 ど の 程 度 広 汎 な 人 に 利 用 可 能 で あ る か を あ ら わ す 語 。 特 に 、 高 齢 者 や 障 害 者 な ど ハ ン デ ィ を 持 つ 人 に と っ て 、 ど の 程 度 利 用 し や す い か と い う 意 味 で 使 わ れ る こ と が 多 い 。accecibility と は 「 受 け 入 れ ら れ や す さ 」 と い う 意 味 の 英 単 語 で あ る 。 例 え ば 、 手 や 腕 の 障 害 の た め に マ ウ ス を 使 え な い 場 合 、 ソ フ ト ウ ェ ア は キ ー ボ ー ド だ け で 利 用 可 能 で あ る 必 要 が あ る 。 弱 視 や 老 眼 の 人 に と っ て は フ ォ ン ト サ イ ズ や 配 色 は 容 易 に カ ス タ マ イ ズ 可 能 で な く て は 見 に く い 。 視 覚 障 害 の 人 は 読 み 上 げ ソ フ ト を 使 う の で 、 そ れ に 適 し た レ イ ア ウ ト や 記 述 方 法 が 求 め ら れ る 。 特 に 、Web ペ ー ジ に つ い て の 「 利 用 の し や す さ 」 を 「Webア ク セ シ ビ リ テ ィ 」 と い う 。 こ れ に つ い て は 「WCAG」 (Web Content Accessibility Guidelines) と い う 指 針 が W3C に よ っ て 提 唱 さ れ て い る 。 画 像 や 音 声 な ど に は 代 替 テ キ ス ト に よ る 注 釈 を つ け る 、 す べ て の 要 素 を キ ー ボ ー ド で 指 定 で き る よ う に す る 、 情 報 内 容 と 構 造 、 お よ び 表 現 を 分 離 で き る よ う に す る な ど の 方 針 が 定 め ら れ て い る 。 ・ ユ ー ザ ビ リ テ ィ （【usability】） の 視 点 （ 以 下 は 、http://e-words.jp/か ら 引 用 ） ソ フ ト ウ ェ ア や Web サ イ ト の 「 使 い や す さ 」 の こ と 。 様 々 な 機 能 に な る べ く 簡 単 な 操 作 で ア ク セ ス で き る こ と や 、 使 っ て い て ス ト レ ス や 戸 惑 い を 感 じ な い こ と な ど が 、 優 れ た ユ ー ザ ビ リ テ ィ に つ な が る 。 ま た 、 ユ ー ザ が 目 標 の 操 作 を 完 了 す る ま で に 費 や し た 労 力 な ど も ユ ー ザ ビ リ テ ィ の 指 標 と な る 。 ソ フ ト ウ ェ ア の 使 用 感 を 指 す こ と が 多 い が 、 広 く ハ ー ド ウ ェ ア ま で 含 め た 工 業 製 品 全 般 に 対 し て 使 う 場 合 も あ る 。 国 際 規 格 の ISO 9241-11 で は 、 ユ ー ザ ビ リ テ ィ を 「 特 定 の 利 用 状 況 に お い て 、 特 定 の 利 用 者 に よ っ て 、 あ る 製 品 が 、 指 定 さ れ た 目 標 を 達 成 す る た め に 用 い ら れ る 際 の 、 有 効 さ 、 効 率 、 利 用 者 の 満 足 度 の 度 合 い 」 と 定 義 し て い る 。
参 考 文 献 ホ ー ム ペ ー ジ デ ビ ュ ー の す べ て が わ か る 本 株 式 会 社 秀 和 シ ス テ ム ２ ０ ０ １ 年 ４ 月 ８ 日 幸 田 幸 子 ＆ ア ン カ ー ・ プ ロ 著 デ ザ イ ン を 変 え ず に 表 示 が 速 く な る ｗ ｅ ｂ サ イ ト の ダ イ エ ッ ト 株 式 会 社 メ デ ィ ア ・ テ ッ ク 出 版 ２ ０ ０ １ 年 １ 月 ６ 日 佐 藤 信 正 著 標 準 ウ ェ ブ ユ ー ザ ビ リ テ ィ 辞 典 株 式 会 社 イ ン プ レ ス ２ ０ ０ ３ 年 ４ 月 １ 日 ソ シ オ メ デ ィ ア （ 株 ） 編 著 参 考 ウ ェ ブ サ イ ト http://www.catvy.ne.jp/~jc-sudo/builder/index_bld.htm マ ニ ュ ア ル に 書 い て い な い ホ ー ム ペ ー ジ ビ ル ダ ー 講 座 ス タ ジ オ マ イ ン
