ドロップダウンメニュー付きウェブサイトの作り方【HTML/CSS/Javascript入門】

Подписаться 43 тыс.

Просмотров 14 тыс.

50% 1

#入門 #HTML #CSS #Javascript #ウェブサイト #ドロップダウンメニュー #ヘッダー #模写コーディング
【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】
↓↓↓↓↓
shincode.info/2...
＼ShinCode_Camp開校しました／
プログラミング講座＆副業・起業＆就職・転職が学べるプラットフォーム🚀
🎁月額2500円で全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁コミュニティ機能付き
🎁いつでも解約可能etc...
↓↓↓↓↓
code-s-school-...
【この動画を視聴するメリット】
・基礎となるHTML/CSS/JSが学べる
・ドロップダウン(プルダウン)メニューの作り方が学べる
・Javascriptでメニューハイライトができるようになる
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ400人突破
・Webアプリ/サイト開発数：150以上
★チャンネル登録はこちらから★
/ @programming_tutorial_...
★今回のソースコード★
github.com/Shi...
★運営者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
※アフィリエイトリンクになります。

Опубликовано:

14 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 11

@nlbrelaxstyle 2 года назад

とても聞き取りやすくて、分かりやすいです！

@Nakamura_Yuna Год назад

参考にさせていただいております。 Javascriptは、開発環境がなくてもメモ帳で記述で同じ結果になりますでしょうか？タイプミスがないか確かめたのですが、最後のJavascriptが適応されません。もし、不可能なのでしたら、ホームが最初からhoverしているのをカーソルが合うまでオフにする方法を教えていただきたいです。

@Rustygarnet Год назад

いつも学習をさせていただいております。質問なのですが、動画16:50〜のdisplay noneの件で、submenuにblockを付けたら表示されるところがうまく理解できませんでした。もし可能でしたらお時間がある時に解説をしていただければ幸いです。

@programming_tutorial_youtube Год назад

ご質問ありがとうございます。 display: block; でブロック要素にするとnoneから要素がある状態に変わります。

@YTK0611 2 года назад

いつも最高に勉強になります。特にテンプレートリテラルの使いどころがわかって楽しかったです。引き続きよろしくお願いいたします。

@shinhira5787 2 года назад

いつも勉強になります。ご質問させて下さい。hoverした時に表示されるメニューをゆっくり表示させたい場合はどこにtransitionを付与すればいいのでしょうか？

@さくら桜-b7m 2 года назад

プログラミングの勉強が楽しくなりました！本当にありがとうございます！！質問なのですが、CSSで最初にmargin:0 padding:0などを行いますが、これはリセットCSSを導入するのであれば、必要ないでしょうか？

@programming_tutorial_youtube 2 года назад

いつもご視聴ありがとうございます。はい、そうですね。リセットCSSがあれば記述する必要はありません。が、リセットＣＳＳによって初期値のＣＳＳの当たり方が違うと思うのでそこは確認しておいてください。

@山田次郎-p1w 2 года назад

いつもわかりやすい解説ありがとうございます！ map関数ではなくfor文でやってみました！ const menus = [ ]; for (let i = 1; i { for (let i =0; i < menus.length; i++){ if(e.target.id === menus[ i ].id) { menus[ i ].classList.add('active'); }else { menus[ i ].classList.remove('active'); } } })