Breaking News
Home / デザイン / HTML/CSS/Javascript / 初心者必見!入門からhtmlを始められる学習サイト7選

初心者必見!入門からhtmlを始められる学習サイト7選


ホームページや自分のサイトなど、何か作りたいなと思っている人は多いのではないでしょうか。

自分で作るとなるとhtmlを知っておかなければなりません。

今後本格的にプログラミングをやろうと思っている人も、まずはhtmlを理解する必要があります。

 

と、いうわけで今回は、入門から学べるhtmlの学習サイトを紹介していきます。

どのサイトも初心者向けに作られているので、全くhtmlを触った事がない人でも理解できるはず!

 

 

1. ドットインストール


スクリーンショット 2015-09-17 22.39.23

動画学習と言えば、ドットインストールですね。

htmlの入門授業はもちろん、実際にホームページを作ったり、レスポンシブのサイトも作ることが可能です。

 

個人的にもよく使っていて、入門から始めたいという人は、まずこちらを使ってみましょう。

また、html以外の言語も入門授業がたくさん用意されているので、すぐレベルアップできるはずです。

http://dotinstall.com/

 

 

2. Progate


スクリーンショット 2015-09-17 22.39.00

Progateは、実際にコーディングしながら学習するサイトです。

資料を見てhtmlを理解するだけでなく、実際に手を動かしながらサイトを作ることができるのです。

htmlの入門書は買ったことがあるけど、「もっと書いて学びたい」という人には本当におすすめです。

http://prog-8.com/

 

 

3. プログラミング入門サイトbituse


これぞhtmlの入門サイトといった感じです。

そもそもhtmlとは何なのかというところから始まり、具体的なコーディングのところも網羅しています。

 

入門向けということもあり、概要の説明が多かったりしますが、htmlだけでなくプログラミングをこれから学習しようとしている人は

まず見ておくと良さそうです。

http://bituse.info/

 

 

4. Schoo


スクリーンショット 2015-09-17 22.39.38

現役のエンジニアが動画で指導してくれます。

入門でもわかるような言葉を使っているので、htmlの大枠も細部も理解することが可能です。

生放送の動画であれば、授業中に質問することもできるので、html以外の言語でも重宝しています。

https://schoo.jp/guest

 

 

5. HTML入門編総まとめ


入門から始めて、サイト作りまでやりたい人は知っておきたい内容が全て詰まっています。

22個のテーマに分かれていて、全て理解できるようになればhtmlだけでなく、プログラミングの理解にも活きるでしょう。

 

入門向けですが、しっかり作り込まれていておすすめです。

http://wp-p.info/tpl_rep.php?cat=html-biginner&fl=r22

 

 

6. SKILLHUB


スクリーンショット 2015-09-17 22.40.09

なんと3000人近くが受講しているhtml講座。

入門の人向けの授業なので、htmlの概要から入り、実際に書くところまでしっかりサポートしてくれています。

そして、htmlだけではありませんが、入門の講座は無料で受けられるので、コスパよく学べます。

http://skillhub.jp/

 

 

7. CodeAacademy


スクリーンショット 2015-09-17 22.39.51

英語サイトではありますが、種類の豊富さは日本の学習サイトを上回るくらい充実しています。

htmlの入門授業はもちろん、実際のサイトを作るなど、入門から実践まで幅広く学ぶことができます。

コーディングしながら学ぶので、英語がわからない人でも進めやすいでしょう。

https://www.codecademy.com/

 

 

いかがだったでしょうか。

サイト制作にせよ、プログラミングを学ぶにせよ、まずはhtml入門から始めることをおすすめします。

動画学習や実際にコーディングしながらなど、自分のスタイルに合わせてhtmlを学習してみてください。


About TECH_SALON編集部

TECH_SALON編集部
プログラミングにおいて何から始めたら良いか分からない、実践で使えるようになるためにもう一歩成長したいという人に向けて、良質な記事を配信しています。

Check Also

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-11-21-02-09

【やさしく解説!】CSSで多角形のボタンを作成する方法

webサイトなどを作るにあたっ …

コメントを残す

メールアドレスが公開されることはありません。