学科 CSS基礎②

-本日のアジェンダ-

1限目
学科 CSS基礎②
HTMLとCSSの歴史について

2限目
学科 CSS基礎②
HTMLの攻略法について

3限目
学科 CSS基礎②
CSSの攻略法について

4限目
学科 CSS基礎②
コーダーの攻略法について

5限目
学科 CSS基礎②
本日のまとめ

本日のテーマ

適当と厳密

HTMLとは?

HyperText Markup Language(HTML)
ハイパーテキスト マークアップ ランゲージ
拡張子は「.html」

HyperText Markup Languageは、ハイパーテキストを記述するためのマークアップ言語の1つである。World Wide Web において、ウェブページを表現するために用いられる。 ウィキペディア

参考サイト

CSSとは?

Cascading Style Sheets(CSS)
カスケーディング・スタイル・シート
拡張子は「.css」

Cascading Style Sheetsとは、HTML や XML の要素をどのように修飾するかを指示する、W3Cによる仕様の一つ。文書の構造と体裁を分離させるという理念を実現する為に提唱されたスタイルシートの、具体的な仕様の一つ。 ウィキペディア

参考サイト

javascriptとは?

JavaScript
ジャバスクリプト
拡張子「.js」

JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、全く異なるプログラミング言語である。 JavaScriptはプロトタイプベースのオブジェクト指向スクリプト言語であるが、クラスなどのクラスベースに見られる機能も取り込んでいる。 ウィキペディア

参考サイト

ファイルの作成方法について

  1. テキストエディタ(TeraPad等※Macなら「テキストエディット」等)を起動する
  2. ファイルの保存の時に拡張子を「.html」や「.css」や「.js」にする
  3. 文字コードを「UTF-8」(場合により違う文字コード)にする
  4. 再び保存
  5. ブラウザで確認

参考サイト

攻略法極意3点

タグチェックツール

デベロッパーツール

まとめサイト