質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.33%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

意見交換

14回答

410閲覧

HTML CSSの勉強方法

T.M_ttt

総合スコア4

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

1グッド

1クリップ

投稿2025/02/16 09:19

現在ウェブデザイン勉強中の初学者なのですが、勉強の方法に悩んでいます。
udemyの講座を受けているんですが概念や書き方を学んでもすぐに忘れてしまうため、練習問題などで実践的に書いて定着させたいと考えていますが自分のレベルにあった問題が載ったサイトをなかなか見つけられません。

例えばテーブルタグの書き方を学んだらその問題を解くというようにひとつずつ学校の勉強のように基本的なことから初めて徐々にレベルを上げて進めようと考えていますが丁寧すぎだと思いますか?

無料有料問わず実践的に初人者向けの数をこなせる本やサイトはありますか?

皆さんはどのように学習しましたか?

juner👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

回答14

#1

utm.

総合スコア524

投稿2025/02/16 09:27

HTMLは必要なタイミングや暇な時間で学びました。
初めはネット掲示板のようなものを作りたかったのでPHPでコーディングし始めました。
正直HTMLはなんだって動くし、ブラウザに意味を伝える程度の意味しかありません。
また、HTMLやCSSの教材はほとんどが古いです。
今となってはMDNのようなサイトを参照できるだけの基礎能力が身につきますが、何も分からない状態でネットのドキュメントを見ても訳が分からない状態だと思います。

JavaScriptはよく分からなかったというか、オブジェクト指向の文法が分からなかったのでこのサイトで質問しました。それが三年前の話です。

ちなみに模写はやってません。やってる人を見たら鼻で笑ってしまいます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#2

T.M_ttt

総合スコア4

投稿2025/02/16 09:51

回答ありがとうございます
つまり、あなたのように何かを作りながら覚えるのが早く古い教材は当てにならないということでしょうか?

正直HTMLはなんだって動くし、ブラウザに意味を伝える程度の意味しかありません。
あまり教材通りやる必要はないんですか?

確かに模写は効果があるか疑問でしたがやはりないんですかね...

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#3

maisumakun

総合スコア146329

投稿2025/02/16 12:23

現在ウェブデザイン勉強中の初学者なのですが、勉強の方法に悩んでいます。

とありますが、悩んでいるのは「どのようなデザインを作るか」と「それをHTMLとして表現する方法」のどちらでしょうか。


そして、「HTMLを作成する部分だけが自分の仕事」という状況だというのでなく、自分でWebサイトのレイアウトから考えるような状況だったとしたら、(見栄えを美しくするという意味での)デザインは、とりあえずはそこまで技能がなくてもなんとかなります。

Webサイトは一部を除けば芸術作品ではなく、実用的な目的のために作られるものです。既成のデザインテンプレートがいくつもありますので、そういうのを適用していくことで、実用的に動作するものを作る段階であれば大きな支障はないです。

自分自身が何を強みとしてWebの世界を渡っていきたいかによって、デザインをどれぐらいマスターすればいいかの重要度も違ってきます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#4

T.M_ttt

総合スコア4

投稿2025/02/16 13:57

#3 回答ありがとうございます。

今悩んでいるのはどのように手を動かしながら実践的にやれば覚えやすいかということです。
仕事ではなく独学で勉強しているので習ったことをうまい具合に経験を積める方法がないか模索中です。
どんなデザインを作るや表現方法以前のレベルですのでまだわかりません。

自分自身が何を強みとしてWebの世界を渡っていきたいかによって、デザインをどれぐらいマスターすればいいかの重要度も違ってきます。

ーまだまだそれを考えるレベルではないと思いますが、経験者からのアドバイスとして覚えておきます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#5

meg_

総合スコア10823

投稿2025/02/16 16:28

https://www.codecademy.com/catalog/language/html-css
英語ですが解説とクイズがあるので試してみても良いかと思います。有料のコースも無料のコースもあります。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#6

T.M_ttt

総合スコア4

投稿2025/02/16 16:36

#5 ありがとうございます。
助かります
やってみようと思います!

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#7

Lhankor_Mhy

総合スコア37207

投稿2025/02/17 02:16

ひとつずつ学校の勉強のように基本的なことから初めて徐々にレベルを上げて進めようと考えていますが丁寧すぎだと思いますか?

はい、丁寧すぎだと思います。
ただ、学習というのは、モチベーション×時間だと思っています。もし、T.M_ttt さんが基本的なことを繰り返し行うことにモチベーションを維持できるタイプであるのであれば、そのやり方が合っているのかもしれませんね。
自分は、チュートリアルを読み飛ばすタイプなので、ちょっと無理です。


実践的に初人者向けの数をこなせる本やサイトはありますか?

なさそうな気がします。
ですが前述の通り、それらの教材に興味を維持できるかどうか、ということが大事になってくると思っています。
なので、どういったことに対して T.M_ttt さんが興味を持っているのか、というあたりで変わってきそうです。
「え、これを全部やればこれができるようになるの? テンション上がる!」という教材を探すしかないですね。


皆さんはどのように学習しましたか?

自分のサイトを作りました。
また、他人のサイトを見て、真似をしました。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#8

T.M_ttt

総合スコア4

投稿2025/02/17 06:53

#7 回答ありがとうございます!

確かにモチベーションは大事ですね。
勉強の質にも影響してきますから

教材の内容にこだわるより興味のもてるやつをやる方が結果的に身につきやすいかもしれません。

真似と言うのは模写って事ですか?

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#9

Lhankor_Mhy

総合スコア37207

投稿2025/02/17 07:59

#8

真似と言うのは模写って事ですか?

いえ、自分のサイトに同じ仕組みを導入することです。コピペだと動かなかったりするので、なぜ動かないのか、を考えることは学習につながりました。
個人的な感想ですけど、CSSに限らず、デバッグをする時が一番身につくものが多かったように思います。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#10

T.M_ttt

総合スコア4

投稿2025/02/17 12:16

#9
他の人が書いたコードをそのまま持ってきて自分のサイトでも動くようにさせるって事ですね。

そのやり方だとどうやって機能していくのか分かって勉強になりますね。
参考になります。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#11

otn

総合スコア86160

投稿2025/02/17 16:05

編集2025/02/17 16:09

どのように勉強すれば良いかは人それぞれなので、他人の成功例を聞いて、同じやり方で自分も成功できるかは分かりません。

概念や書き方を学んでもすぐに忘れてしまうため、

の原因の分析と言語化は出来ていますでしょうか?
文字通り解釈すると、「学んだ時点では完璧に理解できているが、時間が経つと忘れてしまう」ということになります。これは理解力は十分だが、記憶力が弱いということになるかと思います。
ご自分の過去の勉強経験からして、「練習問題などで実践的に書いて定着させたいと考えています」で効果があると思うのであれば、「学んだ時点では完璧に理解できている」時点で、ご自分で問題を作れば良いかと思います。その時点でも問題を作れないようだと、「完璧に理解できている」という状態ではないのでしょう。

概念や書き方を学んでもすぐに忘れてしまうため、

が、文字通りの意味でなく、「書いてあること、動画で言ってることの日本語的な意味は分かるが、技術的な意味が理解し切れておらず、使えるスキルとして、学んだ時点であってもはっきりしない」ということだと、理解力に問題があると言うことです。
この場合は「あらゆることに対して理解力が無い」「一般的な理解力があるが、HTML/CSSについての理解力が無い」に分かれるかと思います。前者であれば、こういうサイトで聞く話では無いですね。後者だとすると、HTMLやCSSについての基本知識、例えば、ウェブアプリケーションとはそもそも何なのかとか、ブラウザとは一体何でどういう動作をするのかなどが分かっていないので、HTML/CSSだけ学んでも駄目と言うことかと思います。基礎から勉強してみましょう。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#12

T.M_ttt

総合スコア4

投稿2025/02/18 00:44

#11 回答ありがとうございます。

聞く方が簡単ではありますが、自分のことは自分でもう少し考えた方がいいのかもしれません。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#13

juner

総合スコア627

投稿2025/02/18 00:52

概念や書き方を直ぐ忘れてしまうのであれば 公式リファレンスの引き方を覚えましょう。

MDN が 限りなく最新に近いWeb規格公式文書なので。
(最新はその規格の文書そのものです。

https://developer.mozilla.org/ja/docs/Web/HTML

https://developer.mozilla.org/ja/docs/Web/CSS

覚えなくてもいいのです。概念を引っ張る為のキーワードだけ頭に入れればあとは引き直せばいいのです。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#14

T.M_ttt

総合スコア4

投稿2025/02/18 03:14

#13
初めて知りました。
ありがとうございます!

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

この意見交換はまだ受付中です。

会員登録して回答してみよう

アカウントをお持ちの方は

関連した質問