本日は気分転換がてらChatGPTに問題を出してもらいながらコードを書いてみた。 ◆本日の収穫 HTMLの雛形ができた ◆明日以降の課題 レベル2の問題を出してもらう #HTML勉強中 #CSS勉強中 #html #css #codejump

本日はProgate様のHTML/CSS道場初級編。仕様書を見ながら書く練習をもう１回。 ◆本日の収穫 仕様書とコードの一致が前よりも想定できるようになったかな ◆明日以降の課題 marginとpaddingの使い分け #HTML勉強中 #CSS勉強中 #html #css #codejump

本日はProgate様のHTML/CSSの中級編。出先+写真の日だったので今日は軽めに。 ◆本日の収穫 コードの種類や形は少しずつ迷いなくなってきた。 ◆明日以降の課題 実際に書く→試す #HTML勉強中 #CSS勉強中 #html #css #codejump

本日はCodejump様の入門編　レシピサイトを模写（HTML完成）。 ◆本日の収穫 おおまかな構成は、構成図を確認しながら書けている。 ◆明日以降の課題 classのつけ方がまだいまいちしっくりこない。head部分の必要要素（Titleなど）を落とさない。 #HTML勉強中 #CSS勉強中 #html #css #codejump

本日はCodejump様の入門編　フォトブックサイトを模写（完成）。 ◆本日の収穫 HTMLの書き方はなんとなく分かってきた、少しずつレイアウト構成から起こせるようになってきた。 ◆明日以降の課題 CSSの細かいコードは辞書を見ながら。 #HTML勉強中 #CSS勉強中 #html #css #codejump

本日はCodejump様の入門編　フォトブックサイトを模写（HTMLメインまで）。 ◆本日の収穫 なかなか集中できず…。明日以降に備える。 ◆明日以降の課題 引き続き模写して見比べ #HTML勉強中 #CSS勉強中 #html #css #codejump

本日はCodejump様の入門編　プロフィールサイトを模写（CSSメインまで）。 ◆本日の収穫 マウスを置くと変化（hover） 文章を左揃え（text-align:left;） ◆明日以降の課題 引き続き模写して見比べ #HTML勉強中 #CSS勉強中 #html #css #codejump

本日はCodejump様の入門編　プロフィールサイトを模写（HTML全部、CSSはヘッダーまで）。 ◆本日の収穫 リンクの設定（a href=“”） 画像の入れ方（img src=“”） ◆明日以降の課題 wrapperやclassの使い分け方 #HTML勉強中 #CSS勉強中 #html #css #codejump

CSSでmarginとpaddingの違いが理解できた💡 ・margin → 要素の外側の余白 ・padding → 要素の内側の余白 ちゃんと理解するとデザインの再現性が一気に上がる！ #Web制作初心者 #CSS勉強中 #学習記録