網頁設計

[JS筆記]滑鼠游標拖曳出方框，最簡單的寫法 3 分鐘完成

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

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 也有許多動畫的撰寫方式，應用廣泛又多元！