使用Gemini撰寫網頁程式及實際運用的流程範例

這篇文章是用來讓學生理解使用 Gemini 撰寫網頁程式及實際使用的流程之用。題目是：做一個具即時匯率的幣值換算互動式網頁。參考以下的做法，看看該如何處理？

題目裡面包含了，匯率、即時、換算、互動、網頁等概念。

在此，我使用非機構的 Google 帳號，可以在完成網頁後以方便進行分享(機構帳號預設無法分享)。

然後，在 Gemini 中的 Canvas 模式下使用提示詞：
根據這個網頁的內容：https://rate.bot.com.tw/xrt?Lang=zh-TW，產生一個可以依據這個網頁的即時匯率以換算幣值的互動式網頁，每隔60秒自動更新網頁匯率內容。

將 Gemini 寫好的程式在共用中選取分享，以取得分享網址。

並且運用 Chrome 的分割畫面功能進行比對。

如果在分享中選取複製內容，可以將取得的程式碼，貼至記事本中，並儲存為*.html檔，就可以在瀏覽器中使用這個網頁程式了。

或是在協作平台上匯入整頁內容的 HTML程式碼：

日後，可以在自己的協作平台上使用。