鐵人檔案
非本科生從0開始架設農產品銷售網站，將參考網路上的前端學習途徑，規劃學習HTML、CSS、RWD和Javascript/jQuery互動，並輔以重要程式概念，在最後完成一個實體網頁。希望透過此競賽，分享學習過程和入門會遇到的困難與解決方法。
各位讀者好:我是剛升碩一的Judy，專攻的是經濟領域中的數據分析，暑假為了幫家裡拓展農產品的網路通路，而開始自學寫網頁，也發現自己喜歡前端可即時展示的成就感。因...
前言:在思考如何開啟學習前端之旅做了一些研究，由於目標是在架設一個完整的網站銷售平台，因此搜尋的網路課程以有完成作品為選取目標，而購買蘇朝輝老師在Udemy上的...
1. 插入連結的標籤&屬性: <a href=""> </a> HTML 註解表示方式: <!-...
1. 安裝顏色處理套件 colorpicker(快捷鍵 ctrl+shift+C) (安裝步驟 ctrl+shift+P →install(選install...
1.先設計一個網頁頁面要有的內容，使用我的設計: 最外層為wrapper，裡面包含5個部分:top, banner1, story, banner2, fott...
1.絕對單位(px) vs 相對單位(%)→字會隨瀏覽器寬度做調整！在CSS中操作 .story-text{ width: 950px; bac...
1.font- 文字font-size: px 字的大小font-weight: bold 字加粗(bold粗體) 2.外距margin &內距...
區塊vs行內元素 行內元素(inline)無法設定外距的上面&下面 (但左右是可以的)Inline: <img> <a >...
做第一個選單的頁面"柚子成長史" intoduce.html 每個網站不管哪個頁面，上面&下面區塊都不動，所以先建立一個樣板 te...
整理 introduce-list 內的文字排版 <h1>年成長階段</h1> <!--h1是指標題1--> &...
