2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f...

16
การสร้างเว็บไซต์ส่วนตัว โดย Wix.com ตัวอย่าง วีดีโอ วิธีการสร้างเว็บไซต์ โดย www.wix.com คลิ๊กลิงค์เพื่อรับชมวีดีโอตัวอย่าง https://www.youtube.com/watch?v=IxaOBd-myQM การเข้าสู่เว็บไซต์ wix.com และสร้างเว็บไซต์ส่วนตัว คลิ๊ก Start Now 1. คลิ๊กลิงค์เข้าสู่เว็บไซต์ wix.com http://www.wix.com/ 22 2. คลิ๊ก Start Now เพื่อสร้างเว็บไซต์ส่วนตัว โดย wix.com 2. คลิ๊ก Start Now เพื่อสร้างเว็บไซต์ส่วนตัว 2. คลิ๊ก Start Now เพื่อสร้างเว็บไซต์ส่วนตัว

Transcript of 2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f...

Page 1: 2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f ด้วยอีเมล์ (Sing In ด้วย Email ส่วนตัวของท่าน)

การสร้างเว็บไซต์ส่วนตัว โดย Wix.com

ตัวอย่าง วีดีโอ วิธีการสร้างเว็บไซต์ โดย www.wix.com

คลิ๊กลิงค์เพ่ือรับชมวีดีโอตัวอย่าง https://www.youtube.com/watch?v=IxaOBd-myQM

การเข้าสู่เว็บไซต์ wix.com และสร้างเว็บไซต์ส่วนตัว คลิ๊ก Start Now

1. คลิ๊กลิงค์เข้าสู่เว็บไซต์ wix.com http://www.wix.com/

22

2. คลิ๊ก Start Now เพ่ือสร้างเว็บไซต์ส่วนตัว โดย wix.com

2. คลิก๊ Start Now

เพ่ือสร้างเว็บไซต์ส่วนตวั

2. คลิก๊ Start Now

เพ่ือสร้างเว็บไซต์ส่วนตวั

Page 2: 2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f ด้วยอีเมล์ (Sing In ด้วย Email ส่วนตัวของท่าน)

3. สมัครเข้าใช้งาน Wix.com f ด้วยอีเมล์ (Sing In ด้วย Email ส่วนตัวของท่าน) 3.1 ใส่ชื่อที่อยู่อีเมล์ ของท่านในช่อง Email 3.2 กรณีท่ีท่านสร้างเว็บไซต์ไหม่ ให้คลิ๊กเลือก I’m a new user 3.3 กรณีท่ีท่านเข้าใช้เว็บไซต์ที่สร้างไว้แล้วเลือก I’m an existing user 3.4 หากต้องการเข้าใช้งานร่วมกับบัญชีการใช้งานของ Facebook หรือ Google ให้คลิ๊กท่ี

- Sign in with Facebook - Sign in with Google

Page 3: 2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f ด้วยอีเมล์ (Sing In ด้วย Email ส่วนตัวของท่าน)

การเลือกรูปแบบ Templates ของเว็บไซต์สว่นตวั

1.เมื่อ Login เข้าใช้งานระบบแล้ว ให้คลิ๊กเลือกที่ Templates

2.เลือก Categories ประเภทของรูปแบบ Templates ทีต่้องการ ตัวอย่าง เช่น Categories ประเภท Blog >> Personal >> Fashion Blog

3.ถ้าต้องการที่จะดูตัวอย่าง Templates ของเว็บไซต์ให้กดที่ปุ่ม

4.ต้องการเลือก Templates ไปใช้งานให้กดท่ีปุ่ม >> รอการประมวลผลสักครู่คุณก็จะได้ Templates เว็บไซต์ตามที่คุณต้องการ

Page 4: 2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f ด้วยอีเมล์ (Sing In ด้วย Email ส่วนตัวของท่าน)

การสร้างเมนู (Menu), เมนูย่อย (Submenu)

ยกตัวอย่างดังนี้ 1. เมนู Home 2. เมนู Profile 3. เมนู เนื้อหา --3.1. แนะน าโปรแกรมการท าเว็บ Blog --3.2. แนะน าการใช้งาน Wix --3.3. แนะน าการใช้งาน Wordpress 4. เมนู ภาพกิจกรรม 5. เมนู เอกสารอ้างอิง

Page 5: 2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f ด้วยอีเมล์ (Sing In ด้วย Email ส่วนตัวของท่าน)

1.การสร้างเมนู Home, Profile, ภาพกิจกรรม, เอกสารอ้างอิง มีขั้นตอนดังนี้

1.1.เลือกไปที่ Pages หรือ ไอคอน >>

กดปุ่ม >> แล้วเลือกที่ จะปรากฎหน้า Add Page ขึ้นมา

1.2. เลือก Page Layouts ที่ต้องการ (เป็นการเลือกรูปแบบของหน้า Page ในรูปแบบต่าง ๆ) 1.3. แก้ไข Name your page เช่น Home, Profile, ภาพกิจกรรม, เอกสารอ้างอิง 1.4. กดปุ่ม เราก็จะได้เมนูพร้อมหน้า Web Page ในการเพิ่มข้อมูลเนื้อหา

1.2 1.2

1.3 1.3

1.4 1.4

Page 6: 2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f ด้วยอีเมล์ (Sing In ด้วย Email ส่วนตัวของท่าน)

2.การสร้างเมนูย่อย (Submenu) โดยการใช้รูปแบบ Dropdown

ยกตัวอย่างการสร้างเมนู “เนื้อหา” ดังนี้

2.1. เลือกไปที่ Pages หรือ ไอคอน >>กดปุ่ม >> แล้วเลอืกท่ี จะปรากฎหน้า Add Menu Dropdown ขึ้นมา ดังภาพ

Page 7: 2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f ด้วยอีเมล์ (Sing In ด้วย Email ส่วนตัวของท่าน)

2.2. แก้ไข Menu Dropdown Name ตามชื่อที่ก าหนด >>กดปุ่ม (ในท่ีนี้ยกตัวอย่างการตั้งชื่อ

Menu Dropdown Name เป็น “เนื้อหา”)

2.3. จะปรากฎเมนูที่สร้างขึ้น ดังภาพ

Page 8: 2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f ด้วยอีเมล์ (Sing In ด้วย Email ส่วนตัวของท่าน)

2.4. สร้างเมนูย่อยใน Menu Dropdown “เนื้อหา” เลือกไปที่ Pages หรือ ไอคอน >>

กดปุ่ม >> แล้วเลือกที่ จะปรากฎหน้า Add Page ขึ้นมา

2.5. เลือก Page Layouts ที่ต้องการ >> แก้ไข Name your page >>เลือก >> กดปุ่ม

Page 9: 2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f ด้วยอีเมล์ (Sing In ด้วย Email ส่วนตัวของท่าน)

2.6. จะปรากฎ Pages ตามท่ีสร้าง กรณีท่ี Pages ไม่อยู่ใน Menu Dropdown ให้น าเมาส์ไปคลิ๊กค้างที่

หน้าเมนูที่ต้องการให้เป็นรูป ลากย้ายไปไว้ที่ใต้ Menu Dropdown ดังภาพ ก็จะได้เมนูย่อยของ Menu Dropdown

เมื่อเสร้าง Menu Dropdown แล้วจะปรากฎดังภาพ

Page 10: 2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f ด้วยอีเมล์ (Sing In ด้วย Email ส่วนตัวของท่าน)

การดตูัวอย่างหน้าเว็บไซตส์่วนตัวขณะที่สร้าง

ให้กดปุ่ม ที่มุมบนขวาของเว็บ Wix ดังภาพ

จะปรากฎหน้าเว็บไซต์ เป็นยการดูเว็บไซต์ก่อนใช้งานจริง ดังภาพ

และเม่ือต้องการกลับไปแก้ไขเว็บไซต์ ให้คลิ๊กไปที่

Page 11: 2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f ด้วยอีเมล์ (Sing In ด้วย Email ส่วนตัวของท่าน)

การบันทึกเว็บไซตส์่วนตวั

ให้กดปุ่ม ที่มุมบนขวาของเว็บ Wix ดังภาพ

รอการประมวลผล ดังภาพ

จะปรากฎหน้าจอ Your work was saved >>

Page 12: 2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f ด้วยอีเมล์ (Sing In ด้วย Email ส่วนตัวของท่าน)

การเผยแพรเ่ว็บไซต์สว่นตัว

ให้กดปุ่ม ที่มุมบนขวาของเว็บ Wix ดังภาพ

จะปรากฎหน้าจอ It’s time to save your work and name your site >> ก าหนดชื่อไซต์ของคุณ ในช่อง Insert

your site name >> กดปุ่ม

รอหน้าจอการยืนยัน >> กดปุ่ม จะได้ URL เว็บไซต์ตามรูปแบบดังนี้

http://(ตามด้วยชื่อ E-mail ที่ใช้ Login เข้าใช้ Wix).wic.com/ชื่อไซต์ที่คุณก าหนด

ตัวอย่าง http://kissmelovelove1.wix.com/sasipra

Page 13: 2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f ด้วยอีเมล์ (Sing In ด้วย Email ส่วนตัวของท่าน)

การสร้าง, แก้ไข, ลบ ข้อความ (Text) ในหน้าเว็บ Pages

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

1.1. เลือกไปที่ Add หรือ ไอคอน >>กดเลือกท่ี >> เลือกรูปแบบของข้อความ (Text)

1.2. จะแสดงหน้า Text Settings และกรอบข้อความขึ้นมา

Title คือรูปแบบ Text ที่เป็นหัวข้อ Paragraph คือรูปแบบ Text ที่เป็นเนื้อหา Title คือรูปแบบ Text ที่เป็นหัวข้อ Paragraph คือรูปแบบ Text ที่เป็นเนื้อหา

Page 14: 2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f ด้วยอีเมล์ (Sing In ด้วย Email ส่วนตัวของท่าน)

1.3. เลือก Edit Text >> แก้ไขข้อความ (Text) ตามเนื้อหาที่ต้องการ >> เมื่อท าการแก้ไขข้อความ (Text) ให้กดเครื่องหมายกากบาท ดังภาพ

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

Page 15: 2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f ด้วยอีเมล์ (Sing In ด้วย Email ส่วนตัวของท่าน)

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

2.1. เลือกกรอบข้อความ (Text) ที่ต้องการแก้ไข >> จะปรากฎ popup Text ขึ้นมา >> เลือกที ่Edit Text

2.2. แก้ไขข้อความ (Text) ตามเนื้อหาที่ต้องการ >> เมื่อท าการแก้ไขข้อความ (Text) ให้กดเครื่องหมายกากบาท ดังภาพ

Page 16: 2. คลิ๊ก Start No · สมัครเข้าใช้งาน Wix.com f ด้วยอีเมล์ (Sing In ด้วย Email ส่วนตัวของท่าน)

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

3.1. เลือกกรอบข้อความ (Text) ที่ต้องการแก้ไข >> จะปรากฎ popup Text ขึ้นมา >> เลือกที ่Delete

ไอคอน