sit in a circle and chat happily

HTML+CSS 初日

投稿日:2021-10-15
更新日:2022-03-24
HTML・CSS

ブラウザに画面を表示するために必要な言語

HTML:文章構造を定義する言語
CSS:デザインを定義する言語

※プログラムから生成できることを目的とする。

テキストエディター

  • TeraPad
  • サクラエディタ
  • 秀丸エディタ

始めは「TeraPad」を使用し、その後「VSCode」を使用していく。

ブラウザ

  • Chrome
  • Firefox
  • Microsoft Edge

授業では「Chrome」を使用していく。

※作成したWebページをどのブラウザで表示確認するかを
 事前にCLと決めておく必要がある。

その際「StatCounter」で国別のブラウザシェアを確認できる。

日本のブラウザシェア(2021/10/15)

表示するプログラムをテキストエディタに変える

HTMLファイルをダブルクリックした時にTeraPadで開く設定

 ↓ 「Edge」を「TeraPad」に変更

 対象のファイルがなんのファイルかを拡張子で確認する。
 ↓ 表示タブから「ファイル名拡張子」をチェックして「名前」に拡張子を表示する

  ↓ 拡張子「.html」を確認して開く

カテゴリー