HTML/CSS

HTMLとCSSが難しいと感じた時に僕がとった行動

投稿日:2020年3月20日 更新日:

HTMLとCSSが難しいと感じた時に僕がとった行動と書かれた画像

 

あなた
htmlとcssが難しいです。どうしたらいいですか?

 

最近はプログラミングを使った仕事をしたいという方も増えました。

あなたがまず最初に勉強するのはおそらくHTMLとCSSでしょう。

しかし時にはHTMLとCSSが難しいと感じるときがあるはずです。

 

HTMLとCSSが難しいと感じたときの正しい対照法を知っておかないとプログラミングの勉強をすぐにやめてしまう可能性もあります。

「やっぱり自分には向いていない」と諦めてしまう原因になってしうからです。

 

この記事ではHTMLとCSSの学習が難しいと感じた時にとるべき行動を、僕自身がHTMLとCSSが難しいと感じた時にとった行動をもとに紹介します。

この記事を読めばHTMLとCSSが難しいと感じたときに何をすればいいか、どうやって乗り越えればいいかがわかります。

 

【この記事でわかること】

  HTMLとCSSが難しいと感じたときの対処法

 

【この記事の信頼性】

この記事を書いている僕はプログラミング完全未経験の状態からスクールに通ってエンジニアになりました。

もともとはパソコンも苦手でHTMLとCSSの勉強にも苦しんだ経験があります。

しかし現在は難しいと感じた時期を乗り越え、WEBエンジニアとして場所も時間も自由に働くことができています。

 

ではさっそく見ていきましょう。

>>HTMLとCSSの学習ステップ一覧はコチラ

 

HTMLとCSSが難しいと感じた時に僕がとった行動を紹介します

パソコンを触る男性

 

冒頭でも少し話しましたが、僕はもともとプログラミングをしたことがないのはもちろん、パソコンすらまともに触ったことのない状態でした。

そんな僕は当然HTMLとCSSの学習からつまずきます。

「HTML...?CSS...?なんか呪文みたいだな」と思っていました。

 

最初は見様見真似でネットにある情報をもとに勉強したのですが難しくてすぐに挫折してしまいました。

そんなときにとった対処法をこの章では紹介します。

 

【この章でわかること】

✔ HTMLとCSSが難しいと感じたとき僕がとった行動

 

そもそもHTMLとCSSとは何か

 

そもそもHTMLとCSSってなんなの?という方のために簡単に2つの違いを紹介します。

 

【HTML】

ハイパーテキストマークアップランゲージの略称。

WEBページ(例えばあなたが見ているこの画面)の基盤となる部分をつくる文字。

【CSS】

カスケーティングスタイルシートの略称。

WEBページ(例えばあなたが見ているこの画面)の装飾を実現するための文字。

 

とてもわかりやすく言えば

HTML」という文字を表示させるならHTMLを使い、「HTML」と文字の色や大きさを変えたい場合はCSSを使います。

 

参考書を買った

 

僕がHTMLとCSSの学習で難しいと感じた時に僕がとった行動の1つ目が参考書を買ったことです。

この本は僕がHTMLとCSSが難しいと感じた際に購入したのですが、初心者の僕にとっても、とてもわかりやすくて苦しんでいた当時にすごく助かりました。

 

 

この参考書のいいところは写真やイラストが多く使われているところです。

プログラミングの本は文字ばっかりでわかりにくいパターンが多いのですが、この参考書は写真やイラストのおかげで抵抗なく読めます。

 

コチラにHTMLとCSSが難しいと感じたときに助けてくれる教材をまとめました。

よければ参考にしてみてください。

>>HTMLとCSSのオススメ教材を紹介【失敗しない】

 

スクールに通った

 

自分一人では限界があると感じた僕は少し迷いましたがスクールに通うことを選択しました。

この選択も個人的にはとてもよかったです。

リモートワークや服装自由といった働き方がしやすいエンジニアを目指すことも心に決めてたのでWEBエンジニアも同時に目指せるスクールに通いました。

 

スクールでは講師の方に直接わからないところを教えてもらえたり、質の高い教材が使えたりしたのでそれまで難しいと感じていたHTMLやCSSの内容もスッと入ってきました。

 

\HTMLとCSSの無料教材を手に入れる方法を公開しました。/

>>テックアカデミーでHTMLとCSSを無料で学ぶ技【初心者必見】

 

\こちらではHTMLとCSSを学べるスクールをランキング化しています/

>>HTML/CSSを習得できるプログラミングスクールランキング

 

・HTMLはWEBページの土台部分、CSSはWEBページの装飾部分

・HTMLとCSSが難しいと感じた時はわかりやすい参考書を買ってスクール通った

 

HTMLとCSSをなぜ難しいと感じるのか

はてなを浮かべる女性

 

あなた
HTMLとCSSの勉強を始めてみたものいまいち理解できません。なぜHTMLとCSSの学習は難しいと感じるのでしょうか?

 

ここまでは僕がHTMLとCSSが難しいと感じた時にとった行動を紹介してきました。

ここからはそもそも初心者の方がなぜHTMLとCSSを難しく感じるのかについて解説します。

 

【この章でわかること】

✔  なぜ初心者はHTMLとCSSが難しいと感じるのか

 

プログラミングに慣れていないから

 

僕もそうだったのでわかるのですがそもそもプログラミングに慣れていないと初めて見るHTMLとCSSが難しく感じます。

 

プログラミングの文字列に見慣れるとHTMLもCSSもだいぶ理解もしやすくなるので最初は抵抗があるかもしれませんがなるべく毎日コードを見て慣れていくといいでしょう。

 

WEBページの構造をイメージできていないから

 

HTMLとCSSが難しく感じる理由にはWEBページの構造が上手くイメージできていないということもあります。

 

具体的にイメージを持つにはまずは、自分で手を動かしてHTMLとCSSを書いてWEBページを表示させる練習をするといいでしょう。

 

こちらの記事ではエディタ(HTMLとCSSを編集する場所)の導入から表示させる方法まで解説しています。

>>【HTML】初心者が独学で勉強を始めてみた時の話【意外と出来る】

 

勉強の仕方が悪いから

 

そもそもに勉強方法が間違っているからというのもなかなかHTMLとCSSが理解できない理由の1つでしょう。

 

オススメの勉強法としては動画教材を使うこと、実際にコードを書いてみることの2点です。

 

最近ですとYoutubeにもHTMLとCSSの学習方法は上がっています。

言葉だとわかりにくいことも実際にHTMLとCSSを書いている動画を真似するだけで大分わかりやすかったりします。

 

 

コチラではオススメの独学方法も紹介しています。

>>HTMLとCSSを独学で1カ月勉強してみた結果【超成長した】

 

【あなたがHTMLとCSSを難しいと感じる理由】

・プログラミングになれていなから

・WEBページの構造をイメージできていないから

・勉強の方法が間違っているから

 

\こちらではHTMLとCSSを学べるスクールをランキング化しています/

>>HTML/CSSを習得できるプログラミングスクールランキング

 

HTMLとCSSは避けては通れない【確実に身につけよう】

HTMLとCSSは避けては通れない【確実に身につけよう】と書かれた画像

 

今回は僕がプログラミング初心者だった頃にHTMLとCSSが難しく感じたときにとった行動を紹介しました。

また、HTMLとCSSが難しいと感じる本質的な理由についても解説しました。

 

最後になりますがHTMLとCSSを習得したい方は以下の点を徹底しましょう。

・わかりやすい教材を使うこと

・とにかく手を動かすこと

 

特にWEBデザイナーやWEBエンジニア、WEBページ制作の副業などを目的に学ぶ場合はHTMLとCSSの学習は避けて通れません。

 

基本をしっかり身につけておくことであとからのプログラミング学習も楽になるのでまずは今回紹介したことを意識して学習するようにしましょう。

 

あなたのプログラミング学習を応援しています。

 

\コチラの記事もよく読まれています/

>>テックアカデミーでHTMLとCSSを無料で学ぶ技【初心者必見】

>>【エンジニア最高】エンジニアになって4ヶ月たったので感想をまとめます

>>プログラミングは器用な人ほど失敗する!?【地道が1番です】

 

\こちらではHTMLとCSSを学べるスクールをランキング化しています/

>>HTML/CSSを習得できるプログラミングスクールランキング

 

その他HTML/CSSに関する記事

HTMLとCSSの学習ステップ一覧と書かれた画像
HTMLとCSSの学習ステップ一覧

  step0 学習の見通しを持つための記事を読んでおこう!   step1 教材を用意しよう! step2 HTMLとCSSの意味を理解しよう! step3 HTMLとCSSを使って開発できる環境を ...

続きを見る

【最新】HTML/CSSを習得できるプログラミングスクールランキングと書かれた画像
HTML/CSSを習得できるプログラミングスクールランキング

 

続きを見る

2021年最新プログラミングスクール おすすめランキング 【WEBエンジニアになりたい方向け】と書かれた画像
【無料あり】プログラミングスクールおすすめランキング【WEBエンジニアになりたい方向け】

 

続きを見る

テックアカデミーでHTMLとCSSを無料で学ぶ技【初心者必見】と書かれた画像
テックアカデミーでHTMLとCSSを無料で学ぶ技【初心者必見】

  あなた簡単に無料教材を手に入れることができました!でも少し質問があるのですがいいですか?   この章ではテックアカデミーの無料教材についてよくある質問に対して答えていきます。 ...

続きを見る

HTMLとCSSの意味をエンジニアの僕が解説【1から学べる】と書かれた画像
HTMLとCSSの意味をエンジニアの僕が解説【1から学べる】

  あなたHTMLの意味とCSSの意味はわかりました。2つを使うと何ができるんでしょうか?   HTMLとCSSの意味を理解して2つを使えるようになると以下のことができます。 ・W ...

続きを見る

HTMLとCSSのオススメ教材を紹介【無料あり】と書かれた画像
HTMLとCSSのオススメ教材を紹介【無料あり】

  てんし君 大手プログラミングスクールのテックアカデミーが自社アピールのために提供しています。 大手の会社の教材なので情報も正確で信頼できます。   無料教材を手に入れる方法はコ ...

続きを見る

HTMLとCSSの入門方法【現役エンジニアの僕が解説】と書かれた画像
HTMLとCSSの入門方法【現役エンジニアの僕が解説】

  あなた本当に0円なの?急に有料になったりしない?   このように思う方もいると思いますが安心してください。 まったく料金はかかりませんし、無料教材を手にいれたからと言って本コー ...

続きを見る

HTMLとCSSの初心者は何をすべき?【経験をもとに解説】と書かれた画像
HTMLとCSSの初心者は何をすべき?【経験をもとに解説】

 

続きを見る

HTMLとCSSが難しいと感じた時に僕がとった行動と書かれた画像
HTMLとCSSが難しいと感じた時に僕がとった行動

 

続きを見る

HTMLとCSSを独学で1カ月勉強してみた結果【超成長した】と書かれた画像
HTMLとCSSを独学で1カ月勉強してみた結果【超成長した】

  てんし君   この記事を読んでわかること ①HTML・CSSの独学勉強方法 ②HTML・CSSの独学のきつい点 ③HTML・CSSを勉強した後にエンジニアになった僕の話 &nb ...

続きを見る

HTMLとCSSの初心者は模写をしよう【僕もやりました】と書かれた画像
HTMLとCSSの初心者は模写をしよう【僕もやりました】

 

続きを見る

HTMLとCSSの資格はあるの?必要?【現場の声を伝えます】と書かれた画像
HTMLとCSSの資格はあるの?必要?【現場の声を伝えます】

  てんし君実践的なテスト内容が特徴ですね。 実務経験者が腕試しで受けるのはいいかもしれませんが、初心者の方は特にこの試験のために頑張る必要はないかなと思います。 この資格を持ってる方も見た ...

続きを見る

僕がHTMLとCSSのアウトプットに使った方法を紹介【必見】と書かれた画像
僕がHTMLとCSSのアウトプットに使った方法を紹介【必見】

  あなたアウトプットの方法はわかりました。でもインプットのタイミングはどうすればいいのでしょうか?   ここまではHTMLとCSSのアウトプットの方法をメインに解説してきました。 ...

続きを見る

-HTML/CSS

Copyright© エンジニアてんし君ブログ , 2021 All Rights Reserved.