SELL.SYSTEMS AI CAMPUS

เปิดตัวระบบ AI ฟรี →

ภารกิจที่ 1 - จากโดเมนสู่เว็บไซต์จริง

ปล่อยเว็บไซต์ AI จริงแห่งแรกของคุณ

เชื่อมต่อโดเมนที่จัดการในแดชบอร์ด จากนั้นสร้างโดยตรงด้วย Codex ใน WebTerminal หรือจับคู่ OpenClaw กับ Telegram ก่อน แล้วส่งการ handoff แบบ instance-aware เดียวกันจากแชต เส้นทาง OpenClaw จำเป็นต้องมีการสมัครสมาชิก ChatGPT Plus แบบชำระเงินที่เปิดใช้งานอยู่ ไม่ว่าจะเลือกเส้นทางใดก็จะเปลี่ยน creative brief ของคุณให้เป็นเว็บไซต์สาธารณะที่คุณสามารถตรวจสอบและปรับปรุงได้

ผลลัพธ์ของภารกิจ

เว็บไซต์ HTTPS ที่ใช้งานได้บนโดเมนที่เชื่อมต่อ สร้างขึ้นในสภาพแวดล้อม AI ที่จัดการส่วนตัวของคุณ และพร้อมสำหรับการตรวจทานโดยผู้เชี่ยวชาญ

เลือกส่วนควบคุมของคุณ

ทำงานโดยตรงใน WebTerminal หรือควบคุมผ่าน OpenClaw ใน Telegram

ทั้งสองเส้นทางใช้ managed instance, domain handoff, creative brief ที่แก้ไขได้, release checks และ mentor proof gate เดียวกัน Direct Codex ไม่จำเป็นต้องตั้งค่า OpenClaw ส่วนเส้นทาง OpenClaw จำเป็นต้องมีการสมัครสมาชิก ChatGPT Plus แบบชำระเงินที่เปิดใช้งานอยู่

เส้นทางโดยตรง - ไม่ต้องตั้งค่าเพิ่มเติม

สร้างใน WebTerminal

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

ดำเนินการต่อใน WebTerminal

เส้นทางเริ่มต้นด้วย Telegram - จำเป็นต้องมี ChatGPT Plus

ควบคุมด้วย OpenClaw

จำเป็นต้องมีการสมัครสมาชิก ChatGPT Plus แบบชำระเงินที่เปิดใช้งานอยู่ คอร์ส OpenClaw นี้รองรับเฉพาะเส้นทางสมัครสมาชิกแบบชำระเงินเท่านั้น

หากต้องการใช้อินเทอร์เฟซแชท ให้ทำ OpenClaw Mission 0 ให้เสร็จสมบูรณ์ก่อนเพื่อติดตั้งตัวจัดการ (orchestrator) จับคู่บอทของคุณกับ Telegram และตรวจสอบการเชื่อมต่อจริง จากนั้นกลับมาที่นี่แล้วส่งข้อมูลการส่งมอบอินสแตนซ์เดียวกันพร้อมบรีฟที่แก้ไขแล้วผ่านแชท OpenClaw ที่จับคู่ไว้

1
เปิด OpenClaw Orchestrator Lab และลงทะเบียนด้วยตนเอง
2
ทำ Mission 0 ให้เสร็จสมบูรณ์และตรวจสอบการจับคู่ Telegram แบบต้นทางถึงปลายทาง
3
กลับมาที่ภารกิจนี้และส่งข้อมูลการส่งมอบเดียวกันพร้อมบรีฟเว็บไซต์จาก Telegram

เริ่ม OpenClaw Mission 0 ดูตัวอย่างคู่มือ OpenClaw

อินเทอร์เฟซอาจแตกต่างกัน แต่ข้อกำหนดในการส่งมอบยังคงเดิม เผยแพร่เว็บไซต์ HTTPS จริง ตรวจสอบความถูกต้อง และส่งหลักฐานเชิงประจักษ์

วิดีโอแนะนำโดยผู้ก่อตั้ง

รับชมเวิร์กโฟลว์ตั้งแต่โดเมนจนถึงการส่งมอบงานทั้งหมดก่อนเริ่มต้น

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

เปิดถอดความเสียงที่รองรับการเข้าถึง

บทของวิดีโอ

00:00ผลลัพธ์ก่อน: เว็บไซต์สาธารณะที่เสร็จสมบูรณ์
00:24เชื่อมต่อโดเมนที่จัดการ
01:03คัดลอกการส่งมอบงานของอินสแตนซ์
01:15บรีฟงาน Codex และเริ่มสร้าง
02:26ตรวจสอบ HTTPS, การแสดงผลบนมือถือ, การรองรับการเข้าถึง และหลักฐาน

เส้นทางผู้ควบคุม 5 ขั้นตอนของคุณ

1
เชื่อมต่อโดเมน - เลือกอินสแตนซ์ที่กำลังทำงานและเชื่อมต่อโดเมนที่จัดการใหม่
2
คัดลอกการส่งมอบงาน - เปิดแท็บ Agent และคัดลอก Instance Agent Handoff
3
บรีฟงานเอเจนต์ - วางการส่งมอบงานและแก้ไขข้อกำหนดเชิงสร้างสรรค์ด้านล่าง
4
เปิดใช้งาน - ให้เอเจนต์ตรวจสอบ สร้าง กำหนดค่า และเผยแพร่เว็บไซต์
5
ตรวจสอบ - เปิด URL สาธารณะและบันทึกหลักฐานการปล่อยผลลัพธ์ที่เป็นวัตถุประสงค์

เชื่อมต่อโดเมนในแดชบอร์ดของคุณ

ใช้แท็บ Domains สำหรับอินสแตนซ์ที่กำลังทำงานของพื้นที่ฝึกหัดนี้ แพลตฟอร์มเป็นผู้ดูแล DNS สาธารณะและ TLS ส่วนเอเจนต์ประจำอินสแตนซ์เป็นผู้ดูแลแอปพลิเคชันเว็บไซต์และเว็บบริการภายใน

1
เปิดแดชบอร์ด Sell.Systems Automation และเลือกอินสแตนซ์ฝึกหัดที่กำลังทำงาน
2
เปิด Domains ใส่ป้ายชื่อแรกที่ไม่ซ้ำกัน และเลือก agenthost.link สำหรับภารกิจเว็บไซต์นี้
3
เลือก Plan domain แล้วตรวจทานโดเมนที่แน่นอนและแผนการเส้นทาง (routing plan)
4
เลือก Add domain และยืนยันการขอเพิ่มโดเมนในหน้าต่างยืนยัน
5
รอจนกว่าสถานะโดเมนจะเป็น active อย่าเปลี่ยน DNS สาธารณะด้วยตนเอง
6
เปิด Agent เลือก Instance Agent Handoff และคัดลอกพรอมต์การส่งมอบงานทั้งหมด

เปิดแดชบอร์ด Domains

แก้ไขบรีฟเว็บไซต์ของคุณ แล้วส่งพร้อมกับการส่งมอบงานของอินสแตนซ์

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

คุณคือเอเจนต์ผู้ดำเนินการสำหรับเว็บไซต์นี้

อ่าน https://github.com/SELLSYSTEMS/rules-for-creation-webdesign-websites-for-ai-agents/blob/main/AGENTS.md และทุกไฟล์ที่เกี่ยวข้องก่อนทำการแก้ไขไฟล์ ใช้พื้นที่ทำงานปัจจุบันและโดเมนที่จัดการซึ่งระบุไว้ในการส่งมอบงานของอินสแตนซ์

บรีฟเชิงสร้างสรรค์ - แก้ไขข้อความในวงเล็บทุกช่อง
- ชื่อชั่วคราว: [ใส่ชื่อเว็บไซต์หรือชื่อแบรนด์ของคุณ]
- วัตถุประสงค์: [อธิบายข้อเสนอหรือผลลัพธ์ที่แท้จริง]
- กลุ่มเป้าหมายหลัก: [อธิบายว่าเว็บไซต์นี้สร้างขึ้นเพื่อใคร]
- การกระทำหลัก: [อธิบายการกระทำเดียวที่ต้องการให้ผู้เข้าชมทำ]
- ส่วนที่จำเป็นต้องมี: [ระบุรายการส่วนที่คุณต้องการ]
- โทนและทิศทางงานดีไซน์: [อธิบายความรู้สึก อ้างอิง และสไตล์ที่ต้องหลีกเลี่ยง]
- ข้อเท็จจริงและหลักฐานที่ต้องมี: [ระบุเฉพาะข้อเท็จจริงที่คุณสามารถสนับสนุนได้]
- ภาษาที่ต้องการ: [ระบุรายการภาษา หรือเขียนว่า ENGLISH ONLY]
- แบล็กกราวด์และสินทรัพย์ที่มีให้: [ระบุโลโก้ รูปภาพ ข้อความจริง หรือเขียนว่า NONE]
- ข้อกำหนดเชิงสร้างสรรค์เพิ่มเติม: [ใส่ไอเดียของคุณเองที่นี่]

ข้อตกลงการส่งมอบงาน
1. ตรวจสอบโปรเจกต์ปัจจุบัน รันไทม์ การส่งมอบงานโดเมน ไฟล์ที่มีอยู่ และบริการที่ใช้งานอยู่ก่อนทำการแก้ไข
2. สร้างเว็บไซต์แบบตอบสนอง (responsive) ที่พร้อมสำหรับการใช้งานจริง มีเอกลักษณ์ทางสายตาหลักหนึ่งจุดที่สอดคล้องกับผลิตภัณฑ์ ไม่ใช่แค่อัลบั้มรวมเอฟเฟกต์
3. ใช้ภาพที่สร้างขึ้นใหม่เฉพาะจุดที่สนับสนุนเนื้อหาเท่านั้น ห้ามสร้างหลักฐานปลอม คำนิยมปลอม แดชบอร์ดปลอม โลโก้ลูกค้าปลอม หรือสถานะผลิตภัณฑ์ปลอมเด็ดขาด
4. รักษาความหมายที่สำคัญไว้ใน semantic HTML รองรับการใช้งานผ่านคีย์บอร์ด จุดโฟกัสที่มองเห็นได้ การลดการเคลื่อนไหว (reduced motion) ครอบคลุมฟอนต์/สคริปต์ที่ถูกต้อง และพฤติกรรม RTL สำหรับทุกภาษาที่ร้องขอ
5. จัดทำเมทาดาตาชื่อและคำอธิบายที่เป็นจริง พฤติกรรม canonical เมทาดาตาโซเชียล เนื้อหาที่สแกนเก็บข้อมูลได้ ข้อมูลโครงสร้าง (structured data) ที่ถูกต้องและแคบที่สุด พฤติกรรม robots และการครอบคลุมของ sitemap ตามความเหมาะสม
6. ห้ามใส่ข้อมูลลับในส่วนควบคุมเวอร์ชัน (source control) และไฟล์สาธารณะ บันทึกที่มาและเกณฑ์การใช้งานของทุกสินทรัพย์ที่นำมาใช้ สร้างขึ้น หรือมาจากบุคคลที่สาม
7. กำหนดค่าแอปพลิเคชันภายในหรือเว็บบริการสำหรับโดเมนจากการส่งมอบงาน ห้ามเปลี่ยน DNS สาธารณะหรือ TLS ที่แพลตฟอร์มเป็นผู้ดูแล
8. ตรวจสอบ URL สาธารณะ, HTTPS, เลย์เอาต์บนเดสก์ท็อปและมือถือ, การจัดวางข้อความ, การโต้ตอบที่จำเป็น, ข้อผิดพลาดใน console/network, พื้นฐานการรองรับการเข้าถึง, เมทาดาตา, ข้อมูลโครงสร้าง และ reduced motion
9. ดำเนินการต่อจนเสร็จสิ้นขั้นตอนการพัฒนาและการตรวจสอบ ห้ามหยุดลงแค่วางแผนหรือขอให้ผู้ใช้ระบุงานซ้ำ ถามคำถามที่แม่นยำเพียงข้อเดียวก็ต่อเมื่อขาดข้อกำหนดที่ไม่สามารถย้อนกลับได้จริงๆ เท่านั้น
10. สรุปผลด้วย URL สาธารณะ ไฟล์ที่แก้ไข คำสั่ง/บริการที่ใช้ หลักฐานการตรวจสอบ ที่มาของสินทรัพย์ และความเสี่ยงที่เหลืออยู่ตามจริง

สร้างเลเยอร์สื่อจริง ไม่ใช่แค่องค์ประกอบตกแต่ง

วิดีโอสาธิตจะแสดงการสร้างภาพต้นฉบับด้วย Nano Banana 2 การลงเสียงบรรยายด้วย ElevenLabs และการประกอบขั้นตอนสุดท้ายด้วย FFmpeg เว็บไซต์ของคุณอาจใช้เครื่องมือที่ดีที่สุดเท่าที่มี แต่ทุกสินทรัพย์ที่เผยแพร่จะต้องเกี่ยวข้อง ผ่านการตรวจทาน ปรับให้เหมาะสม และมีแหล่งที่มาอย่างถูกต้อง

อย่าเพิ่งส่งจนกว่าการตรวจสอบการปล่อยผลลัพธ์เหล่านี้จะผ่าน

URL สาธารณะ - โดเมนที่เชื่อมต่อจะเปิดเว็บไซต์ที่ต้องการโดยไม่มีหน้าล็อกอินหรือลูปการเปลี่ยนหน้า (redirect loop)
HTTPS - เบราว์เซอร์แสดงการเชื่อมต่อที่ปลอดภัยถูกต้องและไม่มีคำเตือนเนื้อหาแบบผสม (mixed-content)
เลย์เอาต์แบบตอบสนอง - มุมมองบนเดสก์ท็อปและมือถือจริงไม่มีการซ้อนทับ การตัดขอบ หรือการล้นในแนวขนาน
การรองรับการเข้าถึง - การนำทางด้วยคีย์บอร์ด, จุดโฟกัสที่มองเห็นได้, หัวข้อ (headings), เลเบล (labels), ความต่างระดับสี (contrast), ข้อความแทนภาพ (alt text) และ reduced motion สามารถใช้งานได้
การอ่านได้ของระบบค้นหาและ LLM - semantic HTML, เมทาดาตาที่เป็นจริง, canonical URL, ข้อมูลโครงสร้าง และคำตอบที่สแกนได้ สอดคล้องกับหน้าเว็บที่มองเห็น
หลักฐาน - ภาพหน้าจอและบันทึกแสดง URL จริงและสถานะที่ได้รับการตรวจสอบโดยไม่มีข้อมูลลับหรือข้อมูลส่วนบุคคล

ฝึกฝนบนเซิร์ฟเวอร์ของคุณเองอย่างไร้ขีดจำกัด: เว็บไซต์ บอท เนื้อหา และระบบอัตโนมัติในที่เดียว

เปิดตัวระบบ AI ฟรี →