【準備編】HTMLとCSSでWebページを作成するのに必要な開発環境（エディタ・ブラウザ・サーバー）を整えよう

テキストエディタ

Windowsを利用している方であれば「メモ帳」、Macを利用している方であれば「テキストエディット」でテキストファイルを作成・編集できます。

プログラミング初心者の方はいろいろなテキストエディタを利用してみて自分に合うものをみつけましょう!

「メモ帳」、「テキストエディット」を利用する方は文字コードの項目を「UTF-8」にすることを忘れずに行って下さい。

文字コードを「UTF-8」以外にすると文字化けが発生する可能性があります。

「メモ帳」、「テキストエディット」でもテキストファイルを作成することができますが、高機能なテキストエディタを利用するといいでしょう。

上記で紹介したテキストエディタはソースコードを読みやすくする機能、入力を簡単にする機能などが搭載しています。

是非、自分に合うテキストエディタを見つけておくことをオススメします。

ブラウザ

私たちは何か調べたことがあったら、ブラウザを使って、様々なWebページを閲覧することが多いと思います。

そんなブラウザですが、HTMLやCSSで作ったファイルがどのように表示させるか確認するためにも使用します。

上記で紹介したブラウザ以外にも様々な種類があり、Webページの表示のされ方が異なります。

そのため、それぞれのブラウザでどのように表示されるのかをしっかりとチェックしながら作成することをオススメします。

サーバー

勉強の段階ではテキストエディタとブラウザがあれば進めることができます。

しかし、Webページを公開した時、どのように表示されるのか知りたいという方は上記で紹介したレンタルサーバーを利用してみることをオススメします。

上記のレンタルサーバーは月数百円から借りることができるので是非利用を検討してみてはいかがでしょうか?

テキストエディタとブラウザを利用してHTML/CSSを勉強しましょう!

テキストエディタとブラウザが準備できたら、HTMLとCSSの勉強ができます。

途中で分からないことがあり、中々進まないこともあると思います。

しかし、順を追って学習を進めていけば、必ずできるようになるのであきらめず最後までやりぬきましょう!

HTMLとCSSをプログラミングスクールで教わりたいという方も中にはいます。

そんな方は低価格のサブスク型プログラミングスクールがオススメです。

まとめ