2020年ウェブサイト作成講習会

実習内容

第1日目

実習用にフォルダーの作成

実習用に下図のとおりフォルダーを作成した。

フォルダー作成

既定のアプリの変更

ファイルをブラウザーで開いたときに起動するアプリ(既定のアプリ)を変更する方法を紹介した。

「Windows の設定」→「アプリ」→「既定のアプリ」→「Web ブラウザー」から既定のブラウザーに設定したいブラウザを選択します

既定のアプリの変更

メモ帳のカスタマイズ

「書式」から「フォント」を選択すると、メモ帳のフォントやサイズを変更することができます。

また「右端で折り返す」にチェックを入れると長文でもWindowサイズで自動的に折り返します。

保存して無いときはタイトルバーに*が表示されます。

テキストファイルの作成とブラウザでの閲覧

テキスト「HTMLとは」ページの囲み記事「USJへ行っ・・・・子供も喜んでいました。」をメモ帳に貼り付け上記で作成した「Web-Sample」フォルダーにファイル名「report.txt」として保存した。

このファイルをGoogle Chrome、FireFox、Edge、IEで開いた(Edgeではテキストファイルを直接開くことができないので、IEで開くいたURLをアドレス欄にコピペした)。結果は、下図のとおり、EdgeとIEでは文字化けが発生することを確認した。

chrom
Google Chrome
FireFox
FireFox
Edge
Edge
IE11
IE

メモ帳を保存する際に文字コードをUTF-8(BOM付き)に指定すると文字化けが起こらないことを確認した。

Edge
Edge
IE11
IE

注:Edgeについて、実習を実施した時点では上記のとおりでしたが、2020 年 1 月 15 日にリリースされた新しい Microsoft Edge では文字化けが生じません。