大阪 神戸 ホームぺージ制作

【初心者】HTML、CSSの勉強方法

2020/04/30

この記事の投稿者

ダイチ

こんにちは!

今回は、私が現在勉強しているHTML、CSSについての勉強方法をご紹介したいと思います。

これからHTML、CSSを勉強をしようとしている方の参考になればいいなと思っていますので、目を通してもらえると嬉しいです。

参考書で勉強!

まず最初に、私が勉強しようと思ってとった行動は“参考書を買う”でした。

とりあえず中古・新品問わず本屋さんでHTML,CSSについての参考書を買いました。

※中古本でも基本的なことは変わりませんが、本で指示しているソフトのバージョンが古い場合があるので気を付けてください。

画像や図で解説されているものがわかりやすいと思います。また、参考書の内容を進めていくとサイトが一つ作れるといったものは現在の進捗やどこまでできるようになったか確認できるためおすすめです。

WEBサイトで勉強!

参考書と並行してHTML,CSSが学習できるサイトで外出中や空いた時間に勉強しています。

私が使用している学習サイトを紹介します。

Progate

Progate(プロゲート)はPCやスマホアプリで無料でプログラミングの練習ができます。

穴埋め問題形式の問題選択肢からコードを順番通りに並べるといったゲームみたいな感覚で学習できます。また、正解するとどんな見た目になるか確認できるのでわかりやすいです。

レッスン自体は一つ一つ短めに設定されていて、レッスンをクリアするとレベルが上がるシステムなので楽しみながら勉強できると思います。

HTML,CSS以外の言語も学習でき、有料版はさらに深く学習できます。

ドットインストール

ドットインストールはプログラミングの手順を動画で学ぶことができます。

1つの動画は3分ほどなので手軽に学習できます。動画と同じコードを自分で書いて確認するといった勉強になります。

Progateと同じくHTML,CSS以外の言語の勉強もでき、有料版もあります。

Youtubeで勉強!

HTML,CSSについての学習動画がたくさんあり、丁寧な解説もあるので動画を見ながらコードを書いて理解するのにおすすめです。

また、コードを書き換えるとどんな見え方になるかといったことも紹介していますので勉強になると思います。

さいごに

プログラミングを始めるにあたってまずはどうやって勉強しようと悩む方も多いと思います。私もそうです。

紹介した勉強方法の順番としては、Progateでプログラミングがどんなものか勉強して、参考書や動画で実際に自分でコードを書いてみるといった順番が一番取り掛かりやすいのではないかと思います。

今回紹介した勉強方法を試してみてはいかがでしょうか。

お問い合わせ・ご相談はこちら

アーカイブ

CONTACT
お問い合わせ

ホームページ制作・保守管理・運用サポート・グラフィックデザイン・動画制作・システム開発

move_top