# 我的微型植物園:一個學習 HTML、CSS 和使用 JavaScript 操控 DOM 的專案 🌵🌱 一個小型的拖放程式練習。通過一些 HTML、JS 和 CSS,你將能夠建立一個網頁介面,為其設計樣式,甚至添加多種互動功能。 ![我的微型植物園](../../../3-terrarium/images/screenshot_gray.png) # 課程 1. [HTML 入門](./1-intro-to-html/README.md) 2. [CSS 入門](./2-intro-to-css/README.md) 3. [DOM 和 JS 閉包入門](./3-intro-to-DOM-and-closures/README.md) ## 致謝 由 [Jen Looper](https://www.twitter.com/jenlooper) 用 ♥️ 編寫 通過 CSS 創建的微型植物園靈感來自 Jakub Mandra 的玻璃罐 [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY)。 藝術作品由 [Jen Looper](http://jenlooper.com) 使用 Procreate 手繪完成。 ## 部署你的微型植物園 你可以使用 Azure 靜態網頁應用程式將你的微型植物園部署或發佈到網路上。 1. Fork 此儲存庫 2. 按下這個按鈕 [![部署到 Azure 按鈕](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp) 3. 按照向導步驟建立你的應用程式。請確保將應用程式根目錄設置為 `/solution` 或你的程式碼根目錄。此應用程式中沒有 API,因此不需要添加相關內容。一個 GitHub 資料夾將會在你 Fork 的儲存庫中建立,這將幫助 Azure 靜態網頁應用程式的建置服務,建置並發佈你的應用程式到一個新的 URL。 **免責聲明**: 本文件使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。我們致力於提供準確的翻譯,但請注意,自動翻譯可能包含錯誤或不準確之處。應以原始語言的文件作為權威來源。對於關鍵資訊,建議尋求專業人工翻譯。我們對因使用此翻譯而引起的任何誤解或誤讀概不負責。