よくわかる HTML5 ＆ CSS3 ウェブサイト構築の基本と実践 Windows 10 用補足資料 「よくわかる HTML5 ＆ CSS3 ウェブサイト構築の基本と実践」（型番：FPT1507）は、Windows 8.1 環境で学習する場合の 操作手順を掲載しています。Windows 10 環境で学習する場合の操作手順の違いについては、次のとおりです。 頁 P.3 章 本書をご利用いただく 前に 見出し 4 学習環境について 学習時の注意事項 「◆拡張子の表示」の操作手順①を次の手順に置き換えて 操作してください。 ①Windows 10 のデスクトップ画面が表示されていることを 確認します。 P.4 本書をご利用いただく 前に 5 学習ファイルのダウンロード について 「◆ダウンロード」の操作手順①～⑨を、次の手順に置き換 えて操作してください。 ①Windows 10 のデスクトップ画面が表示されていることを 確認します。 ②タスクバーの《Microsoft Edge》をクリックします。 ③アドレスを入力し、《Enter》を押します。 ④FOM 出版の《テキストデータダウンロード》のホームペー ジが表示されます。 ⑤《インターネット/ホームページ/SNS》の《ホームページ作 成》をクリックします。 ⑥《HTML5＆CSS3 ウェブサイト構築の基本と実践》のファイ ル名「fpt1507.zip」をクリックします。 ⑦ダウンロード完了のメッセージの《×》をクリックし、メッセ ージを閉じます。 ⑧《閉じる》をクリックし、Microsoft Edge を終了します。 P.4 本書をご利用いただく 前に 5 学習ファイルのダウンロード について 「◆ダウンロードしたファイルの解凍」の操作手順①～⑪ を、次の手順に置き換えて操作してください。 ①Windows 10 のデスクトップ画面が表示されていることを 確認します。 ②タスクバーの《エクスプローラー》をクリックします。 ③《クイックアクセス》の《ダウンロード》をクリックします。 ④ファイル《fpt1507.zip》を右クリックします。 ⑤《すべて展開》をクリックします。 ⑥《圧縮（ZIP 形式）フォルダーの展開》ダイアログボックス が表示されます。 ⑦《参照》をクリックします。 ⑧《展開先を選んでください。》が表示されます。 ⑨《クイックアクセス》の《ドキュメント》をクリックします。 ⑩《フォルダーの選択》をクリックします。 P.17 第1 章 HTML5 の基礎知識 STEP3 HTML ファイルを作成する 「1 HTML ファイルの作成」の操作手順①～③を、次の手順 に置き換えて操作してください。 ①Windows 10 のデスクトップ画面が表示されていることを 確認します。 ②《スタート》をクリックします。 ③《すべてのアプリ》をクリックします。 ④《W》の《Windows アクセサリ》をクリックします。 ⑤《メモ帳》をクリックします。 ©2015 FUJITSU FOM LIMITED 1/2 頁 P.28 章 第1 章 HTML5 の基礎知識 見出し 学習時の注意事項 STEP5 Web ページの本体を作成する 「2 見出しの設定」の操作手順②を、次の手順に置き換え て操作してください。 ②タスクバーの《Microsoft Edge》をクリックして、Microsoft Edge に切り替えます。 ※これ以降の Internet Explorer への切り替え操作は、同様に読み 替えてください。 P.42 第2 章 CSS3 の概要 STEP2 HTML ファイルに CSS ファイル 「2 CSS ファイルの関連付け」の操作手順③～⑥を、次の 手順に置き換えて操作してください。 を関連付ける ③《プログラムから開く》をポイントします。 ※サブメニューに《メモ帳》が表示された場合は、《メモ帳》をクリッ クし、⑧に進みます。 《メモ帳》が表示されなかった場合は、《別のプログラムを選択》 をクリックし、④に進みます。 ④《このファイルを開く方法を選んでください。》が表示され ます。 ⑤《その他のアプリ》をクリックします。 ⑥《常にこのアプリを使って.html ファイルを開く》が□になっ ていることを確認します。 ⑦《メモ帳》をクリックします。 ⑧《OK》をクリックします。 P.140 第6章 リンクの設定 STEP2 別の Web ページへのリンクを 設定する 「2 別の Web ページへのリンクの設定」の操作手順⑧を、 次の手順に置き換えて操作してください。 ⑧《戻る》をクリックします。 P.161 第7章 Webページの動作検証 STEP4 さまざまなブラウザで表示を 確認する 「2-1 以前のバージョンの Internet Explorer での表示」の操 作手順①を、次の手順に置き換えて操作してください。 ①Microsoft Edge で HTML ファイル「index.html」を表示しま す。 ②《他の操作》をクリックし、《Internet Explorer で開く》をクリ ックします。 ※Microsoft Edge で［F12］を押して開発者ツールを起動できます が、画像周辺のボーダーやグラデーションの非表示の確認がで きません。上記の操作手順で Internet Explorer を開いて確認して ください。 P.167 第7章 STEP6 印刷用にカスタマイズする Webページの動作検証 「1 印刷結果の確認」の操作手順③～⑤を、次の手順に置 き換えて操作してください。 ③《他の操作》をクリックします。 ④《印刷》をクリックします。 P.169 第7章 Webページの動作検証 STEP6 印刷用にカスタマイズする 「1 印刷結果の確認」の操作手順⑤～⑦を、次の手順に置 き換えて操作してください。 ⑤《他の操作》をクリックします。 ⑥《印刷》をクリックします。 以 上 ©2015 FUJITSU FOM LIMITED 2/2
© Copyright 2024 ExpyDoc
