在 Web 上寫 Web

Thimble 是一套當您在學習 HTMLCSSJavaScript 時,很簡單就能用來建立並發布網頁的線上程式碼編輯器。

建立你自己的專案...

Keep Calm 海報

修改這張海報,讓海報有你的風格

混搭此專案

可使用此專案教學:

  • 如何設計海報
  • 編輯 HTML 內容
  • 編輯 CSS 樣式
Keep Calm 教材庫

開學明信片

把您創作的內容放到這張互動式明信片

混搭此專案

可使用此專案教學:

  • 編輯 HTML 內容
  • CSS 色彩
  • 使用 JavaScript 建立互動元素
明信片 教材庫

Current Events Comic

有您獨特風格的六格漫畫

混搭此專案

可使用此專案教學:

  • 編輯 HTML 內容
  • 尋找以創用 CC 條款授權使用的圖片
  • CSS 色彩
六格漫畫 教材庫

我最 <3 的三件事

為您喜歡的東西做個簡單的小網站。

混搭此專案

可使用此專案教學:

  • 在網站中切換網頁
  • 編輯 HTML 內容
  • 在網頁中嵌入媒體內容
我最愛的事情 教材庫

作業遲交理由產生器

混搭一段基礎的 JavaScript 程式,讓您可產生作業遲交的原因。

混搭此專案

可使用此專案教學:

  • 基礎程式概念
  • 編輯 JavaScript 內容
  • 使用 JavaScript 建立互動按鈕
理由產生器 教材庫

我的六個字夏天

用六個字告訴我們您的夏天過得怎樣。

混搭此專案

可使用此專案教學:

  • 在線上搜尋開放授權的圖片
  • 編輯 HTML 內容
  • 編輯特定文字選擇
夏季六字小短篇 教材庫