WIX manual

คูม่ ือการใชง้ าน 263-211 แฟ้มสะสมงานอเิ ล็กทรอนิกส์ทางการศึกษา
คณะศกึ ษาศาสตร์ สาขาวชิ าเทคโนโลยแี ละส่อื สารการศกึ ษา
เว็บไซต์ wix.com สำ�หรบั บุคคลทั่วไป
มหาวทิ ยาลยั สงขลานครินทร์ วิทยาเขตปัตตานี

ค�ำ น�ำ

การจดั ท�ำ เอกสารคู่มอื การใชง้ านเว็บไซตฉ์ บับน้ี เปน็ ส่วนหน่งึ ของรายวชิ า 263 - 211 แฟม้ สะสมผลงาน
อเิ ลก็ ทรอนกิ ส์เพ่ือการศึกษา จดั ท�ำ ขึน้ เพอ่ื ใชเ้ ป็นแนวทางในการประกอบการเข้าชมหนา้ เว็บไซต์ www.wix.com
โดยมีวัตถุประสงค์เพื่ออำ�นวยความสะดวกให้ผู้เข้าชมหรือผู้เข้าใช้บริการได้รับทราบและเข้าใจขั้นตอนการทำ�งาน
ของเว็บไซต์ได้อยา่ งถกู ต้อง ทง้ั น้ไี ด้แนบเอกสารตัวอย่างไว้ในคมู่ อื ฉบับนแ้ี ล้ว ผู้จดั ทำ�หวงั เป็นอยา่ งยิ่งว่าขน้ั ตอน
รายละเอียดในค่มู ือการใช้งานเวบ็ ไซต์ จะเปน็ ประโยชนแ์ ก่ผู้เข้าชมและผูใ้ ช้บริการไดบ้ ้างไมม่ ากกน็ อ้ ย
สุดทา้ ยนี้ หากผดิ พลาดปรการใด ขออภัย ณ ท่นี ี้ด้วย

ผจู้ ัดทำ�
นายคณาธศิ รามทพิ ย์
รหัสนกั ศกึ ษา 6120110027

สารบัญ

เรอื่ ง หน้า

หน้าหลกั 1
ประวตั ิสว่ นตัว 3
ผลงาน 4
หมวดท่ี 1 : ด้านกราฟฟคิ ดไี ซน ์ 5
หมวดท่ี 2 : ดา้ นกจิ กรรม 6
หมวดที่ 3 : ด้านผลงานวิดโี อ 7
วถิ ีชวี ติ 8
หมวดที่ 1 : รวี ิวอาหาร 9
หมวดที่ 2 : เกมสอ์ อนไลน ์ 10
หมวดท่ี 3 : เพลยล์ สิ ต์ 11
ความคิดเหน็ 12
แบบประเมินเว็บไซต์ 13

ข้อมลู ผู้จัดท�ำ 15

1

• หนา้ หลัก

1

ปมุ่ เมนูการทำ�งาน :

หมายเลข 1 ปุ่มลงิ้ ค์ไปยังเว็บไซต์มหาวิทยาลัย
หมายเลข 2 เข้าสูเ่ ว็บไซต์
หมายเลข 3 ปมุ่ ลิงคไ์ ปยังหนา้ เฟสบคุ๊ ผูจ้ ัดทำ�
หมายเลข 4 ป่มุ ลิงคไ์ ปยงั หน้าทวิตเตอรผ์ ู้จดั ทำ�
หมายเลข 5 ปมุ่ ลิง้ ค์ไปยงั หนา้ อินสตาแกรมผู้จดั ท�ำ

2
2

345

คำ�อธิบายเพมิ่ เติม :

สำ�หรับหนา้ แรกของเว็บไซต์ เปอตงั้ ใจใช้เป็นโทนสีขาวด�ำ เนอ่ื งจากโดยปกตเิ ปอเองเปน็ คนชอบสดี ำ�มาก และคดิ ว่า

สนี ี้เปน็ สีที่ดูสงบ นิง่ ซึ่งหนา้ แรกเปรยี บเหมอื นการท่เี ปอเองถูกมองจากคนภายนอก เพราะ ถ้าคนไม่สนิทกันจรงิ จะคดิ วา่
เปอเปน็ คนเงยี บ น่ิง ไม่พูดไมจ่ า หรอื หนักไปทางนา่ กลัวเลย อาจจะเพราะเปอเป็นคนตัวสูงใหญ่ มีหนวดมีเครา จึงส่งผลให้
คนภายนอกมองเปอแบบน้ัน และหนา้ น้กี ็ถือเปน็ หนา้ ท่เี ปอจะใชส้ ะทอ้ นมมุ มองจากคนภายนอกทม่ี องมายงั เปอ แตใ่ นขณะ
เดยี วกันกเ็ ลือกใช้ฟอนต์ maaja ทม่ี คี วามนา่ รกั อยนู่ ิดนงึ และใช้ฟอนต์เปน็ สีขาว เพ่ือให้ตัดกับความน่งิ สงบของพ้นื หลงั สเี ทา
ด�ำ อยา่ งเด่นชัดออกมา

3

• ประวตั ิส่วนตวั

4

123

หมายเลข 1 สามารถคลิกเพือ่ ล้งิ คไ์ ปยงั เวบ็ ไซตโรงเรียนช้ันประถมศกึ ษา
หมายเลข 2 สามารถคลิกเพอื่ อล้ิงค์ไปยังเว็บไซต์โรงเรยี นมธั ยมศกึ ษา
หมายเลข 3 สามารถคลิกเพอ่ื ลิ้งคไ์ ปยงั เว็บไซค์คณะ
หมายเลข 4 แถบเมนู

4

ค�ำ อธิบายเพิ่มเติม :

ในส่วนของหน้านี้ จะเป็นการรวบรวมข้อมูลเกีย่ วกบั ประวตั สิ ว่ นตัว เขน่ ชอื่ อายุ ข้อมูลเกยี่ วกบั ประวัตกิ ารศึกษา
ในระดบั ต่าง ๆ และความร้คู วามสามารถทีใ่ ช้ในสายงานปัจจบุ ัน โดยลักษณะของหน้าเว็บไซตใ์ นหนา้ นีก้ ย็ ังคงความขาวดำ�
เอาไว้ แต่ใช้พนื้ หลงั เคล่อื นไหวเป็นสะเก็ดดาว เพอ่ื ไมใ่ ห้ดนู ิ่งเกนิ ไป และภายในหน้านี้ก็เร่ิมใชส้ สี นั เขา้ มาประกอบบ้างเปน็
บางจดุ เพ่อื ต้องการเนน้ แค่ในจุดที่ตอ้ งการ เชน่ รูปภาพ โลโก้ เปน็ ต้น และท้งิ ทา้ ยด้วยบทความแฝงขอ้ คดิ แบบสน้ั ๆ

• ผลงาน

X

คำ�อธบิ ายเพม่ิ เตมิ : X

ในส่วนของหน้านี้ เปอตงั้ ใจจะเขียนบ่นขำ� ๆ เหมือนกลา่ ว ตัวอยา่ งแถบปุ่มเมนู
ถึงท่ีมาที่ไปของการสร้างหน้าถัดไป ให้ผเู้ ขา้ ชมเว็บไซตอ์ า่ นเลน่
เพลนิ ๆ ไมต่ ้องซีเรยี สมาก โดยเปอพยายามใช้ภาษาที่เปน็ กนั เอง
ไมเ่ ป็นทางการ เพอ่ื ให้ได้อรรถรสในการอ่าน และก่อนจะนำ�เขา้
สหู่ นา้ รวบรวมผลงาน โดยเปอไดแ้ บ่งผลงานทง้ั หมดออกเป็น 3
หมวด คือ กราฟฟิคดไี ซน์ กิจกรรมทเ่ี คยรว่ ม และด้านการแสดง
โดยมีปุม่ ทจี่ ะลง้ิ ค์ไปยงั หน้าตา่ ง ๆ
โดยแตห่ มวดจะถูกท�ำ แยกไว้แต่ละหนา้ สามารถรบั ชมได้
โดยการคลิกทแี่ ถบเมนูก็จะมีแถบเมนูแสดงขนึ้ มา
ในส่วนของการตกแตง่ เปอใช้พนื้ หลงั สีด�ำ เชน่ เดมิ แต่
เปล่ียนเปน็ กราฟฟคิ ไเส้นกราฟสสี ม้ ใหด้ ูมีมูฟเม้น และแปะรูป
เปอแบบ .png เพื่อให้เห็นเปอชัดขน้ึ

5

หมวดที่ 1 : ดา้ นกราฟฟิคดไี ซน์

คำ�อธบิ ายเพิม่ เตมิ :

ในส่วนของเน้อื หาในหน้าน้ี
ไว้สำ�หรับจัดโชว์ผลงานด้านการ
ออกแบบกราฟฟิคแบ่งเป็นผลงาน
แต่ละหมวดหมูว่ ิชา เริ่มจากวชิ า
แรก 263-207 คอมพิวเตอร์กราฟ
ฟคิ เพอ่ื การสอื่ สารการศกึ ษา ถอื
เป็นวิชาแรกที่ได้ลงมือปฎิบัติด้วย
โปรแกรมตระกลู Adobe ไม่วา่ จะ
เป็น PhotoShop, Illusstrator,
After Effect และ Premiere Pro
วิชาตอ่ มากค็ อื 263-209
การผลิตส่ิงพิมพ์เพื่อการสื่อสาร
การศึกษา เปน็ วชิ าทีว่ า่ ดว้ ยการ
ออกแบบสอ่ื สิ่งพมิ พ์ตา่ ง ๆ โดยวิชา
นี้ทำ�ให้ได้ฝึกทักษะการใช้โปรแกรม
ตระกูล Adobe เพิม่ มาอีกหนง่ึ นนั่
คอื InDesigh
และผลงานจากอีกวิชา
สุดทา้ ย คอื 263-212 การออกแบบ
และการสรา้งสรรค์ส่ือนำ�เสนอเพื่อ
การศกึ ษา โดยเปน็ การทกั ษะเกือบ
ทุกโปรแกรมมาใช้ในการผลิตส่ือ
เพื่อการศึกษา อาทิ เช่น บทเรียน
โปรแกรม Html CSS เปน็ ต้น
ในส่วนของการตกแต่งใน
หน้าน้ี เปอใชพ้ นื้ หลงั เปน็ สีด�ำ และมี
กราฟฟคิ สีสม้ เล็กน้อย และภายใน
หน้าน้ีจะไม่มีลกู เล่นอะไรเยอะ เพ่อื
ทจี่ ะให้สามารถชมผลงานต่าง ๆ ได้
อยา่ งสบายตา

หมวดที่ 2 : ดา้ นกจิ กรรม 6

ค�ำ อธิบายเพม่ิ เตมิ :

ใ น ส่ ว น ข อ ง เ น้ื อ ห า ใ น
หน้านี้ จดั ท�ำ ขนึ้ เพอื่ ประมวลภาพ
กิจกรรมที่เคยร่วมทำ�กิจกรรมใน
ร้ัวมหาวทิ ยาลัยทง้ั หมด โดยเรม่ิ
แรกเลยเปอเลือกใช้รูปเปอตอน
เฉลยวนิ ยั เปน็ จดุ ดงึ สายตา เปน็ การ
ทำ�ให้ผู้ชมรู้สึกแปลกใจเน่ืองจากมี
ความตรงกันข้ามกับหน้าโฮมเพจท่ี
ดเู ครง่ ขรมึ ซง่ึ ถอื เปน็ อกี จดุ นงึ ทจ่ี ะ
ใช้เฉลยว่าความจริงแล้วเปอไม่ได้
เป็นแบบท่ีคนภายนอกมองตามรูป
ลกั ษณท์ เ่ี หน็ และแนน่ อนวา่ กย็ งั คง
ซง่ึ ความเปอ ก็คือตอ้ งมกี ารเกริ่นน�ำ
ปร�ำ ปราไปกอ่ น และยงั คงใชส้ �ำ นวน
ภาษาแบบกนั เองเชน่ เดมิ เพอ่ื ใหผ้ ู้
อ่านไม่เกิดความเบ่อื และยังอยากท่ี
จะอา่ นตอ่ เสมอทเ่ี จอบทความใหม่ ๆ
และเปอเองยงั คงยดึ พน้ื หลงั เปน็ สดี �ำ
และใชอ้ กั ษรเปน็ สขี าวเชน่ เดมิ เพอ่ื ให้
สสี นั ของแตล่ ะรปู มคี วามเดน่ ชดั ออก
มา
ในส่วนของการจัดเรียง
นั้น เปอจดั เรยี งโดยการเรยี งตาม
ไทม์ไลน์เพื่อให้สะดวกและดูเป็น
เร่ืองราวต้ังแต่จุดเร่ิมต้นของการก
ลับเข้าสรู่ ัว้ มหาลยั จนเกอื บถงึ ณ
ปัจจบุ นั ซึง่ เปอเลอื กทีจ่ ะเขียนคำ�
อธิบายเอาไวด้ ้านล่าง เพอื่ ให้ดูง่าย
และเข้าใจไปในทางเดียวกัน
ทิ้งท้ายด้วยบทความและ
ข้อคิดท่ีเปอมักใช้ทุกคร้ังในการร่วม
กจิ กรรมต่าง ๆ

7

หมวดท่ี 3 : ดา้ นผลงานวดิ โี อ

ค�ำ อธบิ ายเพิม่ เตมิ :

ส�ำ หรับหนา้ นี้ก็ไมม่ อี ะไรมาก นอกจากการรวบรวมผลงานด้านการแสดงและในสว่ นของเบื้องหลงั ท่เี คยมสี ว่ นรว่ ม

• วถิ ชี วี ิต 8
X

คำ�อธบิ ายเพม่ิ เตมิ : X

ในส่วนของเน้ือหาในหน้าน้ีก็เป็นเหมือนการพูดคุยกัน ตวั อยา่ งแถบปุ่มเมนู
ตามประสาพ่สี าวลกู สาวกอ่ นไปชมในสว่ นอ่นื ๆ โดยเปอเลือกการ
จดั วางเลย์เอาท์แบบนี้เพราะคิดว่ามนั ก็แอบเก๋อยู่ ซ่ึง่พอทำ�ออก
มาแล้วกแ็ อบรสู้ ึกอกหักเหมือนกัน เพราะมันดูนง่ิ มาก 55555 แต่
เปอก็พยายามทำ�ให้มันดูมีอะไรข้ึนมาบ้างด้วยการใช้พ้ืนหลังกราฟ
ฟคิ แบบเคลื่อนไหวเปลวไฟสีเขยี ว ประกอบกบั ใชเ้ ครื่องมือแกลล
อรี่ในการเล่นรูปภาพ เพ่อื ไมใ่ หร้ ปู ดูนิง่
และในหน้าน้ีเองก็ยังมีการจัดหมวดในส่ิงที่เปอชอบและ
ให้ความสนใจเอาไว้ โดยแบ่งออกเป็นสามหมวดเชน่ เคย

9

หมวดที่ 1 : รีวิวอาหาร

ค�ำ อธิบายเพ่ิมเตมิ :

ในส่วนของเน้อื หาในหน้าน้ี
นำ�เสนอเก่ียวกับอาหารท่ีชอบและ
ไดร้ ับความนยิ ม โดยนำ�มาเขียนเป็น
บทความเลา่ เรอ่ื งและอธบิ าย โดยมี
เน้ือหาเป็นสองส่วน ในสว่ นแรกเปอ
จะกลา่ วถึงเมนูยำ�ท่เี ปอชอบ ซ่งึ จะ
มีการแนะนำ�ร้าน แนะน�ำ เมนู และ
น�ำ ไปสู่วารป์ ร้านตา่ ง ๆ ทัง้ นย้ี งั มี
การแนบรูปและคลิปวิดีโอประกอบ
ด้วย ในสว่ นต่อมาเปอนำ�เสนอบิงซู
ซ่ึงเป็นของหวานที่ได้รับความนิยม
มาก วิจัยจากสตอรไี่ อจี เพราะเจอ
เกือบทุกวนั ก่อนโควดิ -19 ก็เช่น
เดียวกันคอื แนะนำ�เมนู แนะนำ�ร้าน
และนำ�ไปสู่วารป์ ของรา้ น โดยเปอได้
ท้ิงเครดติ ภาพวิดีโอต่าง ๆ เปน็ ลงิ ค์
เพจของร้านนน้ั สำ�หรับคนที่สะดวก
ติดตอ่ ชอ่ งทางออนไลน์
ในส่วนของการตกแต่งใน
หน้านี้ เปอกย็ งั ใช้พน้ื หลังโทนด�ำ แต่
เปลี่ยนเป็นกราฟฟิคไฟสีส้มเพื่อให้
ไปในทางเดยี วกันของรูปภาพย�ำ ซ่ึง
มสี ีสนั ที่หนกั ไปทางแดงสม้ และสสี ้ม
แดงยังสอ่ื ถงึ ความร้อนแรง แซบ่ ของ
ย�ำ พดู แล้วอยาก รอมอเปิดกอ่ นค่ะ

10

หมวดที่ 2 : เกมสอ์ อนไลน์

คำ�อธบิ ายเพ่มิ เติม :

ในสว่ นของเนอื้ หาในหน้านี้ เปอน�ำ เสนอข้อมลู ด้านเกมสอ์ อนไลน์ โดยเปอไดน้ �ำ เสนอเกมส์ทเี่ ปอชอบเลน่ และให้
ความสนใจ โดยจะอธิบายเหตุผล ลักษณะของเกมส์ ระบบปฏบิ ตั กิ ารตา่ ง ๆ จดั เลยเ์ อาท์โดยการนำ�วดิ โี อยูทูบกบั ค�ำ อธบิ าย
อยู่คกู่ ันซ้ายขวาสลับกนั และมีการแปะโลโกข้ องเกมส์ โดยสามารถคลิกเพื่อลิง้ ค์ไปยงั เวบ็ ไซตข์ องเกมส์ และสามารถอา่ น
รายละเอยี ดและดขู อ้ มูลเพ่ิมเติมได้
ในส่วนของการตกแตง่ เปอใชพ้ ้นื หลังสดี �ำ เช่นเดิมแตเ่ ปลยี่ นเป็นกราฟฟคิ ไฟสีฟา้ เพื่อใหด้ แู ฟนตาซี ประกอบกับใช้
รูปภาพแบบ .png เพือ่ ใหส้ สี ันสะดุดตา และโดดออกมาจากสดี �ำ

11

หมวดที่ 3 : เพลยล์ ิสต์

คำ�อธิบายเพม่ิ เติม :

ในส่วนของเน้อื หาในหน้าน้ี
นำ�เสนอเกี่ยวกับเพลย์ลิสต์หรือแนว
เพลงทีช่ อบฟัง เปอชอบฟังอยสุ่ าม
แนวดงั ภาพ โดยมีอธบิ ายเหตผุ ลของ
การชอบไปบา้ งเล็กน้อย ประกอบ
กับการที่เปอแปะลิงค์เพลงที่ชอบ
ฟัง เพื่อหวงั วา่ ผเู้ ข้าชมจะไดฟ้ ัง และ
สัมผัสถึงแนวเพลงที่เปอชอบได้มาก
ขน้ึ โดยเปอแปะเพลงท่ชี อบฟงั บอ่ ย
และเพลงท่ีได้ยินทุกครั้งก็ต้องร้อง
ตามทกุ ครง้ั
ในส่วนของการตกแต่งใน
หน้าน้ีเปอก็ยังใช้พ้ืนหลังโทนดำ�แต่
เปล่ียนเป็นกราฟฟิคไฟดิสโก้ เพอ่ื ให้
อารมณ์อยู่ในผบั หรือรา้ นเหลา้ หรอื
ให้อารมณ์ตอนฟังเพลงเพิม่ ขึน้

• ความคิดเหน็ 12

คำ�อธบิ ายเพมิ่ เตมิ :

ในส่วนของเน้อื หาในหน้าน้ี
เปน็ การรวบรวมความคดิ เหน็ จากเพอ่ื น
รว่ มชน้ั เรยี น ทไ่ี ดน้ �ำ เสนอทง้ั ค�ำ ชม ขอ้
เสนอแนะ หรอื การขแ้ี นวทางแกไ้ ขตา่ งๆ
กอ่ นน�ำ มาปฏบิ ตั แิ กไ้ ขตามค�ำ แนะน�ำ
ในส่วนของการตกแต่งใน
หน้านี้ เปอใช้พ้ืนหลังเป็นกราฟฟิ
คลายตาข่าวสีนำ้�เงินฟ้ากระเพื่อม
คลา้ ยกบั หยดนำ้� ให้อารมณ์เหมอื น
กำ�ลังรับฟงั ค�ำ เสนอแนะต่าง ๆ และ
สามารถยืดหยุ่นตามความเหมาะสม
ได้เสมอ

13

• แบบประเมินเว็บไซต์

ค�ำ อธิบายเพิม่ เตมิ :

ในส่วนของเน้ือหาในหน้านี้ ใชส้ �ำ หรับหลงั ผใู้ ช้บรกิ าร เขา้ ชมเว็บไซต์เสรจ็ เร็บร้อยแลว้ กส็ ามารถทจ่ี ะท�ำ แบบ
ประเมิน เพ่อื ทีจ่ ะช่วยชแ้ี นะหรอื ให้คำ�แนะน�ำ ต่าง ๆ เพ่อื ทจ่ี ะนำ�คำ�ติเหลา่ นัน้ ไปพฒั นาเวบ็ ไซตต์ อ่ ไป
ในส่วนของการตกแตง่ เปอใช้พน้ื หลงั เป็นรปู ตวั เองหนั ขา้ งแล้วเงยมอง เปอเปรยี บเสมอวา่ เปอก�ำ ลงั รบั ฟังความ
เหน็ จากทุกคนทตี่ ้องการจะตเิ พื่อกอ่ ครบั

14

15

ข้อมลู ผ้จู ัดท�ำ

นายคณาธิศ รามทพิ ย์
รหสั นักศกึ ษา 6120110027 เลขท่ี 13
คณะศึกษาศาสตร์ สาขาวชิ าเทคโนโลยแี ละส่อื สารการศกึ ษา
มหาวทิ ยาลยั สงขลานครนิ ทร์ วิทยาเขตปตั ตานี

https://lumiinouz-kandiiz.wixsite.com/mysite-2