- 「Webデザインを学ぶのに、HTML・CSSとWordPress、どちらから始めるのが良いですか？」
- 「最近はノーコードでも仕事があると聞きました。AIもあるし、WordPressだけでも良いですか？」
そんなご質問をいただくことがあります。
確かに、今はコードを書かなくてもWebサイトを作れる方法があります。AIにコード作成を手伝ってもらうこともできます。
そう考えると、
「わざわざHTML・CSSから勉強する必要はあるのかな？」と迷いますよね。
Webデザインを学ぶなら、まずHTML・CSSの基礎からがおすすめ
アクアでは、これからWebデザインを学びたい方には、
まずHTML・CSSの基礎を学び、そのあとWordPressへ進むという順番をおすすめしています。
ただし、最初からHTML・CSSを完璧にする必要はありません。
大切なのは、
「Webページは、こういう仕組みでできているんだ」という基本を知ることです。
そのうえでWordPressを学ぶと、ただ操作方法を覚えるだけではなく、「なぜこうなるのか」を理解しながら使いやすくなります。
おすすめの順番
HTML・CSSの基礎
↓
簡単なWebページを作ってみる
↓
WordPressを学ぶ
↓
必要に応じてHTML・CSSを深める
これが、これからWebデザインを学び始める方におすすめしたい基本の流れです。
なぜHTML・CSSから？
WordPressでは、管理画面から文章や画像を入れたり、デザインを変更したりできます。
そのため、HTML・CSSをほとんど書かなくてもWebサイトを作れる場合があります。
でも、Webサイトを作っていると、
- 「ここの余白をもう少し変えたい」
- 「文字の見た目を調整したい」
- 「なぜ思った位置に表示されないんだろう？」
という場面が出てきます。
そんなときにHTML・CSSの基礎があると、Webページの裏側で何が起きているのかを考えやすくなります。
WordPressの「操作」だけを覚えるのではなく、Webサイトそのものを理解する土台になる。
これが、先にHTML・CSSの基礎をおすすめする理由です。
WordPressから始めてはいけないの？
いいえ。ここは目的によって変わります。
たとえば、
「Webデザインを仕事として学びたい」というより、まず自分のお店や活動のホームページを作りたいという目的なら、WordPressから始める方法もあります。
必要になったところでHTML・CSSを学んでいくこともできます。
つまり、
Webデザインそのものを学びたい
→ HTML・CSSの基礎から
まず自分のWebサイトを作りたい
→ WordPressからでもOK
と考えると、少し選びやすくなると思います。
ノーコードやAIがある今も、HTML・CSSを学ぶ意味はある？
「AIがコードを書いてくれるなら、HTML・CSSは覚えなくてもいいのでは？」
ここも気になりますよね。
確かに、AIにコードを書いてもらったり、修正方法を相談したりすることはできます。
だから、以前と同じように何でも自分で暗記する必要はありません。
ただ、AIが作ったものを見たときに、
- 「ここを変えたい」
- 「表示がおかしい」
- 「このコードは何をしているんだろう？」
と判断するには、基礎知識が助けになります。
これからは、全部自分で書けるようになるためだけにHTML・CSSを学ぶのではなく、AIを使いながらWeb制作をするための基礎として学ぶという考え方もできます。
AIがあるからこそ、「分かること」が助けになります
AIに「こんなWebページを作りたい」と伝えると、HTMLやCSSのコードを提案してもらえることがあります。
分からないコードについて質問したり、「文字をもう少し大きくしたい」「スマートフォンでも見やすくしたい」と相談したりすることもできます。
これからWebデザインを学ぶ方にとって、AIは心強い道具の一つになっていくと思います。
ただ、ここで大切なのは、AIを使わずに全部できるようになることではありません。
AIが出してくれたものを見て、
- 「これはHTMLの部分かな」
- 「見た目を変えるならCSSかな」
- 「思っていた表示と少し違うな」
と、自分でも少し判断できることです。
たとえば、料理をするときに便利な調理家電があっても、材料や味付けについて少し分かっていると、「もう少しこうしたい」と調整しやすくなります。
Web制作も、それに少し似ています。
HTML・CSSの基礎を知っていれば、AIが作ったコードをすべて暗記していなくても、「ここを変えたい」と相談するための手がかりになります。
「コードを全部覚える」ことを目標にしなくても大丈夫
HTML・CSSを学ぶと聞くと、
「英語のようなコードをたくさん暗記しないといけないのでは？」
と心配になる方もいるかもしれません。
でも、最初からすべてを覚えようとしなくて大丈夫です。
まずは、
- 「HTMLで文章や画像などの構造を作る」
- 「CSSで色や大きさ、余白などの見た目を整える」
という基本的な役割を知るところから始めます。
そして実際に簡単なページを作りながら、必要になったものを一つずつ覚えていけば大丈夫です。
分からないことが出てきたら調べたり、AIに聞いたりしながら進めることもできます。
大切なのは、コードをたくさん暗記していることより、「何をしたいのか」を考えて、必要な方法を探せることです。
WordPressを学んだあとも、HTML・CSSの基礎はつながっていきます
HTML・CSSを学んだあとにWordPressへ進むと、それまで勉強したことが別のものになってしまうわけではありません。
WordPressでWebサイトを作っているときにも、文字や画像、余白、レイアウトなど、HTML・CSSで学んだ考え方につながる場面があります。
だから、最初のHTML・CSSは「遠回り」ではなく、WordPressやAIを使うときにも役立つWeb制作の土台づくりと考えてみてください。
もちろん、最初から難しいことまでできる必要はありません。
HTML・CSSの基礎を少し学ぶ。
↓
WordPressを使ってみる。
↓
分からないところが出てきたら、HTML・CSSに戻ったりAIに相談したりする。
そんなふうに行ったり来たりしながら学んでも大丈夫です。
Webデザインの勉強は、一度ですべて覚えてから次へ進むものではありません。
できることを少しずつ増やしていけばいい。
そう考えると、最初の一歩も少し踏み出しやすくなるのではないでしょうか。
最初から全部覚えなくて大丈夫
最初に必要なのは、完璧な知識ではなく基礎です。
- HTMLで見出しや文章、画像などを配置してみる。
- CSSで文字の色や大きさ、余白などを変えてみる。
- まずは簡単なWebページを一つ作ってみる。
そこで、「Webページって、こうやってできているんだ」
という感覚がつかめたら、WordPressへ進んでみる。
そしてWordPressを使っていてHTML・CSSが必要になったら、また戻って学ぶ。
「全部覚えてから次へ」ではなく、「基礎を学んで、使って、必要になったらまた学ぶ」で大丈夫です。
まとめ
Webデザインを学びたいけれど、HTML・CSSとWordPressのどちらから始めればいいか迷っている。
そんな方にアクアがおすすめする基本の順番は、
HTML・CSSの基礎 → WordPress
です。ただし、HTML・CSSを完璧にしてからWordPressへ進む必要はありません。
まず基礎を知り、簡単なWebページを作ってみる。
そのあとWordPressを学び、必要になったらHTML・CSSに戻る。
それくらいの気持ちで始めて大丈夫です。
また、「Webデザインを学びたい」のではなく、
「まず自分のホームページを作りたい」という方なら、WordPressから始める方法もあります。
大切なのは、流行しているツールを全部覚えることではなく、自分がやりたいことに必要なものを、必要な順番で学ぶことです。
「自分の場合はどこから始めればいいんだろう？」
そこから迷っている方も、一人で学習内容を決めなくて大丈夫です。
アクアパソコン教室では、今やりたいことをお聞きしながら、一緒に最初の一歩を考えていきます。
アクアのおススメ講座
無料カウンセリング・体験レッスンへお気軽に
受講前に相談をして決めたい、体験レッスンを受けたいという方のために、無料カウンセリングや無料体験レッスンを実施しています。「100回聞いても怒られない」マンツーマンレッスンですので、全く初めてという方でも安心して学べます。
事前予約制となっております。お電話またはネットにてご予約ください。
