鐵人檔案
這是一個從零基礎的30天網頁設計自我挑戰。
從最基本的 HTML 標籤、CSS 樣式，一步步深入到排版技巧、互動效果，甚至是響應式網頁設計。
每天只需投入一點時間，就能解鎖一項新技能，並透過實作累積，最終完成一個屬於自己的作品集網頁。
我是個對網頁設計充滿好奇，過去總是覺得這領域很高深，但今天，我決定踏出這一步，挑戰用30天的時間，從零開始打造一個屬於自己的作品集。 今天的任務很簡單，就是寫出...
今天要更深入地探索 HTML 標籤的世界。如果說 HTML 是網頁的骨架，那這些標籤就是構成骨架的每一根柱子。我要學習如何運用它們，讓網頁內容更具結構和意義。...
一個好的網頁不只是把所有東西都堆在一起，如何有效地整理資訊也很重要。今天我要學習兩種強大的工具：清單和表格，它們能讓資訊變得有條理、易於閱讀。 清單標籤：...
如果說 HTML 負責骨架，那 CSS (Cascading Style Sheets) 就是網頁的皮膚、衣服和化妝品。它決定了網頁的顏色、字體、排版等視覺呈現...
CSS 能夠隨心所欲地控制網頁的顏色，就像一個設計師一樣。今天學習如何使用各種屬性，為網頁帶來豐富的視覺效果。 介紹幾個重要的屬性： color： 改變文字的...
網頁上的文字是傳達資訊最主要的方式，透過 CSS 可以讓文字變得更具吸引力，甚至能夠影響閱讀體驗。今天學習如何控制文字的樣式。 font-family：設定字型...
盒模型（Box Model）是 CSS 排版的基礎，所有 HTML 元素都可以被視為一個個的「盒子」。理解盒模型，你就能掌握網頁元素的空間關係和排版。 一個盒子...
隨著網頁內容越來越多，需要一些容器來將它們分組，這樣才能更好地管理和排版。今天學習 HTML 中最常見的兩個容器標籤：<div> 和 <spa...
導覽列（Navigation Bar）是網頁的「大腦」，它能幫助使用者快速找到他們想去的頁面。今天將結合 <nav>、<ul>、<...
已經完成30天挑戰的第一階段。這10天，從零開始，認識了 HTML的基本標籤、CSS的樣式設定，學會如何用盒模型控制空間，打造一個簡單的導覽列。 第一階段學習重...
