| 1. เริ่มต้นด้วยการวาดพื้นหลังให้กับฟอร์มของเรา โดยใช้เครื่องมือ Rectangle ที่ Toolbar กำหนดสีตามใจชอบได้เลยครับ |
 วาดพื้นหลังซะก่อน |
 สร้าง Form Field ขึ้นมา |
2. คลิ๊กที่เครื่องมือ Text tool แล้วกำหนดคุณสมบัติให้เป็นกล่องข้อความ เสร็จแล้วให้คลิ๊กบนที่ว่างๆที่พื้นที่ทำงาน จะปรากฏกล่องข้อความขึ้นมา กำหนดขนาดให้พอดี ไม่ใหญ่ไม่เล็กจนเกินไป หลังจากนั้นให้คลิ๊กขวาที่กล่องข้อความ ที่เราสร้างขึ้นมา แล้วเลือก Properties กำหนดชื่อตัวแปรที่จะมารองรับข้อความ ในช่อง Name ให้เป็น name แล้วกด ok |
 กำหนดตัวแปรมารองรับข้อความ |
3. สร้างเลเยอร์ใหม่ขึ้นมา โดยไปที่ Insert --> Layer หลังจากนั้นก็ให้ล๊อค Layer 1 ไว้เพื่อไม่ให้ขยับรูปที่อยู่ภายในได้ โดยการคลิ๊กจุดสีดำที่อยู่ใต้รูปแม่กุญแจที่ Layer 1 แล้วก็มาสร้างปุ่ม submit ด้วยเครื่องมือ Rectangle แล้วใช้เครื่องมือ Text tool สร้างข้อความบนปุ่ม เสร็จแล้วให้คลิ๊กที่ Layer2 จะเกิดเส้นประล้อมรอบรูปสี่เหลี่ยม หลังจากนั้นก็ให้กด F8 เพื่อสร้าง symbol แล้วกำหนดคุณสมบัติในช่อง Behavior ให้เป็น button ส่วนในช่อง Name กำหนดชื่อเป็น submit แล้วกด OK |
 สร้างพื้นหลังปุ่ม |
 สร้างข้อความบนปุ่ม |
 ใช้เครื่องมือ Arrow เลือกวัตถุ |
 ทำให้เป็น Symbol แบบ Button |
| 4. ดับเบิ้ลคลิ๊กที่ปุ่มที่เราเพิ่งสร้างไปจะมีหน้าต่าง Instance Properties ขึ้นมา ให้เลือกแท็ป Action เพื่อกำหนดการทำงานให้กับปุ่มตัวนี้ คลิ๊กที่ปุ่มรูปเครื่องหมายบวกจะมี Bar ขึ้นมา ให้เลือก Get URL |
 เลือกคำสั่ง Get URL |
 ใส่ตำแหน่งของ CGI ลงไป |
5. จะเห็นได้ว่าทางช่องสี่เหลี่ยมทางด้านซ้ายมือของเรานั้นมีสคริปใส่มาให้ 3 บรรทัดบรรทัดแรกจะเป็นส่วนที่ตรวจจับเหตุการ์ณของเมาส์ ในที่นี้เลือกเป็น Release ส่วนบรรทัดที่สองจะเป็นส่วนที่ทำหน้าที่ลิ้งค์ไปยังที่ต่างๆ เราจะใช้ตรงนี้ให้เป็นการส่งข้อมูลไปยัง CGI แทน ในช่อง URL นั้นให้ใส่ url ของ CGI เป็น ./cgi-bin/test.pl (สามารถเปลี่ยนเป็นอย่างอื่นได้) ในช่อง Variables ให้เลือก Send using POST สำหรับส่งข้อมูลให้ CGI ในแบบ POST แล้วกด OK |
