
滑鼠游標拖曳出方框 最簡單的寫法,這次要製作的功能是當使用者 按住滑鼠左鍵不放 ,開始拖曳時,會出現跟著游標而 不斷改變形狀的方框 ,使用者放開時才消失。
閱讀全文

Flask Blueprint 藍圖建立步驟筆記,使用 Docker 管理,後端語言為 python,前端使用純 HTML + CSS + JavaScript,開發的平台是使用 VSCode。
閱讀全文

網頁設計課程【零基礎轉職!網頁設計 HTML、CSS 快速入門】在 Hahow 好學校 上架囉!全台首創以職場經驗回推設計而成,更專門為零基礎和轉職的人設計課程內容,手把手帶你從入門到專業!
閱讀全文

重點整理網頁設計排版與設計原則的免費資源:【網頁設計必學:5 個排版技巧 + 6 個設計原則】藉由我過去觀摩和參與過的實際案例,發現如果能掌握這些排版技巧和設計原則,想要快速做出一個美美的、又富有空間概念的網頁,並非困難的事情!
閱讀全文

RWD 響應式網頁的 CSS 框架 Bootstrap 教學,從嵌入的方式到開始套用,採用最方便的 CDN 嵌入,不佔主機空間,直接放入 HTML 當中,即可開始套用!
閱讀全文

我們可以將 CSS 直接放在 HTML 當中,也可以使用 CSS link 嵌入方式,分開獨立出一個 .css 的檔案來編輯。3 種常見的 CSS 應用方式,圖解如何使用、撰寫位置、三者相對的權重關係!
閱讀全文

為什麼寫程式要有程式縮排的習慣呢?甚至 VS Code 還有插件可以幫你完成縮排的工作。其實縮排撰寫有以下三大好處:更清楚區域與階層關係、快速找到修改區域或位置、交接時快速了解程式架構。
閱讀全文

網頁切版是什麼呢?網頁切版大致可以切成 header (頂端列)、nav (導覽列)、body (內容區)、aside (側邊欄位)、footer (頁底區) 這些區塊。切版不僅是一個會影響到增減功能時候的問題,還可能直接影響到使用者體驗的部分。
閱讀全文

Hello World 程式碼,工程師們總是會說「先印個 Hello World 試試看!」 就是在電腦螢幕上輸出顯示「Hello, World!」的字串。原因包含學習新語言嘗試輸出是否正確、確認程式環境建置、確認樣式檔相關連結是否能正常運作
閱讀全文

CSS 是什麼?我們可以透過 HTML、CSS 的撰寫,把網頁上的任何元素放到我們想要它呈現的位置,甚至 CSS 也有許多動畫的撰寫方式,應用廣泛又多元!
閱讀全文