某天晚上來自同學的提議令我突發奇想
我是不是可以做一個我自己的網頁可供大家
點開來就能看到我想呈現的東西
思路成立於是開始嘗試......
當天晚上想到這個計畫的執行方法時有點苦惱
因為就算有網站有伺服器
但我沒有對外IP
簡單來說就是外部網路沒辦法找到我的主機
所以開始找其他方法是否能行
後來聽說可以把域名綁定到CloudFlare去託管網頁
利用純雲端的方式來架設網站
有了這個思路之後我成功了有了自己的第一個域名
以及人生中第一次接觸部署及架設。
前置作業準備完畢剩下就是網頁代碼
我第一個想到的就是html這個聽過但從來當沒接觸過的東西
到這裡我開始尋找教學案例
但最終是以Google Gemini
帶我了解必要的html元素並開始實踐
除了AI模型之外還有一位Youtube博主 PAPAYA 電腦教室
他的內容製作的非常淺顯易懂
內容清晰
在影片說明欄也附了影片中的原碼
給了許多人不少的思路
而我就是受眾之一。
了解了原理、思路、方法之後我放上了我的第一個網站
在此網站中只有標題跟可選上下張的圖片容器及頁尾
是一個外觀簡陋但不難看的樣式
雖然有做CSS美化但外觀上還是差點意思
於是第二個版本中我又加入了一組一樣的圖片容器
在外觀上至少協調許多
在後來的第三個版本中我想了我現在對於的需求度
於是我放棄了可選擇的按鈕
轉而直接顯示圖片
這個樣式看上去就更整齊了一點。
第四版我增加了選單於頁面右上角
使用者可點擊選單連結跳轉到另一個頁面
同時新增了公佈欄區域及學測倒數
倒數計時的部分因為需要用到java
所以我讓GPT幫我生成代碼
於是網頁的實用性就增加了非常多。