🐵指尖猴全新升级
🌐

AI做网站 🚀

30节课，用AI从零做出自己的网站

总进度0 / 30 节
🧭

网站启蒙岛

认识网站，第一次让AI生成网页

完成进度
0/5
🥉 建站新手
🧭
第1课 · 12min

什么是网站

网页与网站的秘密

入门开始学习 →
🧭
第2课 · 12min

网站三剑客

HTML/CSS/JS分工

入门开始学习 →
🧭
第3课 · 12min

AI能帮网站做什么

AI建站超能力

入门开始学习 →
🧭
第4课 · 12min

第一次让AI生成网页

AI对话生成代码

入门开始学习 →
🧭
第5课 · 15min

网页如何显示

浏览器的工作

入门开始学习 →
🧱

网页结构岛

用HTML搭出网页的骨架

完成进度
0/5
🧱 结构建筑师
🧱
第6课 · 12min

HTML骨架

标签与树形结构

基础开始学习 →
🧱
第7课 · 12min

文字段落

标题、段落与强调

基础开始学习 →
🧱
第8课 · 12min

图片与链接

img与a标签

基础开始学习 →
🧱
第9课 · 12min

列表与表格

ul、li与table

基础开始学习 →
🧱
第10课 · 15min

让AI写结构

需求说清楚

基础开始学习 →
🎨

网页美化岛

用CSS给网页化妆变美

完成进度
0/5
🎨 网页美工师
🎨
第11课 · 12min

CSS是什么

选择器与样式规则

进阶开始学习 →
🎨
第12课 · 12min

颜色与背景

RGB与渐变背景

进阶开始学习 →
🎨
第13课 · 12min

字体与文字

字号、字体与排版

进阶开始学习 →
🎨
第14课 · 12min

盒子模型

边框、内边距、外边距

进阶开始学习 →
🎨
第15课 · 15min

让AI改样式

迭代式美化

进阶开始学习 →
⚡

网页交互岛

用JavaScript让网页动起来

完成进度
0/5
⚡ 交互魔法师
⚡
第16课 · 12min

JavaScript是什么

网页的大脑

提高开始学习 →
⚡
第17课 · 12min

按钮点击

事件与响应

提高开始学习 →
⚡
第18课 · 12min

显示与隐藏

切换的秘密

提高开始学习 →
⚡
第19课 · 12min

动画效果

过渡与变形

提高开始学习 →
⚡
第20课 · 15min

让AI加交互

描述交互剧本

提高开始学习 →
🛠️

实战项目岛

亲手做出真实网页项目

完成进度
0/5
🛠️ 独立开发者
🛠️
第21课 · 15min

个人主页

项目一：主页设计

挑战开始学习 →
🛠️
第22课 · 15min

自我介绍页

项目二：图文介绍

挑战开始学习 →
🛠️
第23课 · 15min

作品集页面

项目三：作品展示

挑战开始学习 →
🛠️
第24课 · 15min

兴趣展示页

项目四：兴趣主题

挑战开始学习 →
🛠️
第25课 · 15min

网页彩蛋

项目五：隐藏惊喜

挑战开始学习 →
🚀

发布上线岛

把网站发布上线，让全世界看到

完成进度
0/5
🚀 上线站长
🚀
第26课 · 12min

什么是部署

从本地到云端

大师开始学习 →
🚀
第27课 · 12min

上线准备

检查与优化清单

大师开始学习 →
🚀
第28课 · 12min

域名与访问

网址的门牌号

大师开始学习 →
🚀
第29课 · 12min

AI排查问题

调试与修错

大师开始学习 →
🚀
第30课 · 15min

毕业展示

综合项目：成果发布

大师开始学习 →