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