【今すぐ無料で試す】ゼロから始める定額・学び放題のプログラミング学習サービス「侍テラコヤ」

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

HTMLとCSSを知っている人

Webページを作成するためにはHTMLとCSSの専用ソフトウェアを購入しないといけないと思う方もいるかもしれません。

 

しかし、そんなことはありません。

 

HTMLとCSSはテキストファイルでできており、テキストエディタがあれば誰でも簡単にWebページを作成することができます。

 

そこでこの記事ではWebページを作成するための必要な開発環境を詳しく解説していきたいと思います。

 

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

 

Webページを作成するために必要なツールは以下の通りです。

 

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

 

サーバーは勉強の段階では必要ありませんが、Webページが実際にどのように表示されるのか知りたい方はレンタルサーバーを契約するといいかと思います。

 

ロリポップ!などのレンタルサーバーを利用すると月数百円でかりることができます。

HTMLとCSSを知っている人

 




 

テキストエディタ

 

 

 

テキストエディタとは?

 

テキストエディタはテキストファイルの文字を入力したり、編集したりできるソフトウェアのことです。

 

 

HTMLとCSSを知っている人

テキストエディタの例として以下のものがあげられます。

 

  • Visual Studio Code
  • Sublime Text
  • Atom
  • サクラエディタ

 

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 




 

ブラウザ

 

 

 

ブラウザとは?

 

ブラウザはWebページを閲覧・表示するためのツールです。

 

 

HTMLとCSSを知っている人

ブラウザの例として以下のものがあげられます。

 

  • Google Chrome
  • Firefox
  • Microsoft Edge
  • Safari

 

 

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

 

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

 

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

 

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

 




 

サーバー

 

 

サーバーとは?

 

サーバーはWebページをインターネット上に公開するのに必要です。

 

 

HTMLとCSSを知っている人

月額100円程度で利用できるおすすめのレンタルサーバーとして以下のものがあげられます。

 

 

 

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

 

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

 

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

 




 

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

 

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

 

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

 

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

 

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

 

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

 

以下のプログラミングスクールもオススメです。

 

是非検討してみてはいかがでしょうか?

 

  1. 侍テラコヤ初月50%OFF学び応援キャンペーン実施中)(解説記事はこちら
    学び応援キャンペーンでお得に申し込む!
    ・コスパ最高! 月額2,980円〜利用できる!
    ・単月定額と比べて総額最大44,400円OFF!

    ・学び応援キャンペーン実施中!
  2. ZeroPlus Gate受講料98,000円がなんと0円!)(解説記事はこちら
    受講料0円でプログラミングを学ぶ!
    ・受講料0円
    ・現役エンジニアに質問し放題
    ・30日で副業レベルのWebスキルを学べる
  3. 本気のパソコン塾無料体験特典3つあり解説記事はこちら
    7日間無料体験または無料相談会に申し込む!
    ・実際に役立つウェブデザイン、ウェブプログラミングを身につけることができる
    ・【期間限定】無料相談会参加特典3つあり!

    ・7日間無料体験・無料相談会実施中!

 

HTMLとCSSを知っている人

 




 

まとめ

 

HTMLとCSSを知っている人

 

最後まで読んで頂きまして、ありがとうございました。

 

この機会に是非、HTMLとCSSでWebページを作成するのに必要な開発環境(エディタ・ブラウザ・サーバー)を整えてみてはいかがでしょうか?

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です