SELL.SYSTEMS AI CAMPUS

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

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

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

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

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

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

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

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

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

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

สร้างใน WebTerminal

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

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

เส้นทางเน้น Telegram - ตั้งค่าเพียงครั้งเดียว

ควบคุมด้วย 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 ฟรี →