HTML・CSSの開発環境を整えよう【初心者にわかりやすく解説】

HTMLとCSSでWebサイトを作るには、

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

この２つのツールが必要です。

今回の記事では、テキストエディタとブラウザの準備の方法について解説していきます。
手順と画像を用いながら解説していきますので、初心者の方でも安心して開発環境を整えることができます。

この記事を読めば、HTMLとCSSの学習準備が完了するので頑張っていきましょう！

また、基礎的なHTMLとCSSの書き方を解説している記事もご紹介しているので、「HTML・CSSをこれから学んでいきたい！」と考えている方は、ぜひこちらから参考にしてください！

1 テキストエディタを用意しよう！
2 ブラウザを用意しよう！
3 おすすめのテキストエディタを紹介
4 さあ、実際にコードを書いてみよう！

テキストエディタを用意しよう！

まず、テキストエディタをインストールしていきます。
テキストエディタとは、HTMLやCSSの他にもプログラミングを書いていくのに必要なツールです。

これからHTML・CSS以外にもプログラミングを学んでいく方は、プログラミングスクールのDMM WEBCAMPが推奨している初心者でも使いやすい「Sublime text」の使用をおすすめします。

「どうしても他のエディタを使いたい！」という方は、こちらでエディタを比較してご紹介しているので参考にしてください。

ここでは「Sublime Text」のインストール方法をご紹介していきます！

STEP.1

Sublime Textのダウンロードページにアクセスする

まずこちらのページから、Sublime textのダウンロードページにアクセスします。

STEP.2

ダウンロードを開始する

お使いのパソコンがMacなら「OS X」、Windowsなら「Windows」（パソコンが64bitなら「Windows 64bit」）をクリックして、ダウンロードを開始しましょう。

STEP.3

インストールを完了させる

Macでは「.dmg形式」、Windowsでは「.exe形式」のファイルがダウンロードされています。

それぞれのファイルをクリックして、インストールを開始して下さい。

インストールが終了したら、Sublime textを開きましょう！

このようにSublime Textが表示されたらOKです！

STEP.4

実際にHTMLを書いていく

これで準備は完了です！実際にHTMLを書いていきましょう！！

テキストエディタの準備ができたら、次はブラウザのインストールへ移りましょう。
すでにブラウザが用意できている方は、HTML・CSSの実践的な練習ができる一歩手前まできました。
では、HTML・CSSの学習へと入っていきましょう！

「HTML・CSS」をマスターして、ホームページやWEBアプリを作成できるようになりたい方へ！
国内最大級のプログラミングスクール【DMM WEBCAMP】なら
✔受講生の97%が未経験者！
✔スキマ時間で効率よくスキルアップしたい方におすすめ！
✔基礎から確実に身に付く充実のカリキュラム！