【超入門】HTML・CSSってなに?学習の始め方解説 2021年最新版【未経験・初心者向け】

Поделиться
HTML-код
  • Опубликовано: 29 ноя 2024

Комментарии •

  • @pk9876100
    @pk9876100 3 года назад +18

    0:00 動画概要説明
    1:28 HTML/CSSって何?
    3:00 学習の始め方
    5:58 HTMLの基本構造
    13:15 CSSの基本的な構造
    20:40 終わりの挨拶@ピヨピヨタイム

    • @webgodweb
      @webgodweb  3 года назад +3

      目次ありがとうございます!✨
      固定させていただきました🙇‍♀️

  • @銀河太郎-p9j
    @銀河太郎-p9j 9 месяцев назад +3

    文系学生ですがプログラミングに興味があるので参考にさせていただきます!
    わかりやすくありがとうございます!

  • @柴の助-f9w
    @柴の助-f9w 2 года назад +5

    有料講義サイトよりも分かりやすすぎる!
    まさに神様!
    動画漁ります!

    • @webgodweb
      @webgodweb  2 года назад +1

      嬉しいお言葉ありがとうございます🙇‍♀️🙇‍♀️

  • @mogu-mogu-shake
    @mogu-mogu-shake Год назад

    css本当にどうやってhtmlとできるのかわからなくてでできるのしれて本当に助かりました

    • @webgodweb
      @webgodweb  Год назад

      お役にたててよかったです!!✨

  • @ma7mii886
    @ma7mii886 6 месяцев назад +1

    めっちゃくちゃ分かりやすいです。

    • @webgodweb
      @webgodweb  6 месяцев назад

      ありがとうございます!🙇‍♀️

  • @clownspooky7009
    @clownspooky7009 Год назад

    "そもそも"につまづく場合を考慮してるのはとてもいいと思います!
    僕はよく"そもそも"につまづいてしまうので

    • @webgodweb
      @webgodweb  Год назад

      コメントありがとうございます!!
      私自身がつまづいた体験ももとに制作しているので、そう言っていただけると嬉しい限りです🙇‍♀️🙇‍♀️

  • @ゆうきかさはら
    @ゆうきかさはら 3 года назад +2

    とても参考にさせてもらってます。
    ゼロからウェブサイトになるまでの動画はありますか?パソコン自体も初心者には難しいですか?

  • @remonkamukamu
    @remonkamukamu Год назад +1

    めっちゃわかりやすいです!!VScodeをつかって頑張っていきます!

    • @webgodweb
      @webgodweb  Год назад +1

      コメントありがとうございます🙇‍♀️
      学習応援しております!!

  • @mfbst
    @mfbst 11 месяцев назад

    美人でわかりやすく助かりました。
    ありがとうございます😊

  • @鈴音友永
    @鈴音友永 3 года назад +1

    めっちゃ分かりやすくて良かったです!
    ありがとうございます😭

    • @webgodweb
      @webgodweb  3 года назад

      ご視聴ありがとうございます!!🙇‍♀️🙇‍♀️

  • @shiranoyukisan1699
    @shiranoyukisan1699 2 года назад

    ためになります! 爪かわいい!!

    • @webgodweb
      @webgodweb  2 года назад

      ありがとうございます!😂

  • @KazukiYamaguchi-r6v
    @KazukiYamaguchi-r6v Год назад

    やっと理解することができました。
    とってもわかりやすく丁寧でした。
    ありがとうございます。

    • @webgodweb
      @webgodweb  Год назад

      ご視聴ありがとうございます!!🙇‍♀️

  • @上杉-g8e
    @上杉-g8e Год назад

    めっちゃわかりやすいです!

    • @webgodweb
      @webgodweb  Год назад +1

      コメントありがとうございます🙇‍♀️🙇‍♀️

  • @影林進次郎
    @影林進次郎 3 года назад

    美味しそう❤️焼き鳥が食べたくなりましたぴよぷよ!

    • @webgodweb
      @webgodweb  3 года назад

      焼かないでください…😂

  • @naokis2663
    @naokis2663 2 года назад

    今日から真剣に学んでみたいと思います

    • @webgodweb
      @webgodweb  2 года назад +1

      ご視聴ありがとうございます!
      応援しております🙏

  • @岩本敬行
    @岩本敬行 5 месяцев назад

    初心者として視聴しました。どれ位でマスターしますか?自社HP、自社ECの制作はどのレベル位ですかね?

  • @カレーライスだいすき
    @カレーライスだいすき 3 года назад +2

    ぴよぴよ笑いました🤣次はなつこせんせいの踊りもみたいです!笑 ピロリちゃんねるみたいな感じでよろしくです!にこ

    • @webgodweb
      @webgodweb  3 года назад

      コメントありがとうございます!
      踊りですか!?😂

  • @junpei3
    @junpei3 2 года назад

    こちらも見させて頂きました!

    • @webgodweb
      @webgodweb  2 года назад +1

      ありがとうございます!☺️

  • @ohana970
    @ohana970 3 года назад +1

    こんにちは☺なつこさんはCSS設計は普段何で書かれていますか(BEMやFLOCSS..etc)

  • @しらいしみつひろ
    @しらいしみつひろ 11 месяцев назад

    本教科書と動画一本でプログラミング知識を征服する。

  • @in-bs2jj
    @in-bs2jj 3 года назад +5

    かわいい♡からあげくん食べたくなりました(笑)

    • @webgodweb
      @webgodweb  3 года назад

      コメントありがとうございます!
      まさかの!😂

  • @user-rl4ti3rf9u
    @user-rl4ti3rf9u Год назад +1

    progateのhtmlとcssの初級を
    2週してある程度基礎はわかったん
    ですけど次はなにをしたらいいですか?😂😂

    • @webgodweb
      @webgodweb  Год назад +3

      コメントありがとうございます!Progateは初心者向けに、周辺知識がなくても進められるように、すごく限定的な内容で作られている講座だと感じます。個人的に、Progateの次はドットインストール(有料版)の動画講座を一通り進めながら、自力でコードを書きつつ学ぶのがおすすめです!今まで知らなかった知識が山ほど出てくると思います。

    • @user-rl4ti3rf9u
      @user-rl4ti3rf9u Год назад

      @@webgodweb 返信ありがとうございます。勉強頑張ります!

  • @tonoo1040
    @tonoo1040 3 года назад

    dwを動画教材を使って学習中です。
    reset.css common.cssでコーディングにつまづいています
    教材の視聴期限もどんどん進んでいき 課題の締め切りは迫ってくる
    深く考えすぎなのか全く前に進めなくなってしまいました。
    この動画であ~そうなんだと感じることがたくさんあります

    • @webgodweb
      @webgodweb  3 года назад +1

      コメントありがとうございます!
      時には一瞬深く考えて、すんなり理解してしまった方が効率がいいこともありますが、どうしても納得いかない部分などは心を殺して(?)丸暗記してしまうのが1番の方法かなと思います。意味を考えず、語呂で算数の公式などを覚えてしまうようなイメージです。
      そうすればいずれ、すべてがスッと腑に落ちる、体に染みつく時がくると思います🙇‍♀️

  • @田中佑樹-v5m
    @田中佑樹-v5m 3 года назад +4

    今回もとてもよく理解できました!!
    そろそろCSSの勉強に入りたいと思います^^

    • @webgodweb
      @webgodweb  3 года назад +1

      コメントありがとうございます!
      応援してます!!☺️

  • @kawa9462
    @kawa9462 3 года назад

    HTML CSSの学習を終えたのでポートフォリオを作りたいのですが、デザインセンスが無いのでどんなページを作ったら良いのかが浮かびません。こんなサイトを参考にするのがおすすめとかあったら教えて下さい。なかなか前に進めません。

  • @しらいしみつひろ
    @しらいしみつひろ Год назад

    俺にはプログラマー運がある。ハローワ―クの人生相談が懐かしい。

  • @てんてけてんてん-v7d
    @てんてけてんてん-v7d Год назад

    かわいい!ぴよぴ🐤

    • @webgodweb
      @webgodweb  Год назад

      ご視聴ありがとうございます🐣

  • @阿江敏行
    @阿江敏行 Год назад

    HTML.CSSエディターを入手したいのですがどうすれば良いのですか?

    • @webgodweb
      @webgodweb  Год назад

      下記の動画も参考に、「Visual Studio Code」をダウンロードしてみてください!
      ruclips.net/video/pQ7tmTx5Zbk/видео.html
      Visual Studio Code
      code.visualstudio.com/

  • @蛍-h9e
    @蛍-h9e 2 года назад

    head などの要素は一文字一文字打ち込むのですか?

    • @蛍-h9e
      @蛍-h9e 2 года назад

      すみません始めたばっかで

    • @webgodweb
      @webgodweb  2 года назад +1

      ご返信遅くなりすみません!
      はい、学習初めのうちは、いずれは見ないでも打ち込めるように暗記、練習したほうがよいです。
      記述の仕方も暗記できて、それぞれの意味や役割を理解したあとであれば、スニペット登録などで一発で呼び出したりコピペしたりできるようにして、時短して良いです🙏

    • @蛍-h9e
      @蛍-h9e 2 года назад

      @@webgodweb ありがとうございます!

  • @爺砲弾
    @爺砲弾 Год назад

    65歳男性でまるっきりの初心者ですが、今から初めてもマスター出来るでしょうか?

    • @webgodweb
      @webgodweb  Год назад +1

      ご視聴ありがとうございます😊様々な方がいらっしゃいますので、マスターされる方はいらっしゃると思います。
      実際に学習してみないと、向き不向きも見えて来ないと思いますので、学習を進めてみることをお勧め致します☘️

    • @爺砲弾
      @爺砲弾 Год назад

      @@webgodweb やっと my Typing レベルFです。

    • @爺砲弾
      @爺砲弾 Год назад

      65歳爺です。まずはタイピングと言うことで毎日1時間、練習してますが ,上達しません。
      ミスを少なくするにはゆっくり間違えずに打った方がいいでのしょうか?

    • @webgodweb
      @webgodweb  Год назад +1

      ミスを少なくともいうことであれば、おっしゃる通り少し速度を下げた状態で練習される方が良いと思います。
      最初は疲れるかどう思いますが、タイピングの練習時間を朝晩45分づつにする等、練習時間を増やしてみていってください。
      毎回、打ち込み練習する文章を変えるのではなく、同じ文章を何度もミスなく打ち込めるように練習するのも一つの方法としてオススメです。

  • @user-lf5hs9wh1x
    @user-lf5hs9wh1x 2 года назад

    phpファイルでもhtmlとcssかけますか?

    • @webgodweb
      @webgodweb  2 года назад

      書けますよ!PHPの記述はタグで囲むようにして、HTMLのコードに埋め込んで書くことができます。拡張子は.phpのファイルだけど、中身は普通にHTMLを書けば良いイメージです。

    • @user-lf5hs9wh1x
      @user-lf5hs9wh1x 2 года назад

      @@webgodwebご丁寧にありがとうございます、助かります

  • @しらいしみつひろ
    @しらいしみつひろ 11 месяцев назад

    面白いお姉さんだ。

  • @mamikanyu723
    @mamikanyu723 Год назад

    ど素人の私にとってすごくわかりやすく、無駄のないご説明でした。チャンネル登録しましたので今後ともよろしくお願いいたします。ありがとうございましたm(__)m

    • @webgodweb
      @webgodweb  Год назад +1

      ありがとうございます!!
      今後ともお役に立てるよう頑張ります🙇‍♀️🙇‍♀️

  • @user-tomida-aichi
    @user-tomida-aichi 3 года назад

    現役で仕事されてる方は、実務でどう効率よくコーディングされてるか知りたいです。

    • @webgodweb
      @webgodweb  3 года назад

      コメントありがとうございます!
      効率化の方法をまとめた動画など、今後のテーマとして検討させていただきますね☺️

  • @rodo0911
    @rodo0911 3 года назад

    尊いです!(*´ω`*)

    • @webgodweb
      @webgodweb  3 года назад

      コメントありがとうございます😂🐣

  • @前田卓大
    @前田卓大 3 года назад +2

    かわいい

    • @webgodweb
      @webgodweb  3 года назад

      コメントありがとうございます😂🐥

  • @きのこ君-v6g
    @きのこ君-v6g 2 месяца назад +1

    かわいい

    • @webgodweb
      @webgodweb  2 месяца назад

      ありがとうございます😊

  • @福田悟-m4y
    @福田悟-m4y 3 года назад

    冒頭のピヨピヨ笑いましたw

    • @webgodweb
      @webgodweb  3 года назад +1

      笑っていただけてよかったです😂ピヨピヨ…🐣

  • @21uma10
    @21uma10 3 года назад

    被り物は何かの罰ゲーム?w

    • @webgodweb
      @webgodweb  3 года назад

      😂😂
      わざわざドンキに買いに行きました🐥

  • @bibiri778
    @bibiri778 10 месяцев назад

    🐣🐣。ぴよぴよ。🙇‍♂言いたかっただけです。ぴよぴよ。ってっ、恥ずかしいですよねっ。すいません。冗談で。

    • @webgodweb
      @webgodweb  10 месяцев назад

      たくさん言ってください!ぴよぴよ!!!🐣🐣

  • @toko4935
    @toko4935 3 года назад

    atomじゃないんかい

    • @webgodweb
      @webgodweb  3 года назад

      以前は私もAtomを使っていましたが、今は断然VS Codeがお勧めですね…!

  • @魔人くん
    @魔人くん 3 года назад

    佐賀大出身ですか?

    • @webgodweb
      @webgodweb  3 года назад

      すみません、違います😂

  • @Harrier97
    @Harrier97 Год назад

    ガチの初心者です。
    最初はどのように勉強されましたか?
    動画を見ていて、cssを読み込むコード書いたときにrelやhrefなどありますがこれは意味を理解するより、暗記するものなのでしょうか?
    分からないことを調べるのが難しいです。。

    • @webgodweb
      @webgodweb  Год назад

      コメントありがとうございます!まさに、学習を始めたばかりのうちは特に、意味を理解するより「こういうものなんだ」と覚えてしまった方が早いことがかなり多いです。数学の公式に近いと思います!とりあえずは無心で覚えてしまって、意味がわからずでも使えるようになっておくと、後々理解が追いついてくることが多かったと思います!

  • @tomoyaokano1081
    @tomoyaokano1081 3 года назад

    単語を知ってるだけですお恥ずかしい

    • @webgodweb
      @webgodweb  3 года назад

      コメントありがとうございます!
      是非これから学習をはじめてみてはいかがでしょうか!☺️

  • @h8888
    @h8888 2 года назад

    歯の黒ずみ綺麗になってるやん

  • @vincida4029
    @vincida4029 Год назад

    ちょっと解らんですわ、あほでごめんよ。

    • @webgodweb
      @webgodweb  Год назад

      最初はチンプンカンプンでも、コードに触れているとだんだん慣れていただけるのではないかと思います…🐥🐥