第 1 关 8 岁起
建造者 🧱
在本关中，你将用 HTML（页面骨架）和 CSS（外观）搭建完整网站。结束时，你的网站将拥有互联网上的真实地址。
还没设置好电脑？请先完成准备课。
加载进度中…
- 网站是怎么工作的，以及你的第一页 了解在浏览器里输入地址后会发生什么，并搭建你网站的基础。
- 标题、段落和列表 用真正的内容填满你的页面，并学会如何清晰地组织它们。
- 图片 给网站添加照片和图片——并学会把它们整齐地放在文件夹里。
- 链接和第二个页面 你的网站不再只是一页了。你会再建一个页面，并用链接把它们连起来。
- 页眉、菜单和页脚 像真正的网站一样给页面结构：顶部有菜单的页眉，底部有页脚。
- 你的第一份 CSS：页面有了颜色 认识 CSS 语言，看着你的网站不再像 1995 年的样子。
- 字体和 class 给网站选合适的字体，并学习 class——CSS 里最有用的技巧。
- 盒子和间距 发现 CSS 里最大的秘密：页面上的一切都是盒子。并学会移动它们。
- Flexbox：真正的菜单 学会把盒子并排排列，你的菜单就会像真正网站上的那样。
- 卡片和照片画廊 搭建现代网站最常见的两种组件：内容卡片和照片网格。
- 页脚和最终润色 完成网站外观：页脚、小细节大印象，以及最终检查。
- 把网站发布到互联网上 大结局：你的网站会有一个真正的地址，可以发给世界上任何人。