# 我的微型植物園:一個學習 HTML、CSS 和使用 JavaScript 操控 DOM 的項目 🌵🌱 一個小型的拖放代碼冥想項目。通過一點 HTML、JS 和 CSS,你可以構建一個網頁界面,為其設計樣式,並添加互動功能。 ![我的微型植物園](../../../../3-terrarium/images/screenshot_gray.png) ## 鳴謝 由 [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。 **免責聲明**: 本文件已使用人工智能翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。我們致力於提供準確的翻譯,但請注意,自動翻譯可能包含錯誤或不準確之處。應以原文文件作為權威來源。對於關鍵資訊,建議尋求專業人工翻譯。我們對因使用此翻譯而引起的任何誤解或誤釋不承擔責任。