O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
ออกแบบฟอรมของ Joomla
ดวย CK Form
บุญเลิศ อรุณพิบูลย
http://facebook.com/boonlert.aroonpiboon
ดาวนโหลด CK FORM
http://ckforms.cookex.eu/download/download.php
ติดตั้ง CK Form
• Joomla Administrator, Extensions, Install/Uninstall
• เลือกไฟล com_ckforms_b1.zip
สราง Form
• Components, CK Forms, New
Name : ระบุชื่อฟอรมเปนภาษาอังกฤษ
หามเวนวรรค หามใชอักขระพิเศษ เชน
Form01
Titl...
ผลเมื่อ
Save
กําหนดรายละเอียด
การสรางฟอรม
• คลิกที่ชื่อฟอรมเพื่อเขาไปแกไข
• คลิกแท็บ Result แลวเลือกรายการ Save result
เปน Yes เ...
กําหนดรายละเอียด
การสรางฟอรม
• คลิกแท็บ E-Mail เพื่อกําหนดคาเกี่ยวกับการสง
อีเมลมแจงเมื่อมีการปอนแบบฟอรม
กําหนดรายละเอียด
การสรางฟอรม
• คลิกแท็บ Advanced เพื่อกําหนดคาเกี่ยวกับการใช
Captcha การระบุโฟลเดอรในการเก็บไฟล
กําหนดรายละเอียด
การสรางฟอรม
• คลิกแท็บ Frontend display เพื่อกําหนดคาเกี่ยวกับ
การแสดงผลรายละเอียดหนาเว็บ
สรางฟลดขอมูล
• เมื่อกําหนดรายละเอียดตางๆ ของฟอรม ขั้นถัดไปจะ
เปนการสรางฟลด (Field) เพื่อใหผูใชปอนขอมูล
• คล...
ตัวอยางฟอรม
จอภาพการจัดการฟลด
• คลิกปุม New เพื่อสรางฟลดแตละฟลด
ฟลดคํานําหนา
ฟลดชื่อ
ปุมสงขอมูล
ฟลดที่ออกแบบไว
สรางเมนูแสดงผล Form
• Menus, Main Menu, New, CK Forms, Standard
CKForms CSS Layout
หนาตาฟอรม
ตรวจสอบขอมูลที่ปอนผาน Form
• Components, CK Forms
• คลิก Display data ในรายการฟอรมที่ตองการ
ตรวจสอบขอมูลที่ปอนผาน Form
Próximos SlideShares
Carregando em…5
×
Próximos SlideShares
Greenstone for ISAR
Avançar
Transfira para ler offline e ver em ecrã inteiro.

2

Compartilhar

Baixar para ler offline

20101031 joomla-ck form

Baixar para ler offline

ออกแบบฟอร์มของ Joomla ด้วย CK Form

20101031 joomla-ck form

  1. 1. ออกแบบฟอรมของ Joomla ดวย CK Form บุญเลิศ อรุณพิบูลย http://facebook.com/boonlert.aroonpiboon
  2. 2. ดาวนโหลด CK FORM http://ckforms.cookex.eu/download/download.php
  3. 3. ติดตั้ง CK Form • Joomla Administrator, Extensions, Install/Uninstall • เลือกไฟล com_ckforms_b1.zip
  4. 4. สราง Form • Components, CK Forms, New Name : ระบุชื่อฟอรมเปนภาษาอังกฤษ หามเวนวรรค หามใชอักขระพิเศษ เชน Form01 Title : ระบุชื่อแบบฟอรม หรือโครงการ เชน ฟอรมลงทะเบียนงานสัมมนาเรื่อง .... Description : เพิ่มรายละเอียดเกี่ยวกับ ฟอรม หรือโครงการ หรือ กิจกรรม เมื่อระบุแลว ใหคลิกปุม Save กอนครับ
  5. 5. ผลเมื่อ Save
  6. 6. กําหนดรายละเอียด การสรางฟอรม • คลิกที่ชื่อฟอรมเพื่อเขาไปแกไข • คลิกแท็บ Result แลวเลือกรายการ Save result เปน Yes เพื่อใหมีการบันทึกผลจากการปอนฟอรม
  7. 7. กําหนดรายละเอียด การสรางฟอรม • คลิกแท็บ E-Mail เพื่อกําหนดคาเกี่ยวกับการสง อีเมลมแจงเมื่อมีการปอนแบบฟอรม
  8. 8. กําหนดรายละเอียด การสรางฟอรม • คลิกแท็บ Advanced เพื่อกําหนดคาเกี่ยวกับการใช Captcha การระบุโฟลเดอรในการเก็บไฟล
  9. 9. กําหนดรายละเอียด การสรางฟอรม • คลิกแท็บ Frontend display เพื่อกําหนดคาเกี่ยวกับ การแสดงผลรายละเอียดหนาเว็บ
  10. 10. สรางฟลดขอมูล • เมื่อกําหนดรายละเอียดตางๆ ของฟอรม ขั้นถัดไปจะ เปนการสรางฟลด (Field) เพื่อใหผูใชปอนขอมูล • คลิกปุม Fields
  11. 11. ตัวอยางฟอรม
  12. 12. จอภาพการจัดการฟลด • คลิกปุม New เพื่อสรางฟลดแตละฟลด
  13. 13. ฟลดคํานําหนา
  14. 14. ฟลดชื่อ
  15. 15. ปุมสงขอมูล
  16. 16. ฟลดที่ออกแบบไว
  17. 17. สรางเมนูแสดงผล Form • Menus, Main Menu, New, CK Forms, Standard CKForms CSS Layout
  18. 18. หนาตาฟอรม
  19. 19. ตรวจสอบขอมูลที่ปอนผาน Form • Components, CK Forms • คลิก Display data ในรายการฟอรมที่ตองการ
  20. 20. ตรวจสอบขอมูลที่ปอนผาน Form
  • parnnachat

    Feb. 17, 2015
  • ssuserfb4d0e

    Jan. 30, 2015

ออกแบบฟอร์มของ Joomla ด้วย CK Form

Vistos

Vistos totais

13.723

No Slideshare

0

De incorporações

0

Número de incorporações

6.201

Ações

Baixados

143

Compartilhados

0

Comentários

0

Curtir

2

×