鐵人檔案
選了一堂Web相關的課，期末專題就是寫出一個網站，一切從0開始，這個系列將從最基本的概念入手，逐步介紹建置網站的每個環節，讓讀者在30天內逐步理解並掌握網站開發的核心技能。不需要任何程式背景，只要有興趣，跟隨這個系列，你就能成功架設出屬於自己的一個網站。
在這篇文章中，我們將從最基本的概念入手，探索網站的世界。如果你從未接觸過網站開發，沒關係！這裡是一個新手友善的園地，讓我們一起慢慢理解並開始這趟旅程。 什麼是網...
在現代網站開發中，前端與後端是兩個不可或缺的部分，各自承擔著不同的角色，卻共同協作完成一個完整的系統。這篇文章將深入探討前端與後端的差異、功能以及它們如何協同工...
在網頁開發的學習過程中，選擇和配置合適的開發環境至關重要。今天，我們將深入探討常用的工具和平台，幫助你搭建學習和開發的基礎環境，為接下來的網頁開發工作做好準備。...
網站的基礎建設就像是建造一棟房子，首先需要有結構，而這個結構就是由 HTML（HyperText Markup Language，超文本標記語言） 來搭建的。H...
昨天，我們學習了 HTML，了解了如何使用標籤來定義網頁的結構與內容。然而，光有結構還不夠，我們還需要讓網頁看起來更具吸引力。今天，我們將開始學習 CSS（Ca...
在前幾天的學習中，我們探討了 HTML 和 CSS，學會了如何構建網站的結構和美化外觀。今天，我們將深入 JavaScript，這是一種讓網站具有互動性的重要語...
隨著智慧型手機和平板電腦的普及，現代網站必須適應各種不同的螢幕尺寸，提供一致且流暢的用戶體驗。今天，我們將探討如何使用CSS 媒體查詢、Flexbox和Grid...
當我們開發響應式網頁時，不僅要考慮不同裝置的螢幕大小，還要考慮到使用者旋轉裝置的情況。當用戶從直向（Portrait）轉為橫向（Landscape）模式，或者反...
在現代網頁開發中，JavaScript 不僅用來處理數據或與伺服器溝通，它也能直接操作網頁的內容與結構。今天我們要介紹的是DOM（Document Object...
在現代網頁開發中，互動性是用戶體驗的重要元素，而JavaScript的事件處理機制正是實現這一功能的核心。透過 JavaScript 的事件監聽，我們可以對用戶...
