Wix.com เป็น Web Site ที่ตั้งขึ้นมาเพื่อเป็น Hosting เป็นจุดประสงค์หลัก แต่ด้วยสภาวะการแข่งขันที่สูงมาก จึงทำให้ทาง WIx.com ต้องมีเครื่องมือที่จะดึงดูดลูกค้าให้เข้ามาใช้งาน Web Hosting ของตน จึงเป็นที่มาของการสร้างเครื่องมือที่ช่วยในการสร้าง Web โดยใช้แนวความคิด Cloud Base Web Development ซึ่งจะเน้นในด้านความสะดวก เข้าใจง่าย เป็นหลัก

1. การสร้างเว็บไซต์ด้วย www.wix.comCCDKM : The Research Center Of Development Knowledge Management

2. Wix.com เป็น Web Site ที่ตั้งขึ้นมาเพื่อเป็น Hosting เป็นจุดประสงค์หลัก แต่ด้วยสภาวะ
การแข่งขันที่สูงมาก จึงทาให้ทาง WIx.com ต้องมีเครื่องมือที่จะดึงดูดลูกค้าให้เข้ามาใช้งาน
Web Hosting ของตน จึงเป็นที่มาของการสร้างเครื่องมือที่ช่วยในการสร้าง Web โดยใช้
แนวความคิด Cloud Base Web Development ซึ่งจะเน้นในด้านความสะดวก เข้าใจง่าย เป็น
หลัก
CCDKM : The Research Center Of Development Knowledge Management

3. สมัครบัญชีผู้ใช้งา
wix.com
CCDKM : The Research Center Of Development Knowledge Management

4. คลิ๊กลิงค์เข้าสู่เว็บไซต์ : www.wix.com
CCDKM : The Research Center Of Development Knowledge Management
1. คลิก Start Now

5. CCDKM : The Research Center Of Development Knowledge Management
2. ใส่ e-Mail ของท่าน
3. คลิก I’m a new user
การสมัครบัญชีผู้ใช้งา
4. คลิก GO

6. CCDKM : The Research Center Of Development Knowledge Management
การสมัครบัญชีผู้ใช้งาน
5. ใส่ e-Mail ยืนยันอีกครั้ง
6. ใส่รหัสผ่านและยืนยันอีกครั้ง
7. คลิก SIGN UP

7. CCDKM : The Research Center Of Development Knowledge Management
ตัวอย่างเว็บโรงเรียนในโครงการฯ

8. ขั้ ตอ การสร้างเว็บไซต์ wix.com
CCDKM : The Research Center Of Development Knowledge Management
ขั้นที่ 1 เลือก Template
ขั้นที่ 2 การเพิ่มหน้า Web
ขั้นที่ 3 การตกแต่งหน้า Web
ขั้นที่ 4 การเพิ่ม Component ลงในหน้า Web
ขั้นที่ 5 การปรับข้อมูลใน Web Site
ขั้นที่ 6 การบันทึกและประกาศใช้งาน

9. ขั้นที่ 1
การเลือก Templates
CCDKM : The Research Center Of Development Knowledge Management

10. CCDKM : The Research Center Of Development Knowledge Management
ขั้นที่ 1 การเลือก Templates
1. เลือก Business & Services
2. เลือก Community & Education
3. คลิก Go

11. CCDKM : The Research Center Of Development Knowledge Management
4. คลิกเพื่อเลือก Templates
5. เลือก Business & Services
6. เลือก Community & Education
ขั้นที่ 1 การเลือก Templates

12. CCDKM : The Research Center Of Development Knowledge Management
7. Edit : นาไปใช้งานและแก้ไข
เลือก Templates : Country Day School ดังภาพ

13. ส่วนประกอบ
หน้าควบคุม เว็บไซต์
CCDKM : The Research Center Of Development Knowledge Management

14. CCDKM : The Research Center Of Development Knowledge Management

15. ขั้นที่ 2
การเพิ่มหน้าและสร้างเมนู
CCDKM : The Research Center Of Development Knowledge Management

16. ขั้นที่ 2.1
CCDKM : The Research Center Of Development Knowledge Management
การเพิ่มหน้า
สร้างเมนูและเมนูย่อย

17. CCDKM : The Research Center Of Development Knowledge Management
1. ส่วนที่เรียกว่า เมนู (Menu)
2. ส่วนที่เรียกว่า เมนูย่อย
(Submenu)
ส่วนที่เรียกว่าเมนู และ เมนูย่อย

18. CCDKM : The Research Center Of Development Knowledge Management
การเพิ่มหน้าเว็บ
1. คลิกไอคอน
2. คลิก Add
3. คลิก Page

19. CCDKM : The Research Center Of Development Knowledge Management
การเพิ่มหน้าเว็บและสร้างเมนู : ข้อมูลโรงเรียน, ข้อมูลโครงการ, ศูนย์การเรียนรู้ ฯลฯ
4.เลือกรูปแบบของหน้า
(Page)
5. แก้ไขชื่อของหน้า
ตัวอย่างรูปแบบหน้า
6. คลิก OK
ถ้าต้องการให้หน้าเป็นหน้าย่อย

20. CCDKM : The Research Center Of Development Knowledge Management
การตั้งค่าหน้า (Page)
1. คลิก
2. คลิก
• Page Name: ชื่อของหน้านั้นๆ
• Page Address: Link ที่จะให้ Page
อื่นเชื่อมโยงไปหา
• Set as home page: การตั้งค่าให้หน้า
นี้เป็นหน้าแรกของ Web
• Hide form menu: การไม่แสดงชื่อ
Page ใน Menu Bar
• Protect Page: ถ้าเลือกข้อนี้จะมีการ
ป้องกันการเข้าถึงหน้านี้โดยมีการใส่
Password ในการเข้าถึง
3. คลิก Done เสร็จสิ้นการตั้งค่า

21. ขั้นที่ 2.2
CCDKM : The Research Center Of Development Knowledge Management
การสร้าง
เมนูย่อย (Submenu)

22. CCDKM : The Research Center Of Development Knowledge Management
การสร้างเมนูย่อย(Submenu) โดยใช้รูปแบบ Dropdown

23. CCDKM : The Research Center Of Development Knowledge Management
การสร้างเมนูย่อย(Submenu) โดยใช้รูปแบบ Dropdown
1. คลิก
2. คลิก Add
3. คลิก
Menu Dropdown
4. ตั้งชื่อเมนูย่อย
5. คลิก Done