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ってなんなの?という方のために簡単に2つの違いを紹介します。

 

【HTML】

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

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

【CSS】

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

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

 

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

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

 

参考書を買った

 

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

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

 

 

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

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

 

スクールに通った

 

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

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

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

 

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

 

WEBエンジニアになりたい方向けのスクールはこちらにランキング型式でまとめています。

>>プログラミングスクールおすすめランキング【WEBエンジニアになりたい方向け】

 

・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ページの構造をイメージできていないから

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

 

\僕がプログラミングをマスターするために通ったスクールを紹介しています/

>>オンラインプログラミングスクールのオススメ3選【通いました】

 

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

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

 

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

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

 

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

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

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

 

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

 

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

 

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

 

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

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

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

 

\僕がプログラミングをマスターするために通ったスクールを紹介しています/

>>オンラインプログラミングスクールのオススメ3選【通いました】

 

関連記事

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

 

続きを見る

プログラミングを独学で習得する3つの方法|現役プログラマーの僕が解説と書かれた画像
プログラミングを独学で習得する3つの方法|現役プログラマーの僕が解説

  てんし君   プログラミングの学習を始めるにあたって多くの人が気にすることがプログラミングは独学でも習得できるのかどうかということです。   この記事では現役のプログ ...

続きを見る

エンジニアの志望動機を聞かれたらなんと答えるのがベストなのか【現役エンジニアが真剣に考えてみた】と書かれた画像
エンジニアの志望動機を聞かれたらなんと答えるのがベストなのか【現役エンジニアが真剣に考えてみた】

  あなたエンジニアの面接のときに志望動機を聞かれたときの良い答えってありますか?   この章ではエンジニア面接の際の良い志望動機の答え方を紹介していきます。   【この ...

続きを見る

SES企業とWEB系自社開発企業どっちがいいの?【転職してわかったことをまとめる】と書かれた画像
SES企業とWEB系自社開発企業どっちがいいの?【転職してわかったことをまとめる】

  あなたSESはよくないってこと?   ここまで読み進めてくださっている方は「SESにいいところないじゃん」と思っているかもしれませんがその考え方は間違っています。 SES企業に ...

続きを見る

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

  実はエンジニアになって4ヶ月経ちました。 今回はぶっちゃけエンジニアになってどんな感じ?と気になる方に向けてエンジニアになって数ヶ月経った僕の感想を紹介していきます。   この ...

続きを見る

-HTML/CSS

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