HTML/CSSでできることは何か?HTMLとは?CSSとは?

こんにちは、けーぷろです!

今回はHTML/CSSとは何か、何ができるか説明していきます。
HTML/CSSは「簡単」とよく耳にして勉強しようと思う人は多いと思います。


でも実際にHTML/CSSが何か分からない人が多いので、HTML/CSSを習得すると何ができるかをイメージして勉強していきましょう!

HTML/CSSとは何か??

HTML/CSSって簡単に習得できるって聞いたけど、そもそもHTML/CSSは何なの?

HTML/CSSという言葉は聞いたことがある人は多いと思います。
しかし、HTML/CSSはなにか知っている人は少ないです。

説明すると、HTML(ハイパーテキストマークアップランゲージ)と言われ、CSS(スタイルシート)と言います。
実はHTML/CSSはプログラミング言語とは言えないのですが、見た目がプログラミング言語です笑

HTMLの役割はテキストを書いて、CSSはHTMLの見た目をカッコよくします!
なので、二つで一つのプログラミング言語なのです!

HTML/CSSでなにができるの?

HTML/CSSはホームページ作成に必須な言語です!
今見てくれているブログ記事もHTML/CSSで書かれています!
HTML/CSSができるようになると、web上にあるページを作成することができます!
また、アプリのデザインなどもレイアウトできるためオリジナルのサイトを作ることができます!

自分の手でwebページが作れるなんてワクワクしますよね!
なので、自分だけのwebページをレイアウトできるのでデザインが好きな人は得意だと思います!

美術的センスない人でもHTML/CSSで綺麗なwebページ作れるの?

安心してください。自分も絵がめっちゃ下手くそですがそれなりのwebページは綺麗に作れます!
誰でも綺麗に作ることができるので、美術的センスがなくても大丈夫です!

HTML/CSSで何が作れるか

先ほど説明したようにHTML/CSSができるようになると、webページを作成することができると言いました。

webページと言ってもアバウトなので、具体的にどのようなものが作れるのか説明していきます!

ホームページ

皆さんが一度は見たことがあるホームページを作成することができます!
ドラマや映画、アーティストの公式ホームページとかたくさんありますよね
これらは全てHTML/CSSでレイアウトされています!

HTML/CSSを習得すればこのようなホームページを自分通りに作成することができます!
また、仕事の案件でもホームページ作成が多いです。
なのでプログラミングで仕事をしたい人はホームページ作成ができるHTML/CSSから勉強するのもいいと思います。

ブログ

これは私が運営しているRedyProというブログサイトです!
このようなブログサイトのレイアウトもHTML/CSSで書かれています!

しかし、ブログサイトは多くの記事を管理する必要があるためHTML/CSSだけでは作成できないです。
php言語を使うことによってブログ記事のデータを管理することができます!

最近はwordpressというシステムを使うことでHTML/CSSとphp言語ができなくても、簡単にブログサイトを運営することができます!
このRedyProもwordpressで作成したため、HTML/CSSとphpは一切使ってないです笑

ブログサイトを作成してみたい人はgoogleで「ブログサイトの作り方」で検索してみましょう!
多くのブロガーが分かりやすく説明しています!

Webアプリ

HTML/CSSができるようになると「ぐるなび」みたいなアプリのデザインをレイアウトすることができます!
他にもweb上のアプリはHTML/CSSでレイアウトされています!

このようなアプリを作るにはHTML/CSSだけでは作ることができません。
アプリを作るには動作を加えることができるJavaScriptやデータを管理できるphp,Ruby言語を使う必要があります。
いきなりこのような言語を勉強すると挫折しやすいので、HTML/CSSを勉強してモチベを上げるのをおすすめします。

アプリを作ることができて、成功すれば会社を設立することもできるのでモチベ上がりますよね。
HTML/CSSを勉強するならば、最終的にアプリケーションを作ることを目標にするといいと思います!

HTML/CSSの習得難易度は?難しい?

C言語やJava言語をしていた人でもHTML/CSSを舐めてやってできない人は多いです。

なぜなら、勉強しないと習得できないからです。
自分はHTML/CSSを舐めて勉強せずにコードを書いていましたが、全然理解できてなかったです笑
なので成長度もかなり遅かったです。

参考書やwebサイトにHTML/CSSを詳しく解説しているので、それらの教材で勉強すれば必ず習得できます!

こちらの記事にHTML/CSSの挫折しやすいポイントやおすすすめ無料勉強教材を紹介しているので参考にしてみてください↓

最後に

どうでしたか!HTML/CSSを習得すればなにができるかわかったでしょうか。
HTML/CSSができるようになるとプログラミングのモチベも上がるので、頑張って習得しましょう!

Googleに多くのブロガーが勉強の仕方を紹介してるので、何回も検索して自力で解決する力を身に付けましょう!
初めの方は理解できなくて当然です。それを諦めずに自分でGoogleで検索して解決していきましょう

答えは必ずGoogle上に誰かが説明しています!
諦めずに何回も検索してHTML/CSSを習得しましょう!

アーカイブ