ChatGPT 的畫布功能，讓你可以修改 ChatGPT 的回覆內容，也可以用來修改程式。現在，其畫布中提供的「預覽」功能，也可以直接看到 HTML 程式碼的執行結果。雖然可以複製程式碼，但是這個網頁執行結果只能在此檢視，無法分享網頁給別人看。
例如，使用提示詞：何謂吸引力法則？
選擇「畫布」模式，輸入提示詞：將以上的回覆內容製作成一個互動式網頁，在網頁設計的版面採用色彩豐富的視覺化設計，並儘量增加互動性和遊戲的複雜性。
HTML 程式碼已經產生後，點選右上角的「預覽」。你可以看到 HTML 程式碼的預覽結果：
可以在進行操作，看看程式執行結果：
如果上傳下圖中的報表（PDF檔）：
做出像下圖中的內容：
以我的個人經驗，在 Claude（https://claude.ai/chats）中製作互動式的 HTML 網頁效果更佳。參考：
利用Claude AI將英文PDF內容轉成中文互動式網頁再結合Padlet和觸屏進行數位教學
讓Claude分析Google表單的課程回饋並產生互動式結果
利用Claude AI產生互動式的網頁程式，快速而且可以立即線上執行
太讚了！Claude AI讓你上傳一張圖就製作好互動式網頁的全部內容
文章標籤
全站熱搜
留言列表