神戸 大阪 宝塚 ホームぺージ制作会社

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

2020/04/30

この記事の投稿者

daichi

こんにちは!

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

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

参考書で勉強!

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

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

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

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

WEBサイトで勉強!

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

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

Progate

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

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

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

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

ドットインストール

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

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

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

Youtubeで勉強!

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

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

さいごに

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

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

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

お気軽にお問い合わせください。

ラフデザインのサービス一覧

  • ホームページ制作新規サイト・リニューアル・Wordpressを利用したホームぺージ制作に関する業務を行います
  • ホームページ制作採用サイトや採用動画の制作などの、採用サポートは当社の強みの一つでです。
  • ホームページ制作ドメイン・サーバーの管理や、サイトの運用・更新方法などを幅広くサポートします。
  • ホームページ制作採用向けや会社のご紹介向けのなどの動画制作も承っております。
  • ホームページ制作検索結果で上位に表示するための的確なアドバイスとサポートを行います。
  • ホームページ制作GoogleやYahoo!などの広告やSNS運用支援など幅広くWebプロモーションを行っています。
  • ホームページ制作パンフレットやチラシなどの印刷物のデザインからご納品まで当社にお任せください。

アーカイブ

CONTACT
お問い合わせ

Webサイト制作・採用ツール制作・Webサイト運用サポート・動画制作

move_top