利用Gemini、ChatGPT、Claude等寫互動式科學探究網頁程式
Step 1. 先利用Gemini、ChatGPT、Claude寫好互動程式碼
在聊天欄位給prompt指令: html設計互動式科學探究網頁，主題: 簡諧運動
Step 2. 設計好的之後的程式碼，先複製(copy)，分成以下三種發布方式
(1) 本機執行
複製好的程式碼，打開貼"記事本"，貼上程式碼，接著存檔，存檔的時候請將副檔名改成html。也就是存檔的時候假設要把檔名設定成0001，則在存檔時輸入"0001.html"。存檔成功就完成，接著找到"0001.html"檔案，直接執行，電腦就會幫我們在瀏覽器程式(像是chrome或者)中開啟動畫。
這樣存檔方式，是本機執行，上課隨時可以執行使用。
複製好的程式碼，打開貼"記事本"，貼上程式碼，接著存檔，存檔的時候請將副檔名改成html。也就是存檔的時候假設要把檔名設定成0001，則在存檔時輸入"0001.html"。存檔成功就完成，接著找到"0001.html"檔案，直接執行，電腦就會幫我們在瀏覽器程式(像是chrome或者)中開啟動畫。
這樣存檔方式，是本機執行，上課隨時可以執行使用。
(2) 網頁執行(I)
將程式碼複製，將程式碼貼到Google Blogger的新網頁張貼區，記得在文字輸入區選取
將程式碼複製，將程式碼貼到Google Blogger的新網頁張貼區，記得在文字輸入區選取
<>HTML檢視，接著發布，發布之後就嵌入網頁了
https://chendaneyl.blogspot.com/p/shm.html
網頁執行(II)
在Google site後台網站上選擇內嵌 < >， 後選擇嵌入網頁內容的嵌入程式碼，接著發布，發布之後就嵌入網頁了
網頁執行(II)
在Google site後台網站上選擇內嵌 < >， 後選擇嵌入網頁內容的嵌入程式碼，接著發布，發布之後就嵌入網頁了
附註: ChatGPT的程式碼我只把文檔類型宣告<!DOCTYPE html>刪去，並且調整了顯示畫面的尺寸。其他都沒有動手。
如果是單機版，就把html程式碼貼到記事本，檔名後加上.html。就變成執行檔，點擊就可以執行。
如果是單機版，就把html程式碼貼到記事本，檔名後加上.html。就變成執行檔，點擊就可以執行。
沒有留言:
張貼留言