HTMLとCSSで上部固定ヘッダーウェブサイトを1から実装してみよう

#入門 #HTML #CSS #ヘッダー #Javascript #ウェブサイト #模写コーディング
★さらに深くプログラミングを学びたい方へ(Udemy割引クーポン)★
shincode.info/2021/12/31/udemy...
\ShinCode_Camp開校しました/
プログラミング講座&副業・起業&就職・転職が学べるプラットフォーム🚀
🎁月額2500円で全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁コミュニティ機能付き
🎁いつでも解約可能etc...
↓↓↓↓↓
code-s-school-5bc2.thinkific....
【この動画を視聴するメリット】
・基礎となるHTML/CSSが学べる
・ウェブサイトにおける上部ヘッダー固定が実装できる
・JavascriptにおけるclassList.add()の使い時が理解できる
・自力で模写コーディングできる方法が学べる
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ300人突破
・Webアプリ/サイト開発数:150以上
★チャンネル登録はこちらから★
/ @user-hl9uv6cv7k
★無料Slackコミュニティ開設しました★
t.co/HCsoL7hlft
プログラミングに関するご相談やお悩みはこちらで回答します。
★今回のソースコード★
github.com/Shin-sibainu/sticl...
★運営者SNS★
Twitter: / shin_engineer
★この動画で使用している機材★
キーボード(Keychron K6 赤軸):amzn.to/3F4zca5
マウス(Logicool G ロジクール G ゲーミングマウス):amzn.to/3DZaaYB
マイク(サンワダイレクト USBマイク PCマイク):amzn.to/30AVwJF
マイクスタンド(Luling Arts マイクスタンド マイクアーム スタンド):
amzn.to/3se5onZ
※アフィリエイトリンクになります。

Пікірлер: 19

  • @user-wh7hn5wc3h
    @user-wh7hn5wc3h2 жыл бұрын

    この人の動画わかりやすすぎる。 声も良い。

  • @j_u_d_y3041
    @j_u_d_y3041 Жыл бұрын

    Thank you so much for the concise and simple tutorial! ありがとうございます! 🤩

  • @user-eh1yc7ck4z
    @user-eh1yc7ck4z5 ай бұрын

    プログラミング系の説明動画で1番わかりやすいと思います。予習復習両方で拝見してますがめちゃくちゃ助かってます!

  • @user-hl9uv6cv7k

    @user-hl9uv6cv7k

    5 ай бұрын

    すごくうれしいコメントありがとうございます! Web制作系ではないかもしれませんが、今後も地道に動画をアップロードしていこうかなと思います

  • @Gizutoku
    @Gizutoku Жыл бұрын

    いつもありがとうございます🙇

  • @paruken8757
    @paruken8757 Жыл бұрын

    inline-blockが適用されない場合はどう解決しますか?

  • @fudousan-kaikaku
    @fudousan-kaikaku Жыл бұрын

    はじめまして、 上記にURLにアクセスしましたが、コードは確認できませんでした。こちらにコピーすることは可能でしょうか。

  • @user-dw2lj6gc5f
    @user-dw2lj6gc5f Жыл бұрын

    なぜheaderタグを使わずdivタグで括ったのですか? cssで編集する際もクラスをつけるくらいならheaderとしてそのままcssでかけると思うのですが

  • @NnN-si4lg

    @NnN-si4lg

    10 ай бұрын

    わかりやすいようにだと思いますよ 別に気にするところでは無いと思う

  • @user-ll9gg9xd3l
    @user-ll9gg9xd3l3 ай бұрын

    初めまして。こちらの動画をもとに、ページを作っているものです。 18:20あたりで、つまづいています。なぜか、バックグラウンドの色が適応されず、Relaxが横につきません😢

  • @user-hl9uv6cv7k

    @user-hl9uv6cv7k

    3 ай бұрын

    クラス名等の綴りミスの可能性がありますので、ご確認いただけると良いかと思います!

  • @rururu0501
    @rururu050111 ай бұрын

    Scriptタグが機能しない原因はなんですか?

  • @user-dw2lj6gc5f
    @user-dw2lj6gc5f Жыл бұрын

    navのulの余白を付ける際にmarginを使っていましたがpaddingを使わなかったのはなぜですか?(8:29)

  • @user-hl9uv6cv7k

    @user-hl9uv6cv7k

    Жыл бұрын

    paddingとmarginの使い分けは 基本は、要素の外側の余白にはmargin、要素の内側の余白にはpaddingを使います。 そして、親要素と子要素の間(親子間)の余白はpadding、隣り合った要素(兄弟間)の余白はmarginを使うようにすると、迷うことがなくなります。 以下のサイトからの引用になります。 eclair.blog/difference-between-margin-and-padding/#:~:text=%E5%9F%BA%E6%9C%AC%E3%81%AF%E3%80%81%E8%A6%81%E7%B4%A0%E3%81%AE%E5%A4%96%E5%81%B4,%E8%BF%B7%E3%81%86%E3%81%93%E3%81%A8%E3%81%8C%E3%81%AA%E3%81%8F%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82

  • @ricoco57
    @ricoco575 ай бұрын

    全然くどくないです。私のレベルに合ってます。くどいのは私のコメントです。😂

  • @user-hl9uv6cv7k

    @user-hl9uv6cv7k

    5 ай бұрын

    いえいえ笑 コメントあるだけでもモチベーションになるので、うれしいですよ! ricocoさんの学習の手助けになっているのであれば、それでうれしいです

  • @user-dw2lj6gc5f
    @user-dw2lj6gc5f Жыл бұрын

    navタグの中にh2タグをいれたのはなぜですか? h2タグの下にnavタグをつけてもできると思うのですが、、、

  • @user-hl9uv6cv7k

    @user-hl9uv6cv7k

    Жыл бұрын

    どちらでもOKです。 HTMLの書き方はいろんなパターンがありますので!

  • @user-dw2lj6gc5f

    @user-dw2lj6gc5f

    Жыл бұрын

    @@user-hl9uv6cv7k そうなんですね。 ではなぜ今回の動画ではnavタグで囲ったんですか?

Келесі