Webクリエイター能力認定試験<初級>公認テキスト&問題集　改訂版　補足資料

Size: px

Start display at page:

Download "Webクリエイター能力認定試験<初級>公認テキスト&問題集　改訂版　補足資料"

ひできいせき
5 years ago
Views:

1 よくわかるマスター Web クリエイター能力認定試験 HTML4.01 対応 < 初級 > 公認テキスト & 問題集改訂版補足資料本資料には次の補足説明を収録しています (1)Internet Explorer 8 で学習する場合の補足説明 (2) 受験者用 FD の記述に関する補足説明なおご利用にあたって本資料をご利用いただく前にを必ずご一読ください

2 本資料をご利用いただく前にテキスト名 : よくわかるマスター 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 対応についてはサーティファイのホームページでご確認ください

3 P.26~29 3 問題を解く Internet Explorer 8 の場合 3 問題を解くの操作手順 1~14 を次の手順に置き換えて操作してくださいスタートボタンをクリックしますマイドキュメントまたはドキュメントをクリックします 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 上書き保存をクリックしますタスクバーの Internet Explorer ボタンをクリックし Internet Explorer のウィンドウに切り替えます最新の情報に更新をクリックします結果を確認します Point ソースの表示では HTML ファイルを編集できない Internet Explorer 8 では P.27 8 ソースの表示をクリックしますを操作してもメモ帳が起動しませんソースの表示をクリックするとソースは表示されますがソースを編集して上書き保存することができないのでご注意ください

4 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 の場合 < 仕上がりイメージ > が異なります枠線のスタイル二重線は細く表示されますまた枠線のスタイル点線はドットがやや小さく表示されます

5 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 ホテル案内の上側に余白が入り背景イメージが見える状態になります

6 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 の場合 < 仕上がりイメージ > が異なりますセルと見出しセルの外枠線のデザインがやや異なります

7 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 で文字列をクリックすると Internet Explorer セキュリティダイアログボックスが表示される場合があります表示されたら許可するをクリックしますフォルダ構成ファイル構成の受験者 FD の記載にご注意ください Internet Explorer 8 の場合 < 仕上がりイメージ > が異なりますイメージ effect_bt.jpg drink_bt.jpg shop_bt.jpg の下側に茶色の下線が表示されます Internet Explorer 8 で文字列こちらからをクリックすると Internet Explorer セキュリティダイアログボックスが表示される場合があります表示されたら許可するをクリックします

8 よくわかるマスター Web クリエイター能力認定試験 HTML4.01 対応 < 初級 > 公認テキスト & 問題集改訂版補足資料 2010 年 3 月初版著作制作 : 富士通エフオーエム株式会社 Microsoft Windows Windows Vista Internet Explorer は米国 Microsoft Corporation の米国およびその他の国における登録商標または商標ですその他記載されている会社名および製品名は各社の登録商標または商標です本文中では TM は省略しています本書は著作権法上の保護を受けています本書の一部あるいは全部についていかなる方法においても無断で複写複製することは禁じられています

MOS_Windows8

MOS_Windows8 テキストの見方や Windows 8 がインストールされているパソコンでの環境設定 CD-ROM のセットアップなど学習を進める際に知っておくべき内容について確認します Windows 8 がインストールされている環境では各テキストに収録されている模擬試験プログラムが正常に動作しない場合があります本書の記載は次のテキストを対象としていますまたテキスト名には次の略称を使用していますテキスト名

Webクリエイター能力認定試験<初級>公認テキスト&問題集 改訂版 補足資料

Webクリエイター能力認定試験<初級>公認テキスト&問題集　改訂版　補足資料