athro https://blog.hatena.ne.jp/athro/ HTML-CSS （演習プロンプト） https://athro.hatenablog.com/ ★コーディング演習 ★AI Web制作 完全初心者カリキュラム × AI活用テンプレ プロンプト例 「完全未経験 → 30日で1人でWebサイトを作れる状態」 を目標にした超実践型カリキュラム 🎯 ゴール HTML / CSS / JavaScript の基礎理解 オリジナルWebサイトを1つ完成 AIを 正しく使える学習習慣 が身につく 🗓 全体構成 期間 内容 Day1–3 HTML基礎 Day4–7 CSS基礎 Day8–11 レイアウト Day12–16 JavaScript Day17–30 実践サイト制作 📘 Day1–3：HTML基礎 Day1：HTMLの正体を理解する 目標 HTMLの役割を理解 タグに慣… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fathro.hatenablog.com%2Fentry%2F2025%2F12%2F02%2F000000_1" title="Web制作 完全初心者カリキュラム × AI活用テンプレ - HTML-CSS （演習プロンプト）" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/w/web-css-design/20260223/20260223205835.jpg Hatena Blog https://hatena.blog 2025-12-02 00:00:00 rich https://athro.hatenablog.com/entry/2025/12/02/000000_1 1.0 100%