Wix Manual Book

WIX

MANUAL BOOK คู่มือการใช้งาน Wix Technology Tools for Teaching & Learning www.wix.com

59010518004 ทีปกร โสสิงห์

WIX

Wix เป็นแพลตฟอร์มการพัฒนาเว็บออนไลน์ เพื่อสร้างเว็บไซต์

Website: www.wix.com และเว็บไซต์สำ�หรับมือถือ ผ่านการใช้การลากและวางเครื่องมือออนไลน์ Cost: Free (Wix is an online web development platform to create websites Availability: Online and mobile sites through the use of online drag and drop tools.)

คุณสมบัติของ Wix

-

สร้างเว็บไซต์ได้อย่างรวดเร็ว เหมาะสำ�หรับธุรกิจขนาดเล็ก มีเทมเพลต แบ่งเป็นหมวดหมู่ ให้เลือกใช้หลากหลาย สามารถใช้ โดเมนเป็นชื่อของตัวเอง (เสียค่าใช้จ่าย) สามารถทำ�เว็บ Mobile Version มีระบบ E-commerce มี Plugin Social ต่างๆ

แนวทางการประยุกใช้ Wix - งานบริหาร จัดทำ�เว็บไซต์หน่วยงานขึ้นเพื่อใช้ ในการประชาสัมพันธ์ ผลงานของหน่วยงาน

ผ่านทางเครือข่ายอินเทอร์เน็ต

- งานบริการ บริการลูกค้าด้วยเว็บไซต์ที่เราสร้างขึ้น เช่น เว็บขายของ เว็บโรงแรม

ทำ�ให้ลูกค้าสะดวกในรับข้อมูลข่าวสาร และซื้อขายผ่านเครือข่ายอินเทอร์เน็ต

- งานวิชาการ จัดทำ�เว็บไซต์เพื่อเผยแพร่ผลงานทางวิชาการ และใช้ ในการจัดการเรียนการสอน

สร้างบทเรียนบนเว็บไซต์​์ /สถานการณ์ปัญหา หรือแบบทดสอบ ให้ผู้เรียนได้เลือก

เรียนรู้ ได้ตามความต้องการ

อ้างอิง Wix.com. 9 พฤษจิกายน 2559. สืบค้นจาก https://daicom064.wordpress.com/2014/09/28/wix-com/ HOW TO สอนทำ� WIX โคตรละเอียด. 9 พฤษจิกายน 2559. สืบค้นจาก https://www.siamzone.com/board/

view.php?sid=2791643 วิธีสร้างเว็บไซต์ ไม่ต้องเขียนโปรแกรมด้วย wix. 10 พฤษจิกายน 2559. สืบค้นจาก http://iamtum.com/source

supporter/วิธีสร้างเว็บไซต์-ไม่ต้องเขียนโปรแกรมด้วย wix/ การสร้างเว็บไซต์ส่วนตัว โดย Wix.com. 10 พฤษจิกายน 2559 สืบค้นจาก http://uthaischool.ac.th/data/705

/file/Wix.pdf

จัดทำ�โดย นายทีปกร โสสิงห์ รหัสนิสิต 59010518004 ETC

WIX การสร้างเว็บไซต์ โดย Wix 1. คลิ๊กลิงค์เข้าสู่เว็บไซต์ wix.com http://www.wix.com/ 2. คลิ๊ก Start Now เพื่อสร้างเว็บไซต์

3. เข้าสู่ระบบใช้งาน Wix.com ด้วยอีเมล์ (Log In ด้วย Email ส่วนตัว) 3.1 ใส่ชื่อที่อยู่อีเมล์ ในช่อง Email และรหัสผ่านในช่อง Password 3.2 กรณีที่สร้างเว็บไซต์ ใหม่ ให้คลิ๊กเลือก Sign Up 3.4 หากต้องการเข้าใช้งานร่วมกับบัญชีการใช้งานของ Facebook หรือ Google ให้คลิ๊กที่

- Sign in with Facebook

- Sign in with Google

4. เลือกประเภทเว็บไซต์ที่ต้องการสร้าง 5. คลิ๊กเลือก Start with Wix Editor

WIX

การเลือกรูปแบบ Templates ของเว็บไซต์ 1. เมื่อ Login เข้าใช้งานระบบแล้ว ให้คลิ๊กเลือกที่ Templates 2. เลือก Categories ประเภทของรูปแบบ Templates ที่ต้องการ 3. ถ้าต้องการที่จะดูตัวอย่าง Templates ของเว็บไซต์ ให้กดที่ปุ่ม View 4. ต้องการเลือก Templates ไปใช้งานให้กดที่ปุ่ม Edit >> รอการประมวลผลสักครู่ << ก็จะได้ Templates เว็บไซต์ตามที่ต้องการ

การสร้างหน้า Page 1. เลือกไปที่ Pages

2. เลือก + Add Page >> Page >> แก้ ไขชื่อตามที่ต้องการ >> เสร็จแล้วกด Done

WIX การสร้าง, แก้ ไข, ลบ ข้อความ (Text) ในหน้าเว็บ Pages 1. การสร้าง และแก้ ไขข้อความ (Text) ในหน้าเว็บ Pages 1.1 เลือกไปที่ add หรือ ไอคอน >> กดเลือกที่ Text >> เลือกรูปแบบของข้อความที่ต้องการ (Text) [Themed Text คือรูปแบบ Text ที่เป็นแกนข้อความ] [Title คือรูปแบบ Text ที่เป็นหัวข้อ] [Paragraphs คือรูปแบบ Text ที่เป็นเนื้อหา]

1.2 จะแสดงกรอบข้อความขึ้นมา >> เลือก Edit Text >> แก้ ไขข้อความ (Text) ตามเนื้อหาที่ต้องการ >> เมื่อทำ�การแก้ ไขข้อความเสร็จ (Text) ให้กดเครื่องหมายกากบาท

WIX

1.3 ถ้าต้องการเพิ่มลูกเล่นหรือ Effect ให้กับข้อความ (Text) เลือกที่ Add Animation >> เลือกรูปแบบ Animation ที่ต้องการ >> กดปุ่ม Customize เพื่อปรับแต่ง >> เมื่อปรับแต่งเสร็จแล้วให้กดเครื่องหมายกากบาท

2. การลบ ข้อความ (Text) ในหน้าเว็บ Pages

2.1 เลือกกรอบข้อความ (Text) >> คลิ๊กขวาที่ Text >> เลือกที่ Delete

2.2 เลือกกรอบข้อความ (Text) >> กดปุ่ม Delete ในแป้นพิมพ์

WIX การดูตัวอย่างหน้าเว็บไซต์ขณะที่สร้าง 1. ให้กดปุ่ม Preview ที่มุมบนขวาของเว็บ Wix

จะปรากฎหน้าเว็บไซต์ เป็นการดูเว็บไซต์ก่อนใช้งานจริง ดังภาพ 2. เมื่อต้องการกลับไปแก้ ไขเว็บไซต์ ให้คลิ๊กไปที่ Back to Editor

การบันทึกเว็บไซต์ 1. ให้กดที่ปุ่ม SAVE ที่มุมบนขวาของเว็บ Wix

2. กดที่ปุ่ม Edit เพื่อแก้ ไขชื่อ Domain เสร็จแล้วกดปุ่ม Done

WIX

การเผยแพร่เว็บไซต์ 1. ให้กดที่ปุ่ม Publish ที่มุมบนขวาของเว็บ Wix

2. กดปุ่ม Done เป็นอันเสร็จสิ้น (ถ้าต้องการดูเว็บไซต์คลิ๊กที่ปุ่ม View Site)

การอัพโหลด Font เพื่อนำ�ไปใช้งานบนเว็บไซต์

1. คลิ๊กเลือกที่ My Uploads > Font

2. อัพโหลด Font ตามที่ต้องการ เมื่ออัพโหลดเสร็จให้กด Done