4.7

Workshop: สร้าง HTML Preview

สิ่งที่คุณต้องทำ

  1. นำ Project Brief มาใช้
  2. ให้ AI ช่วยวาง Section
  3. ปรับ Section ให้เหมาะกับเว็บของตัวเอง
  4. ให้ AI สร้าง HTML Preview
  5. เปิดไฟล์ Preview ดูใน Browser
  6. ปรับข้อความ สี Layout และ CTA
  7. ตรวจด้วย Checklist
  8. Save ไฟล์ HTML Preview ไว้ใช้ต่อในขั้นตอน Next.js

ผลลัพธ์ที่ต้องได้

  • HTML Preview ของเว็บตัวเอง 1 หน้า

ก่อนจบ Workshop นี้

คุณควรเปิด Preview ให้คนอื่นดูแล้วเขาบอกได้ว่าเว็บนี้เสนออะไร ช่วยใคร และต้องกดอะไรต่อ