HTML/CSSの学習で定番の学習方法、「模写コーディング」のやり方、練習するときのポイントをまとめました下記の動画をもとに、実際に模写コーディングに取り組んでみました！
【超入門】初心者向け 模写コーディング！オススメのやり方とポイント【HTML・CSS コーディング】
https://youtu.be/OH1X09Ilu9E
こちらも併せてご覧ください！
【初心者向け】模写コーディングのよくあるご質問回答＆お悩み相談！【HTML・CSS コーディング】
https://youtu.be/ObHr8pbHDoc
※※※動画内のソースコードについて※※※
原則として配布は行なっておりませんが、下記のフォームからソースコード希望の旨をお問い合わせください。
https://webgodweb.com/request/
＜目次＞
・オープニング 0:00
・オススメの手順のおさらい 1:25
・模写コーディング実況
①サイト選び 1:42
②スクリーンショットを撮る 2:22
③テキストを抽出する 3:13
④画像を抽出する 4:00
⑤HTML編集 5:13
⑥CSS編集 12:06
⑦運命の答え合わせ 39:51
・今回のまとめ 43:40
↓今回参考にしたサイト↓
模写サイト
https://free-hp.net/clinic/cl_001/
「HTML5 Doctor Reset CSS」
http://html5doctor.com/html-5-reset-stylesheet/
--- 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業界に就職・転職活動中の方、フリーランス独立を目指して活動中の方など、必要として頂いている皆さんのお役に立てるように精一杯サポートさせて頂きます！
是非ともご検討いただければ幸いです。
★★★★★★★★★★★★★★★★★★★★★★★