鐵人檔案
想成為網頁工程師，好好孝順阿嬤嗎？但是，每次看到寫程式的教學，都覺得符號讓人頭痛，直接從入門到放棄嗎？沒關係，這系列文章不是寫給你看，是寫給你阿嬤看的！你可以等你阿嬤學會以後，再讓阿嬤教你。或者直接讓阿嬤成為工程師，直接跳過孝順這段！再不然，你也可以自己看懂文章後，和阿嬤手牽手去上班！甚麼？你說你看不懂？這系列文章連你阿嬤都看得懂啊！
阿嬤都看得懂的基礎 CSS 樣式－圖片篇 昨天我們發現在使用區塊元素呈現圖片時，無法顯示完整的圖片。我們的原圖長這樣：結果卻只顯示了左上 小角： 會有這個結果，...
阿嬤都看得懂的 CSS 收整與 DRY 策略 玫瑰即使換個名字，還是同樣芬芳。 －莎士比亞 歡迎各位阿嬤回到你阿嬤成為網頁工程師的...等等，別走啊，我知道...
阿嬤都看得懂的基礎 CSS 選擇器 小孩子才做選擇，我全都要！ －民明書房《我那被限制住的想像》 昨天我們把重複的 CSS 樣式收整在一起，然後再把所有想要...
阿嬤都看得懂的 style 標籤怎麼用 昨天我們介紹了 CSS 選擇器，所以終於知道該怎麼把獨立收整出來的 CSS 樣式，藉由 CSS 選擇器，指定到特定一堆的...
阿嬤都看得懂的開始寫第一支 .css 檔案囉！ 昨天我們介紹了怎麼使用 style 標籤，把所有 CSS 樣式獨立收整到檔案最前面。這樣做固然更加清楚明晰，但是...
阿嬤都看得懂的通用 .html 檔案結構 不知道各位聰明的阿嬤是否注意到，在前幾天的討論中，我們其實也隱隱區分了 2 種不同功能的 HTML 標籤，其中一種的功...
阿嬤都看得懂的程式碼編輯器與開源軟體是什麼 我們終於寫出了第一支 .html 與 .css 檔案了，有沒有覺得 HTML 標籤與 CSS 樣式的種類越來越多，所...
阿嬤都看得懂的 CodePen 怎麼用 VSCode 已經很棒了，不過最近比較流行的是雲端協作。以目前我們製作單頁網頁的需求而言，我很推薦 這個雲端平台，不但...
阿嬤都看得懂的盒模型 各位阿嬤，我們今天要來寄自己醃漬的醬瓜給乖孫。 我們找來 4 個紙盒，想在裡面各自放入 1 罐醬瓜。不過為了怕玻璃瓶在運送的過程中撞壞了，...
阿嬤都看得懂的切版在幹嘛 今天，讓我們一起拿出童年回憶－－貼紙簿。 如果你不是阿嬤而是乖孫，那我解釋一下，貼紙簿是一種黃色膠質的紙所製作的筆記本。把貼紙貼上去後...
