鐵人檔案
一起動手！透過學習Bootstrap和jQuery，從UI/UX設計理論到實際程式撰寫，掌握整體開發流程，打造具備優良使用者體驗的互動性響應式網頁。如果你對HTML、CSS和JavaScript已經有一點的認識及實作經驗，也有興趣學習更方便的開發工具，歡迎閱讀這系列的文章。如果沒有也沒關係，只要你有興趣，都能輕鬆入門這一系列文章。快來跟我一起開啟你的網頁開發之旅吧！
為甚麼要學習jQuery呢? JavaScript在處理不同瀏覽器的兼容性時可能變得繁複。你可能已經寫好了一個功能，但當你在另一個瀏覽器上測試時，它可能無法正常...
開始前簡單回憶一下 JavaScript的強大之處在於它可以操作網頁上的所有元素，像是你可以運用JavaScript新增HTML元素，或套用CSS樣式。例如前面...
網頁的階層觀念 在網頁開發中，了解網頁元素的階層結構非常重要。以下是一些常見的 jQuery 函式，用於操作不同階層的元素： this：只操控到有被選中的元素...
在現代網頁開發中，我們經常需要添加豐富的互動元素和特效，以提高使用者體驗。而 jQuery 是一個廣泛使用的 JavaScript 函式庫，它能夠大幅簡化 J...
簡介 jQuery UI（User Interface）是一個開源的 JavaScript 函式庫，旨在簡化和增強網頁應用程式的用戶界面設計和互動功能。它...
在開始實作前我們先來回憶並整理重要的概念吧! 回憶HTML HTML是用來構建網頁架構的語言，中文翻譯為超文本標記語言，是由一個一個標籤構成的巢狀結構。一個...
這單元我們會以這個咖啡廳網頁的設計稿進行實作的教學。 以下開始進行實作: 首先我們在自己的電腦裡建立一個存放咖啡廳網頁程式碼的資料夾，並把它拉進去Visua...
昨天建構完了標籤內的HMTL，如下: <body> <header> <ul>...
三、ABOUT區塊 index.html: <section class="sec_about text-center py-5&quo...
實作程式碼: <!DOCTYPE html> <html lang="en"> <head>...
