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を書いている動画を真似するだけで大分わかりやすかったりします。

 

HTMLCSS講座の動画画面

 

 

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

>>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を習得できるプログラミングスクールランキング

 

プログラミングスクールに関する情報

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

  あなたプログラミングスクールに通いたいけどたくさんありすぎてどこがいいのかわかりません。   最近はエンジニアブームということもありプログラミングスクールが増えました。 一方でたくさんありすぎてど ...

続きを見る

返金保証ありのプログラミングスクールランキング【エンジニアが選びました】と表示されたパソコンの画面
【転職保証つき】返金保証ありのプログラミングスクールランキング【エンジニアが選びました】

  あなた返金保証がついているオススメのプログラミングスクールってありますか?   結論から話すと、返金保証つきのプログラミングスクールランキングは次の通りです。   1位:DMMWEBキャンプ  【 ...

続きを見る

wordpress
【無料あり】WEB制作を学べるオンラインスクールランキング【副業で稼ぎたい方向け】

  あなたWeb制作の副業で稼ぎたいけど、どのスクールで学ぶのが良いの? スクール選びで失敗はしたくないです。   ↑このような疑問や不安を解決するべく、現役のWebエンジニアがWEB制作を学べるスク ...

続きを見る

フリーランス
無料あり:フリーランスを目指せるプログラミングスクールランキング【体験をもとに徹底分析しました】

  あなたフリーランスエンジニアを目指すことができるプログラミングスクールってありますか?   最近では、高年収や働きやすさの魅力からフリーランスエンジニアを目指す方も増えてきました。 結論から話すと ...

続きを見る

WEB系自社開発企業にいけるプログラミングスクールランキング【現役エンジニアおすすめ】と書かれた画像
WEB系自社開発企業にいけるプログラミングスクールランキング【現役エンジニアおすすめ】

  あなたWEB系の自社開発企業に就職したいです。 オススメのスクールを教えて下さい。   結論から話すと、WEB系自社開発に行きやすいスクールのランキングは以下の通り。   第1位:テックアカデミー ...

続きを見る

-HTML/CSS

© 2024 エンジニアてんし君ブログ