# 個人網站架設歷程 ## 概述 高一下的聯合社課學了網頁架設，覺得非常好玩，想來練習架設靜態網站，左思右想要以什麼為主題，最後還是覺得介紹自己最簡單，雖然我能講的東西不像Yui Huang或WiwiHo那些電神一樣多，但他們都是用現成的模板，而我想從頭自己架，所以重點與其說是內容還不如說是網頁架設這個經驗，時間橫跨整個高二上，學了HTML、CSS、JS、Git，看了上百篇的Youtube教學跟Stack Overflow才架設成功，以下是我的學習歷程( •̀ ω •́ )✧ P.S. 其實我本來是逐周紀錄，但後來發現我大多數時間都是在調整HTML跟CSS，真正比較有學程式感覺的Git跟JS反而會被稀釋，所以改以主題式講解然後HTML跟CSS就大致提點就好 ## 目錄 <ul style ="margin: 0; padding: 0;"> <li style="list-style: none;"><a href= "https://hackmd.io/@WeberChang/BkOAjYsAt">網頁前後端架構</a></li> <li style="list-style: none;"><a href= "https://hackmd.io/@WeberChang/BJ6op5i0t">HTML、CSS的版面製作</a></li> <li style="list-style: none;"><a href= "https://hackmd.io/@WeberChang/BkCAZwj_Y">學習基礎JS</a></li> <li style="list-style: none;"><a href= "https://hackmd.io/@WeberChang/HJsIMGYFF">JS動畫製作</a></li> <li style="list-style: none;"><a href= "https://hackmd.io/@WeberChang/Bysh-oH5K">進階navbar製作</a></li> </ul> ## 大大的結論 其實我有部分歷程是邊做邊寫，所以是沒辦法紀錄到後來的更新，網頁結構跟最後部署到網路上的版本可能不太一樣，但因為都是重複的觀念，所以就不重寫了，總之，經歷了半年，我終於寫完了我的網頁，學了好多新東西，感到成就感滿滿，時不時還會打開仰慕一下自己的成果，下學期可能會做前端以外的嘗試，跟國中同學合作一個企劃，敬請期待吧（￣︶￣）↗ [個人網頁傳送門](https://weberchangwebsite.herokuapp.com/)