iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

30天製作RWD個人品牌網站 系列

用30天時間分享自身經驗,從基礎觀念開始,以自己的線上作品集為例,讓即使是初學者也有能力可以製作專屬於自己的Side Project,向世界展示自己。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21. 網站開發過程(三) Bootstrap常用元件:Collapse、Accordion、Modal、Navbar

昨天說到Bootstrap的基本內容,Bootstrap很好用的其中一點就是結合了許多前端會使用的元素,製作成元件讓我們可以直接取用,今天會來講講Bootstr...

2023-10-06 ‧ 由 luna0228 分享
DAY 22

Day22. 網站開發過程(四) Bootstrap應用、變化

今天會藉由昨天提到的幾個元件,實際舉範例來說明該如何應用、變化,我個人覺得在腦海中想好畫面最後完成的樣子很重要,我自己習慣的方式是利用VSCode預覽模式,嘗試...

2023-10-07 ‧ 由 luna0228 分享
DAY 23

Day23. 網站開發過程(五) RWD製作

今天要談實際用CSS調整實現RWD製作。再開始聊RWD製作前,可以先回去複習前面這兩部分,有很大的關聯~Day13-16. 切版前知識-CSSDay17-18....

2023-10-08 ‧ 由 luna0228 分享
DAY 24

Day24. 網站開發過程(六) 常用JS套件(1)

接下來兩天推薦幾個好用的JS套件,有時候想要的設計不是可以短時間寫成的功能,這時候搭配使用適合的套件,能減少開發時間,大大提升效率,也能讓網站更豐富喔!Day3...

2023-10-09 ‧ 由 luna0228 分享
DAY 25

Day25. 網站開發過程(七) 常用JS套件(2)

今天會接下去推薦幾個好用的JS套件,但跟昨天不太一樣的是,今天推薦的套件都是很需要讀文件,比較進階需要設定比較多內容的套件,但只要有依文件製作就能呈現很多種變化...

2023-10-10 ‧ 由 luna0228 分享
DAY 26

Day26. 網站開發過程(八) 互動設計、添加微互動

倒數五篇,也是網站開發的最後一篇,今天要來聊聊互動設計、微互動。現在的網站除了RWD是不可或缺的之外,在網站中添加各種互動設計也是重要趨勢,小的可以是文字、區塊...

2023-10-11 ‧ 由 luna0228 分享
DAY 27

Day27. Git版控工具(一) Git介紹

網站製作完成後,有兩件事還需要做,那就是「部署」、「維護」,這兩項都很需要版本控制工具的協助,就先來談談Git這個版控工具吧!當在自己的本機製作、設計時,因為更...

2023-10-12 ‧ 由 luna0228 分享
DAY 28

Day28. Git版控工具(二) GitHub、GitHub Desktop

昨天說完Git,今天要來聊聊GitHub是什麼,還有帶著利用GitHub Desktop上版、更新專案,那就開始吧!Day3-5. 制定網站內容Day6-9....

2023-10-13 ‧ 由 luna0228 分享
DAY 29

Day29. Git版控工具(三) Vercel 網站部署

網站製作完成後,最後就只剩下「部署」啦!通常要將網站上架到網路上,擁有一個屬於自己的網址,是需要額外費用的,但最近很熱門的Vercel提供免費網站部署服務,讓有...

2023-10-14 ‧ 由 luna0228 分享
DAY 30

Day30. 結語、心得

喔耶!終於可以脫離苦海了!!今天就是我的鐵人賽最後一天2023/10/15 一定要好好記錄起來! 雖說報名鐵人賽的初衷只是因為教授的要求,但在想要寫什麼主題的時...

2023-10-15 ‧ 由 luna0228 分享