HTML/CSSの学習で定番の学習方法、「模写コーディング」のやり方、練習するときのポイントをまとめました！
↓次回は、この動画の内容を踏まえての「模写コーディング 実践編」をお送りします♪↓
【超入門】初心者必見！模写コーディングをやってみた 実践編【HTML・CSS コーディング】
https://youtu.be/RBLkXAG4QTM
こちらも併せてご覧ください！
【初心者向け】模写コーディングのよくあるご質問回答＆お悩み相談！【HTML・CSS コーディング】
https://youtu.be/ObHr8pbHDoc
＜目次＞
・オープニング 0:00
・模写コーディングとは 0:45
・初心者向けの注意点 1:46
・模写コーディングの手順 2:37 〜
①サイト選び 3:05
②スクリーンショットを撮る 5:35
▶︎検証ツールを使う 7:55
▶︎拡張機能を使う 9:26
【おまけ】模写コーディングにオススメな拡張機能 11:02
③テキストを抽出する 12:01
④画像を抽出する 12:46
⑤HTML編集 14:28
⑥CSS編集 15:20
⑦運命の答え合わせ 16:20
・今回のまとめ 18:43
↓今回参考にしたサイト↓
企業サイトアーカイブ
https://www.ikesai.com/cat/corp/
※この中から、「はくばく」公式サイトを例に挙げて紹介しています！
--- Webの神様 ---
未経験、初心者のみなさんのHTML・CSSの学習を応援していくチャンネルです！
【タグ】
#Webデザイン #コーディング #HTML
【SNS】
--- Twitter ---
https://twitter.com/webgodweb
--- Facebook ---
https://www.facebook.com/webgodweb/
【運営会社】
株式会社カラフルクローバー
https://www.colorful-clover.co.jp/
★★★「Webの神様」メンタープランのご案内★★★
ナビゲーターの「なつこ」が講師となって、皆さんのWebデザイン・プログラミング学習をサポートする「メンタープラン」を実施中です！
【お知らせ動画】
「Webの神様」があなたのメンターになります
https://youtu.be/pJfpEVjAdqk
【プランの詳細・お申し込み（MENTA）】
https://menta.work/plan/5148
未経験から学習中の方、Web・IT業界に就職・転職活動中の方、フリーランス独立を目指して活動中の方など、必要として頂いている皆さんのお役に立てるように精一杯サポートさせて頂きます！
是非ともご検討いただければ幸いです。
★★★★★★★★★★★★★★★★★★★★★★★