鐵人檔案
從基礎語法與架構一步一步帶著非資訊領域的讀者，從基礎html語法到透過CSS作細節處理，再到利用vue創造一個不錯的框架。使初學者也能夠從零開始架設一個內容清晰明瞭、操作簡單，卻又不失細節與重點的網站，也是期許自己能夠在網頁設計領域上能夠自我精進，30天過後能設計出一個搬得上檯面的Web。
DAY1 參賽前言 今天是我第一次參加鐵人競賽，國中、高中時的老師總是說著要珍惜現在的時光，過了這個時候就不會有人再督促你成長了。當時永遠覺得他們只是在講什麼老...
DAY2 網頁前端的基本介紹 一個我們現代的人每天都看得到的網頁，是由前端以及後端組成，而前端就是包含所有網頁讀者能用眼睛看得到的內容、外觀、排版等。而後端則是...
DAY3 做網站的起點-一個好環境~ ** Visual Studio code**這次我們要使用的是一款非常強大且功能齊全的編輯器，visual studio...
DAY4 起跑! 打出第一個自己的網頁內容~(悲劇) ** open in browser**還有一個非常重要的是這個模組，安裝完這個模組後才能直接從vs co...
DAY5 介紹各種文本標籤 在開始之前，我們需要先介紹最基本建構出HTML語法的重點-文本標籤今天會介紹一些常運用到且是包含在HTML的body裡，也就是瀏覽者...
DAY6 開始製作腦海中的網頁! 今天開始的課程會注重在利用HTML就能完成的網頁內容，會占用大概2-3篇的篇幅~~~~我們來為我們的網站主畫面添加一個帥氣的l...
DAY7 html中的表單元素! 今天我們要先來介紹一下網頁中很常用到的表單標籤，表單的標籤是form，跟大部分標籤一樣，有起始跟結束標籤，而他有個非常重要的屬...
DAY8 只透過html繼續豐富網頁內容! 今天我們會使用到前面教過的ol有序列表的元素，創建一個可以介紹這件衣服尺寸的差別，複習一下有序列表的用法，使用ol標...
DAY9 進入CSS!! CSS的基本介紹~ 由於少了CSS這個重要的東西後，整個網頁看起來實在是慘不忍睹，所以我決定先來把CSS介紹完，最後再來透過先前的教學...
DAY10 進入CSS!! CSS的基本介紹2~ 接續上一篇我們講到css語法的樣式規則，接著我們來說說語法上需要特別注意的事項! 宣告同個標籤的多個屬性時...
