よくわかるマスター Web クリエイター能力認定試験 HTML4.01 対応 < 初級 > 公認テキスト & 問題集改訂版 補足資料 本資料には 次の補足説明を収録しています (1)Internet Explorer 8 で学習する場合の補足説明 (2) 受験者用 FD の記述に関する補足説明なお ご利用にあたって 本資料をご利用いただく前に を必ずご一読ください
本資料をご利用いただく前に テキスト名 : よくわかるマスター Web クリエイター能力認定試験 HTML4.01 対応 < 初級 > 公認テキスト & 問題集改訂版 型番 :FPT0831 本資料の用途 次の用途で本資料をお役立てください (1) Internet Explorer 8 で学習する場合の補足説明 2010 年度より本試験の対応環境が Internet Explorer 6/7 から Internet Explorer 7/8 対応 に変更されることになりました これに伴い 上記テキストを Internet Explorer 8 で学習する場合の注意事項を記載しています (2) 受験者用 FD の記述に関する補足説明 2010 年度より本試験の問題データの配布元および完成データの保存先が 受験者用 FD に限定されず 試験会場によって随時変更されることになりました これに伴い 上記テキストにおけるデータの扱い方について注意事項を記載しています 利用上の注意事項 次の内容にご同意の上 本資料をご利用ください (1) 上記テキストは 2009 年 2 月現在の試験情報に基づき Internet Explorer 6/7 の解釈および表示を解説しています Internet Explorer 8 で学習する場合 画面の表示や記載の機能が操作できない可能性があることをご了解ください (2) 上記テキストは 2009 年 2 月現在の試験情報に基づき 模擬試験および過去問題において 受験者用 FD を使って実習する方法を紹介しています 受験者用 FD に関する記述部分は 試験会場によって異なることをご了解ください 試験の Internet Explorer 8 対応情報 Web クリエイター能力認定試験に関する Internet Explorer 8 対応については サーティファイのホームページでご確認ください http://www.sikaku.gr.jp/web/index_wc.html
P.26~29 3 問題を解く Internet Explorer 8 の場合 3 問題を解く の操作手順 1~14 を次の手順 に置き換えて操作してください 1 2 3 4 5 スタート ボタンをクリックします マイドキュメント または ドキュメント をクリックします Web クリエイター初級 をダブルクリックします 第 2 章 をダブルクリックします Lesson をダブルクリックします 問題文で指示されているフォルダを開きます Lesson ウィンドウが表示されます 6 問題文で指定されている HTML ファイルのアイコンをダブルクリックします Internet Explorer が起動し HTML ファイルが Web ページとして表示されます 7 タスクバーの Lesson ボタンをクリックし Lesson ウィンドウに切り替えます 問題文で指示されているフォルダのウィンドウに切り替えます Lesson ウィンドウが表示されます 8 HTML ファイルのアイコンを右クリックします 9 プログラムから開く をポイントします 10 Notepad または メモ帳 をクリックします メモ帳が起動し HTML ファイルのソースが表示されます 11 問題文の指示に従って HTML を記述します HTML ファイルを上書き保存します 12 ファイル をクリックします 13 上書き保存 をクリックします 14 15 16 タスクバーの Internet Explorer ボタンをクリックし Internet Explorer のウィンドウに切り替えます 最新の情報に更新 をクリックします 結果を確認します Point ソースの表示 では HTML ファイルを編集できない Internet Explorer 8 では P.27 8 ソースの表示 をクリックします を操作しても メモ帳が起動しません ソースの表示 をクリックすると ソースは表示されますが ソースを編集して 上書き保存することができないので ご注意ください
P.42 第 2 章問題 11 Internet Explorer 8 の場合 ブラウザ上でイメージにマウスポインタを合わ せても ポップヒントとして代替文字が表示されません Point ポップヒントを表示するには Internet Explorer 8 では ポップヒントに表示する文字列は title 属性で設定します 例 :<img src= images/dog.jpg alt= 愛犬の写真 title= 愛犬の写真 > P.44 第 2 章問題 13 P.48~53 第 2 章問題 16~21 Internet Explorer 8 の場合 < 仕上がりイメージ > が異なります テーブルの外枠線のデザインがやや異なります P.55 P.56 第 2 章問題 22 第 2 章問題 23 また テーブルの外枠線のデザインがやや異なります Internet Explorer 8 の場合 < 仕上がりイメージ > が異なります 行頭記号がやや小さく表示されます Internet Explorer 8 で文字列 メール をクリックすると Internet Explorer セキュリティ ダイアログボックスが表示される場合があります 表示されたら 許可する をクリックします P.58~59 第 2 章問題 24~25 P.88~90 第 4 章問題 15~17 P.94 解説 border-style Internet Explorer 8 の場合 border-style プロパティに用意されている値のうち groove ridge inset outset は ブラウザ上での見え方がテキストのサンプルと異なります groove ridge inset outset を指定していても 枠線の色が濃かったり 枠線が細かったりすると ブラウザ上では実線に見えます Point 各値の違いを確認する各値の見え方の違いを確認するには border-color プロパティで枠線を薄い色に border-width プロパティで枠線を太く設定しましょう 例 :border-color:#ccffcc; border-width:10px; P.95 第 4 章問題 20 Internet Explorer 8 の場合 < 仕上がりイメージ > が異なります 枠線のスタイル 全体を盛り上げて表示 は黒い実線のように表示されます Point ズーム表示で拡大して確認する Internet Explorer 8 のステータスバーの 100% の 400% を選択し Web ページ表示領域を拡大してみましょう 枠線のスタイルの違いを確認できます 確認できたら 400% の 100% を選択し もとの表示に戻しておきましょう P.96 第 4 章問題 21 Internet Explorer 8 の場合 < 仕上がりイメージ > が異なります 枠線のスタイル 二重線 は細く表示されます また 枠線のスタイル 点線 はドットがやや小さく表示されます
P.104 第 4 章問題 29 Internet Explorer 8 の場合 < 仕上がりイメージ > が異なります イメージの直下に水平線が表示されます Point イメージと水平線の間を空けるイメージと水平線の間を空けるには style 要素の img に margin-bottom プロパティの設定を追加します 例 :margin-bottom:20px; P.105 第 4 章問題 30 P.112 模擬試験 2 受験者用 FD の作成 P.114 模擬試験第 1 回模擬試験規定問題 P.115 模擬試験第 1 回模擬試験規定問題問題 3 P.115 模擬試験第 1 回模擬試験規定問題問題 4 P.116 模擬試験第 1 回模擬試験規定問題問題 6 P.117 模擬試験第 1 回模擬試験規定問題問題 7 P.118 模擬試験第 1 回模擬試験自由問題 P.121 模擬試験第 1 回模擬試験自由問題 2. トップページの仕様 2010 年度に出題される本試験では 問題データの配布元および完成データの保存先は 受験者用 FD とは限りません 試験会場によって 媒体が異なるので 注意してください 3.5 インチ FD ローカルディスク など どの媒体でも対処できるように 問題データを開く方法および完成データを保存する方法を確認しておきましょう 模擬試験の前に 必ずしも 受験者用 FD を作成する必要はありません Internet Explorer 8 で文字列 abc@fom をクリックすると Internet Explorer セキュリティ ダイアログボックスが表示される場合があります 表示されたら 許可する をクリックします Internet Explorer 8 の場合 < 仕上がりイメージ > が異なります テーブルの外枠線が表示されません 模擬試験の前に 必ずしも 受験者用 FD を作成する必要はありません フォルダ構成 ファイル構成 の 受験者 FD は 指定された媒体に読み替えてください Internet Explorer 8 の場合 < 仕上がりイメージ > が異なります 見出し 1 DOG WORLD の上側に余白が入り 背景イメージが見える状態になります P.123 模擬試験第 1 回模擬試験自由問題 3. ショップ案内 ページの仕様 P.124 模擬試験第 1 回模擬試験自由問題 4. ホテル案内 ページの仕様 Point 見出しの上側の余白をなくす見出し 1 の上側の余白をなくすには h1 に margin プロパティの設定を設定します 例 :margin:0; Internet Explorer 8 の場合 < 仕上がりイメージ > が異なります 見出し 1 ショップ案内 の上側に余白が入り 背景イメージが見える状態になります Internet Explorer 8 の場合 < 仕上がりイメージ > が異なります 見出し 1 ホテル案内 の上側に余白が入り 背景イメージが見える状態になります
P.125 模擬試験第 1 回模擬試験自由問題 5. 会社案内 ページの仕様 P.126 模擬試験第 2 回模擬試験規定問題 P.129 模擬試験第 2 回模擬試験規定問題問題 8 P.130 模擬試験第 2 回模擬試験自由問題 Internet Explorer 8 の場合 < 仕上がりイメージ > が異なります 見出し 1 会社案内 の上側に余白が入り 背景イメージが見える状態になります Internet Explorer 8 で文字列 dog@world をクリックすると Internet Explorer セキュリティ ダイアログボックスが表示される場合があります 表示されたら 許可する をクリックします 模擬試験の前に 必ずしも 受験者用 FD を作成する必要はありません また 枠線がやや短く表示されます 模擬試験の前に 必ずしも 受験者用 FD を作成する必要はありません フォルダ構成 ファイル構成 の 受験者 FD は 指定された媒体に読み替えてください P.134 模擬試験第 2 回模擬試験自由問題 3. 入園ガイド ページの仕様 P.137 模擬試験第 2 回模擬試験自由問題 5. 園内マップ ページの仕様 P.138 模擬試験第 3 回模擬試験規定問題 P.138 模擬試験第 3 回模擬試験規定問題問題 1 P.140 模擬試験第 3 回模擬試験規定問題問題 6 P.141 模擬試験第 3 回模擬試験規定問題問題 7 P.141 模擬試験第 3 回模擬試験規定問題問題 8 Internet Explorer 8 の場合 < 仕上がりイメージ > が異なります 見出し 2 開園時間 入園料 所在地 の枠線( 左 ) のスタイル ridge( 全体を盛り上げて表示 ) は黒い実線のように表示されます また 行頭記号がやや小さく表示されます Internet Explorer 8 で文字列 butterfly@botanical.garden をクリックすると Internet Explorer セキュリティ ダイアログボックスが表示される場合があります 表示されたら 許可する をクリックします Internet Explorer 8 の場合 < 仕上がりイメージ > が異なります 見出し 2 CAFE SHOP の枠線 ( 左 ) のスタイル ridge( 全体を盛り上げて表示 ) は黒い実線のように表示されます また イメージ map.gif と段落 季節の花々 癒してください の間が詰まって表示されます 模擬試験の前に 必ずしも 受験者用 FD を作成する必要はありません Internet Explorer 8 の場合 < 仕上がりイメージ > が異なります 背景イメージが表示される位置が異なります Internet Explorer 8 では body 要素の右下に表示されます そのため 本文を長くすると背景イメージを確認できます Internet Explorer 6/7では ブラウザのWeb ページ表示領域の右下に表示されます Internet Explorer 8 で文字列 ino@koubou をクリックすると Internet Explorer セキュリティ ダイアログボックスが表示される場合があります 表示されたら 許可する をクリックします Internet Explorer 8 の場合 < 仕上がりイメージ > が異なります セルと見出しセルの外枠線のデザインがやや異なります
P.142 模擬試験第 3 回模擬試験自由問題 P.146 模擬試験第 3 回模擬試験自由問題 3. 診療案内 ページの仕様 P.152 付録 1 2 受験者用 FD の作成 P.157 付録 1 過去問題 C パターン規定問題問題 4 P.160 付録 1 過去問題 C パターン規定問題問題 6 P.162 付録 1 過去問題 C パターン規定問題問題 8 P.165 付録 1 過去問題 C パターン自由問題 模擬試験の前に 必ずしも 受験者用 FD を作成する必要はありません フォルダ構成 ファイル構成 の 受験者 FD は 指定された媒体に読み替えてください Internet Explorer 8 で文字列 yoyaku@fom をクリックすると Internet Explorer セキュリティ ダイアログボックスが表示される場合があります 表示されたら 許可する をクリックします 収録されている過去問題 C パターン V パターン は 2009 年 2 月以前に出題されたものです 2010 年度に出題される本試験では 問題データの配布元および完成データの保存先は 受験者用 FD とは限りません 試験会場によって 媒体が異なるので 注意してください 3.5 インチ FD ローカルディスク など どの媒体でも対処できるように 問題データを開く方法および完成データを保存する方法を確認しておきましょう 過去問題の前に 必ずしも 受験者用 FD を作成する必要はありません Internet Explorer 8 で文字列 sika@xxx をクリックすると Internet Explorer セキュリティ ダイアログボックスが表示される場合があります 表示されたら 許可する をクリックします Internet Explorer 8 の場合 < 仕上がりイメージ > が異なります 左側の div 要素と右側の div 要素の高さがそろいません 右側の div 要素の方が短くなります フォルダ構成 ファイル構成 の 受験者 FD の記載にご注意ください P.173 付録 1 過去問題 C パターン自由問題 5. 資料館案内 ページの仕様 P.179 付録 1 過去問題 V パターン規定問題問題 4 P.187 付録 1 過去問題 V パターン自由問題 P.190 付録 1 過去問題 V パターン自由問題 2. トップページの仕様 P.194 付録 1 過去問題 V パターン自由問題 4. チョコレートに合う飲み物 ページの仕様 Internet Explorer 8 で文字列 iwakura@xxx をクリックすると Internet Explorer セキュリティ ダイアログボックスが表示される場合があります 表示されたら 許可する をクリックします Internet Explorer 8 で文字列 E-mail をクリックすると Internet Explorer セキュリティ ダイアログボックスが表示される場合があります 表示されたら 許可する をクリックします フォルダ構成 ファイル構成 の 受験者 FD の記載にご注意ください Internet Explorer 8 の場合 < 仕上がりイメージ > が異なります イメージ effect_bt.jpg drink_bt.jpg shop_bt.jpg の下側に茶色の下線が表示されます Internet Explorer 8 で文字列 こちらから をクリックすると Internet Explorer セキュリティ ダイアログボックスが表示される場合があります 表示されたら 許可する をクリックします
よくわかるマスター Web クリエイター能力認定試験 HTML4.01 対応 < 初級 > 公認テキスト & 問題集改訂版 補足資料 2010 年 3 月初版 著作 制作 : 富士通エフ オー エム株式会社 Microsoft Windows Windows Vista Internet Explorer は米国 Microsoft Corporation の米国およびその他の国における登録商標または商標です その他 記載されている会社名および製品名は 各社の登録商標または商標です 本文中では TM は省略しています 本書は著作権法上の保護を受けています 本書の一部あるいは全部について いかなる方法においても無断で複写 複製することは禁じられています