สอนใช้เครื่องมือสำนักงาน Tongyi สร้างผลงานส่วนตัวที่สามารถเผยแพร่และเปิดใช้งานได้

ไม่จำเป็นต้องเขียนโค้ด ไม่ต้องออกแบบ ก็สามารถเผยแพร่เว็บไซต์ผลงานส่วนตัวได้ทันที

คู่มือการใช้งาน QwenWork

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

แน่นอนว่าทำได้

ครั้งนี้ เราขอพาผู้สร้างสรรค์คนหนึ่ง สาธิตขั้นตอนการทำงานจากต้นจนจบโดยใช้ Qwen Office

เว็บไซต์ที่ได้ในท้ายที่สุด จะออกมาประมาณนี้👇

แหล่งที่มาของตัวอย่างเว็บไซต์และการแสดง: @桂有桂嘅道理

เว็บไซต์นี้มีพื้นที่แสดงผลงาน รองรับการเล่นวิดีโอ มีเอฟเฟกต์โต้ตอบ และสามารถเปิดดูได้ทันที สิ่งสำคัญที่สุดคือยังคงความสวยงามไว้อย่างเต็มเปี่ยม

คุณเองก็อยากได้พอร์ตโฟลิโอส่วนตัวที่เท่แบบนี้บ้างไหม?

บทความนี้จะสอนให้คุณทำทั้งหมดในครั้งเดียว

ตาม Qwen ไปดูกันต่อเลย⬇️

เริ่มจากการหาข้อมูลอ้างอิง เพื่อกำหนดทิศทางสไตล์

ขั้นตอนแรกของการทำเว็บไซต์ ไม่ใช่การลงมือทำทันที แต่ควรเริ่มจากการสังเกตก่อนว่า:

คนอื่นเขาจัดการอย่างไรบ้าง

โดยเฉพาะโครงการประเภทพอร์ตโฟลิโอ ซึ่งเน้นเรื่องรสนิยม การกำหนดสไตล์ที่ต้องการตั้งแต่ต้นเป็นสิ่งสำคัญ มิฉะนั้นหากให้ AI เริ่มทำงานทันที จะมีโอกาสสูงมากที่ผลลัพธ์จะออกมาคลาดเคลื่อน

ไม่จำเป็นต้องปวดหัวกับการค้นหาภาพประกอบหรือข้อมูลอ้างอิงไปทั่ว หากให้ Qwen Office ช่วยสืบค้นแทนก็ได้

เช่น บอกกับมันโดยตรงว่า:

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

Qwen Office สามารถเรียกใช้เบราว์เซอร์ เพื่อค้นหา เปิด และท่องเว็บไซต์ที่เกี่ยวข้องโดยอัตโนมัติ แล้วรวบรวมลักษณะการออกแบบที่น่าสนใจจากกรณีต่าง ๆ มาจัดเรียงให้

คุณไม่จำเป็นต้องเปิดสิบกว่าแท็บสลับไปมา หรือกดบันทึกหน้าเว็บที่ชอบไว้ในรายการโปรด แล้วปล่อยทิ้งไว้ไม่ได้เปิดอีกเลย

ให้ Qwen Office ช่วยกรองเนื้อหาที่น่าสนใจก่อน คุณก็แค่ถือ "เมนู" นี้ไว้ แล้วเลือกว่าแบบไหนถูกใจคุณที่สุด

ไม่รู้จะเขียนพรอมต์ยังไง? ให้ AI ช่วยร่างให้

เมื่อได้ข้อมูลอ้างอิงแล้ว ปัญหาต่อมาที่มักเกิดขึ้นคือ:

เว็บไซต์นี้ฉันชอบ แต่จะอธิบายให้ AI เข้าใจได้อย่างไร?

ตัวอักษรเป็นสไตล์อะไร ทำไมหน้าเว็บดูสบายตา ชื่อของเอฟเฟกต์ตอนเลื่อนหน้าคืออะไร ภาพหลักถูกสร้างขึ้นมาอย่างไร...

การเข้าใจเป็นอย่างหนึ่ง แต่การแปลงสิ่งเหล่านี้ให้กลายเป็นพรอมต์ (prompt) สำหรับ AI อีกอย่างหนึ่ง

ดังนั้น ถ้าไม่รู้จะเขียน ก็อย่าฝืน แค่ส่งหน้าเว็บที่ชอบ ภาพหน้าจอ หรือภาพอ้างอิงใด ๆ ให้ Qwen Office แล้วให้มันช่วยวิเคราะห์

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

เหมือนกับการแปลงประโยคกำกวมๆ เช่น:
「ฉันแค่อยากได้ความรู้สึกแบบนี้」

ให้กลายเป็นคำสั่งที่แม่นยำว่า:
「หน้านี้ควรจัดการอย่างไรโดยละเอียด」

เมื่อได้พรอมต์มาแล้ว ก็สามารถปรับเปลี่ยนตามความต้องการของคุณได้ง่ายขึ้น เช่น ต้องการคงส่วนไหนไว้ เปลี่ยนส่วนไหน หรือต้องการให้เอฟเฟกต์ใดเด่นชัดยิ่งขึ้น ก็สามารถเพิ่มเติมได้

ไม่จำเป็นต้องเริ่มจากศูนย์ เพียงให้ Qwen Office ช่วยสร้างโครงร่างก่อน แล้วค่อยปรับแต่งให้เป็นไปตามแนวทางของคุณ

ไม่พอใจเวอร์ชันแรก? แก้ไขต่อจากหน้าเว็บที่มีได้เลย

เมื่อเตรียมพรอมต์เสร็จ ก็สามารถสร้างเว็บไซต์ขึ้นมาได้

แต่ขอแจ้งไว้ก่อนว่า เวอร์ชันแรกที่ได้อาจไม่สมบูรณ์แบบ ซึ่งเป็นเรื่องปกติมาก

การสร้างเว็บไซต์ด้วย AI ไม่ใช่แค่พิมพ์ประโยคหนึ่ง แล้วเว็บไซต์สมบูรณ์ก็โผล่มาทันที

วิธีที่เหมาะสมกว่าคือ การสร้างโครงสร้างหลักขึ้นมาก่อน แล้วค่อย ๆ ปรับรายละเอียดทีละส่วนจากหน้าเว็บที่มีอยู่

ตัวอย่างเช่น ในเว็บไซต์นี้มีการออกแบบภาพดอกกินโกะ

หลังจากเวอร์ชันแรกเสร็จ รูปร่างของดอกไม้ค่อนข้างนามธรรม ทำให้ไม่เข้ากับองค์ประกอบพืชอื่น ๆ ในหน้าเว็บ

ในสถานการณ์นี้ ไม่จำเป็นต้องคิดหนักว่าจะแก้ไขอย่างไร หรือเริ่มใหม่ทั้งหมด เพียงแค่ปรับความต้องการบนพื้นฐานของคำสั่งที่ Qwen Office จัดเตรียมไว้

ระบบจะดำเนินการแก้ไขต่อจากเว็บไซต์ที่มีอยู่ โดยไม่ต้องกังวลว่าการเปลี่ยนแปลงบางส่วนจะทำให้ทิศทางโดยรวมเสียไป

ต้องการให้ตัวอักษรใหญ่ขึ้น ระยะเว้นว่างไม่พอสบายตา อัตราส่วนภาพต้องปรับ หรืออยากเปลี่ยนการแสดงผลของเอฟเฟกต์บางอย่าง ก็บอกมันได้ทันที

เริ่มจากเวอร์ชันแรก แล้วค่อย ๆ ปรับรายละเอียดทีละรอบ มักจะให้ผลลัพธ์ที่ดีกว่าการพยายาม "พิมพ์ประโยคเดียวแล้วได้เว็บไซต์สมบูรณ์"

ผลงานเป็นวิดีโอ? แค่ส่งเข้าไปก็เปลี่ยนเป็นภาพเคลื่อนไหวได้ทันที

ถ้าพอร์ตโฟลิโอของคุณมีโฆษณา ภาพยนตร์สั้น การออกแบบภาพเคลื่อนไหว หรือตัวอย่างผลิตภัณฑ์ การวางแค่ภาพนิ่งอาจดูน่าเสียดาย

ในกรณีนี้ คุณสามารถอัปโหลดไฟล์วิดีโอจากคอมพิวเตอร์ให้กับ Qwen Office ได้โดยตรง

ระบบสามารถอ่านไฟล์ท้องถิ่น แล้วประมวลผลให้กลายเป็นเนื้อหาแบบไดนามิกที่เหมาะกับการแสดงบนเว็บ แล้วใส่ลงในโมดูลผลงานที่เกี่ยวข้องได้ทันที

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

สำหรับผู้ที่ต้องการนำเสนอผลงานแบบไดนามิก ถือว่าสะดวกสบายอย่างยิ่ง

ข้อเสนอแนะอยู่ใน DingTalk? ก็สามารถประมวลผลต่อได้เลย

หลังจากเวอร์ชันแรกของเว็บไซต์เสร็จ มักจะได้รับคำติชมหลายรอบ

แต่ปัญหาคือ ข้อเสนอแนะเหล่านี้มักไม่ได้เรียงอยู่ในตารางอย่างเป็นระเบียบ

กลับกระจายอยู่ในบทสนทนาบน DingTalk แทน เช่น:

「เปลี่ยนรูปภาพในผลงานที่สอง」

「ตัวอักษรบริเวณนี้ให้ใหญ่ขึ้นอีกหน่อย」

「เพิ่มอีกหนึ่งย่อหน้าในประวัติส่วนตัว」

「......」

การรวบรวมทีละข้อด้วยตนเอง อาจทำให้พลาดได้ง่าย

แต่เนื่องจาก Qwen Office เชื่อมต่อกับ DingTalk อยู่แล้ว ขั้นตอนนี้สามารถดำเนินการต่อได้โดยตรง

เช่น ให้มันช่วยรวบรวมข้อเสนอแนะจากบันทึกการสนทนา:

ข้อความที่กระจัดกระจายอยู่ในบทสนทนา จะถูกรวบรวมเป็นรายการแก้ไขที่ชัดเจน ให้ Qwen Office ตรวจสอบว่าข้อใดทำเสร็จแล้ว ข้อใดยังค้างอยู่

ตั้งแต่การรวบรวมความคิดเห็น การจัดเรียงข้อกำหนด ไปจนถึงการตรวจสอบหลังการแก้ไข ไม่จำเป็นต้องกลับไปไล่ดูบทสนทนาทีละบรรทัดด้วยตนเอง

ขั้นตอนสุดท้าย แค่กดเผยแพร่ทันที

เมื่อจัดการครบถ้วนทั้งเนื้อหา วัสดุ และข้อเสนอแนะ ก็สามารถเตรียมเผยแพร่ได้

คิดว่ายังต้องตั้งค่าโดเมนที่ซับซ้อนด้วยตนเองหรือเปล่า? ไม่จำเป็นเลย!

Qwen Office สามารถจัดหาบริการโดเมนและฐานข้อมูลให้ได้ เพียงแค่บอกมันว่า "เผยแพร่ได้เลย" ก็จะช่วยอัปโหลดหน้าเว็บจากเครื่องคุณขึ้นสู่ออนไลน์ทันที

เพียงเท่านี้ เว็บไซต์พอร์ตโฟลิโอที่เคยเก็บอยู่ในโฟลเดอร์ของคอมพิวเตอร์ ก็กลายเป็นผลงานจริงที่สามารถส่งให้ลูกค้า ผู้ว่าจ้าง หรือเพื่อน ๆ เปิดดูได้แล้ว

ตลอดกระบวนการนี้ คุณไม่จำเป็นต้องเรียนรู้การเขียนโค้ด ไม่ต้องแบ่งงานออกแบบ การสร้างภาพเคลื่อนไหว การรวบรวมความคิดเห็น และการเผยแพร่ ออกเป็นขั้นตอนแยกต่างหาก

ตั้งแต่การหาข้อมูลอ้างอิง การเขียนพรอมต์ การสร้างหน้าเว็บ การใส่สื่อของคุณเอง การปรับปรุงแก้ไข ไปจนถึงการเผยแพร่สุดท้าย ทั้งหมดนี้สามารถทำได้ครบวงจรภายใน Qwen Office

ถ้าคุณก็มีผลงานที่ยังไม่ได้จัดเรียง ลองใช้ Qwen Office แปลงมันให้กลายเป็นเว็บไซต์จริง ๆ ดูสิ

We dedicated to serving clients with professional DingTalk solutions. If you'd like to learn more about DingTalk platform applications, feel free to contact our online customer service or email at This email address is being protected from spambots. You need JavaScript enabled to view it.. With a skilled development and operations team and extensive market experience, we’re ready to deliver expert DingTalk services and solutions tailored to your needs!