สร้างสไลด์ HTML ด้วย ChatGPT แล้วนำเสนอฟรี

เปลี่ยนเนื้อหาเป็น HTML ฉบับสมบูรณ์ด้วย ChatGPT แล้วนำเสนอโดยไม่ต้องซื้อสมาชิกบริการนำเสนอ

เริ่มจากเนื้อหาการพูด แล้วขอไฟล์

ให้ ChatGPT รู้ผู้ฟัง ระยะเวลา แหล่งข้อมูล และแนวคิดหรือการตัดสินใจที่อยากให้จดจำ ขอเค้าโครงสั้นก่อนและแก้ให้ถูกก่อนขอ HTML เพื่อลดการแก้ดีไซน์ทั้งชุดเมื่อเนื้อหาเปลี่ยน

วางแผนการพูดห้านาที สามสไลด์ สำหรับ [ผู้ฟัง] เรื่อง [หัวข้อ] โดยใช้เฉพาะข้อมูลด้านล่าง แต่ละสไลด์มีหนึ่งประเด็นหลักและบันทึกสั้น ระบุหลักฐานที่ขาดแทนการแต่งตัวเลข แหล่งข้อมูล: [วางข้อมูล]

คู่มือเว็บของ OpenAI อธิบายการสร้างและดาวน์โหลดไฟล์สำเร็จ พรีวิวและเครื่องมือตรวจต่างตามหน้าจอ ตามที่อธิบายใน การทำงานกับไฟล์

ขอสไลด์ HTML ฉบับสมบูรณ์

เมื่อโครงเรื่องถูกต้อง ขอไฟล์จริง ระบุ HTML เพื่อไม่ให้ได้แค่รายชื่อหัวข้อหรือไฟล์แนบ .pptx

สร้างสไลด์ HTML แบบไฟล์เดียวสำหรับ [ผู้ฟัง] เรื่อง [หัวข้อ] ระยะเวลาพูด: [นาที] ใช้เฉพาะข้อเท็จจริงจากข้อมูลด้านล่าง ใช้เลย์เอาต์ 16:9 ที่ชัดเจน ข้อความอ่านง่าย CSS/JavaScript ภายในไฟล์ และฝังทรัพยากร ใช้ section.slide สำหรับแต่ละหน้า โดยมี .active เพียงหน้าเดียวในแต่ละขณะ เพิ่มปุ่มก่อนหน้า/ถัดไป และรองรับ ArrowLeft/ArrowRight กับ Home ภายในแต่ละสไลด์เพิ่ม script type="application/json" class="slide-notes" ซึ่งมี title, script (บทพูด) และ notes (อาร์เรย์ข้อความสั้นสำหรับหัวข้อ) ซ่อนบันทึกจากสไลด์ ให้ไฟล์สมบูรณ์มีขนาดต่ำกว่า 2 MB ไม่ใช้เฟรมเวิร์ก ฟอนต์ภายนอก ภาพออนไลน์ การเรียก API หรือขั้นตอน build ส่งไฟล์ deck.html ที่ครบ ไม่ใช่แค่โครงเรื่อง ใช้โครงเรื่องที่อนุมัติและข้อมูลจากบทสนทนานี้

สกิลแบบพกพา มีคำแนะนำใช้ซ้ำสำหรับไคลเอนต์ที่รองรับ แชต ChatGPT ปกติใช้พรอมป์ต์นี้ได้ ไม่ต้องมี GPT เฉพาะแบบจ่ายเงิน คีย์ API หรือตัวเชื่อมต่อ

ดาวน์โหลดและตรวจผลลัพธ์จริง

Signed-out ChatGPT browser showing complete HTML source with slide navigation
ในการทดสอบเบราว์เซอร์โดยไม่ลงชื่อเข้าใช้ ChatGPT ส่งโค้ด HTML ครบ ปุ่ม Copy code ให้เนื้อหาไฟล์ แต่ไม่มีไฟล์แนบสำหรับดาวน์โหลด

เมื่อ ChatGPT ให้ไฟล์แนบ ให้ดาวน์โหลด .html เปิดในเบราว์เซอร์และตรวจทุกสไลด์ พรีวิวช่วยแสดงความคิดเห็นได้ แต่คุณจะนำเสนอจากไฟล์ที่ดาวน์โหลด

หากไม่มี HTML ให้ดาวน์โหลด ให้ขอโค้ดเต็มในบล็อกเดียว คัดลอกไปตัวแก้ไขข้อความธรรมดาและบันทึก deck.html แบบ UTF-8 ลบเครื่องหมายครอบบล็อกโค้ด และตรวจว่าโปรแกรมไม่ได้เติม .txt

เมื่อต้องแก้ ระบุสไลด์และปัญหา: “สไลด์ 2 ล้นที่ 1280×720 ลดข้อความโดยไม่ย่อหัวข้อ เก็บสไลด์อื่นและบันทึกไว้ ส่ง HTML ฉบับสมบูรณ์ใหม่” เก็บเวอร์ชันเดิมจนตรวจอันใหม่แล้ว

แก้ปัญหาไฟล์ที่ AI สร้างบ่อย ๆ

  • ได้แค่โครงเรื่อง: ขอเอกสาร HTML ที่รันได้ครบ ไม่ใช่แผนสไลด์
  • ภาพหรือฟอนต์หาย: ขอให้ฝังทรัพยากรและใช้ฟอนต์ระบบโดยไม่พึ่งภายนอก
  • ไฟล์ไม่ครบ: ขอชุดที่สั้นลงแต่สมบูรณ์ แล้วตรวจจำนวนสไลด์และการนำทาง
  • ข้อความล้น: ย่อเนื้อหาแล้วทดสอบขนาดนำเสนอจริง
  • ไม่มีบันทึก: ขอ JSON แยกแต่ละสไลด์ ใช้ title, script และอาร์เรย์ notes โดยซ่อนไม่ให้แสดงบนจอผู้ชม

นำเสนอโดยไม่ต้องสมัครบริการเพิ่ม

ให้ไฟล์ต่ำกว่า 2 MB เปิด HTML Slide Presenter อัปโหลด เลือก 30 นาที 3 ชั่วโมง หรือ 1 วัน และผ่านการตรวจบอต เปิดลิงก์นำเสนอบนจอแล้วสแกน QR รีโมตด้วยโทรศัพท์

Temporary presenter link and phone remote QR
หลังอัปโหลด หน้านำเสนอและรีโมตใช้เซสชันชั่วคราวเดียวกัน

หากไฟล์มีบันทึกที่รองรับ บันทึกจะตามสไลด์ปัจจุบันบนโทรศัพท์ ใช้ คู่มือบันทึก เพื่อตรวจ และ คู่มืองานประชุม เพื่อซ้อมพร้อมสำเนาบนเครื่อง

อะไรฟรี และตรวจสอบอะไรแล้วบ้าง?

Tiny Design Shop ไม่ต้องมีบัญชี แอป หรือสมาชิกบริการนำเสนอ การสร้างและเครื่องมือไฟล์ของ ChatGPT มีสิทธิ์และข้อจำกัดแยก ดู ข้อมูลแผนล่าสุดของ OpenAI ไฟล์สมบูรณ์ในตัวที่ดาวน์โหลดแล้วไม่ต้องเปิด ChatGPT ค้างไว้เพื่อนำเสนอ

ตรวจเมื่อ 29 กันยายน 2026: แชต ChatGPT บนเว็บแบบไม่ลงชื่อเข้าใช้สร้าง HTML สามสไลด์ครบ พร้อมการนำทางและบันทึก JSON ปุ่ม Copy code ให้โค้ดทั้งหมด แต่ไม่มีไฟล์แนบ ยังไม่ได้ตรวจขั้นตอนดาวน์โหลดในบัญชี Free ที่ลงชื่อเข้าใช้ ตรวจไฟล์ที่บันทึกก่อนนำเสนอ