HTML、CSSの学習に必要なツール

HTMLとCSSの学習に必要となるツールは次の2つです。

  • テキストエディター
  • ブラウザ

テキストエディター

HTMLとCSSを書いていくためには、テキストエディターが必要です。
Windowsなら「メモ帳」、Macなら「テキストエディット」が標準でインストールされています。

無料から使えるテキストエディットが多数のあるので、新たにインストールして使いましょう。

Web制作に使えるエディタ一覧 Atom、Sublime Text、Brackets、Coda

ブラウザは、Google Chromeがおすすめ

ブラウザは、Google Chromeがおすすめです。

「Chromeデベロッパー・ツール」というWeb制作の上では必須となる便利なツールが備わっています。

パソコン版 Chromeにアクセスし、「Chromeをダウンロード」をクリックします。

HTML-CSS-tools-1

「Chromeをダウンロード」をクリック

「Google Chrome 利用規約」が表示されたら、「同意してインストール」をクリックします。

HTML-CSS-tools-2

「同意してインストール」

ダウンロードフォルダに「googlechrome.dmg」がダウンロードされるのでダブルクリックして展開します。

HTML-CSS-tools-3

HTML-CSS-tools-3

「google chrome」のアイコンをApplicationフォルダにドラッグして移動します。

HTML-CSS-tools-4

「google chrome」のアイコンをApplicationフォルダにドラッグ

以上でgoogle chromeのインストールは完了です。