HTML+CSS 初日
投稿日:2021-10-15
更新日:2022-03-24
ブラウザに画面を表示するために必要な言語
HTML:文章構造を定義する言語
CSS:デザインを定義する言語
※プログラムから生成できることを目的とする。
テキストエディター
- TeraPad
- サクラエディタ
- 秀丸エディタ
始めは「TeraPad」を使用し、その後「VSCode」を使用していく。
ブラウザ
- Chrome
- Firefox
- Microsoft Edge
授業では「Chrome」を使用していく。
※作成したWebページをどのブラウザで表示確認するかを
事前にCLと決めておく必要がある。
その際「StatCounter」で国別のブラウザシェアを確認できる。
表示するプログラムをテキストエディタに変える
HTMLファイルをダブルクリックした時にTeraPadで開く設定
↓ 「Edge」を「TeraPad」に変更
対象のファイルがなんのファイルかを拡張子で確認する。
↓ 表示タブから「ファイル名拡張子」をチェックして「名前」に拡張子を表示する
↓ 拡張子「.html」を確認して開く