技術 Day 3｜將 HTML 從 Python 程式中分離出來

昨天我們直接在 Python 中回傳 HTML。這種方式適合測試，但網站越來越複雜時，把所有網頁內容塞進 Python 就會很難維護。 今天要將 HTML 放到...

技術 Day 1｜規劃網站功能，建立專案資料夾

今天要完成什麼？先確定網站要解決的問題，並建立一個之後可以持續擴充的專案。 我們把網站取名為 My Media Library，也就是「我的影音與遊戲收藏庫...

技術 Day 2｜安裝 Flask，啟動第一個 Python 網站

今天開始正式寫程式。 確認 Python 是否安裝在 VS Code 上方選單選擇「終端機 → 新增終端機」，輸入：python --version 如果電...

技術 Day 6｜顯示電影與遊戲測試資料

今天先不用資料庫，使用 Python 清單產生作品卡片。明天再改善手機版排版，之後才把測試資料換成 SQLite。步驟 1：在 app.py 加入測試資料在 a...

技術 Day 5｜設計深色主題與卡片樣式

步驟 1：建立 static/style.css把以下程式碼完整放進檔案： :root {color-scheme: dark;--bg: #10131a;--...

技術 Day 4｜建立導覽列與不同頁面

今天的目標讓首頁、電影收藏、遊戲收藏和統計頁面都有自己的網址，而且可以透過導覽列切換。步驟 1：修改 app.py將 app.py 整份替換成以下程式碼：fro...