Embed Size (px)
Citation preview
การจดการภาพสวนหว โลโกการจดการ Theme การจดการเมนการจดการรปภาพประกอบรายการการจดการรปภาพประกอบรายการการ Drag & Drop สลบตาแหนงเมน
การจดเกบขอมลเขาคลงเนอหา
Page 1 of 52
�������
การจดการเพมเมน widgetการจดการพนทดานลางการดรายการตดตอกลบ รายการสงซอการตงคาเวบไซตการตงคาเวบไซต
ควรเตรยมเนอหาไวบนโปรแกรม Notepad
ควรจาแนกขอมลเปนไฟลเอกสาร (Soft File)
ป การเตรยมรปภาพสนคา
ควรเปนไฟลนามสกล .jpg หรอ .gif
ขนาดภาพไมควรเกน 500 Kb
4
Page 2 of 52
�������
ขนตอนการออกแบบเวบไซตขนตอนการออกแบบเวบไซต
1. การวางแผน1.1 การกาหนดเนอหาและจดประสงคของเวบไซต1.2 การกาหนดกลมเปาหมาย1.2 การกาหนดกลมเปาหมาย1.3 การเตรยมขอมล
2 จดทาเวบไซต2. จดทาเวบไซต3. โปรโมท หรอทาโฆษณา (ทา SEO , SEM)
5
ความรพ นฐานกอนการสรางเวบไซต ฐ
Webpage หมายถง เอกสารหนงหนา หรอสวนทตดตอกบผใชในเวบ Webpage หมายถง เอกสารหนงหนา หรอสวนทตดตอกบผใชในเวบ Web Site หมายถง การนา Webpage หลายๆหนามารวมกน Homepage หมายถง หนาแรกของเวบไซตHomepage หมายถง หนาแรกของเวบไซต
สามารถจาแนกสวนประกอบของหนาเวบเพจ เปน 3 สวน ดงน
1. สวนหว (Page Header) 2. สวนเนอหา (Page Body)
3. สวนทาย (Page Footer)
6
Page 3 of 52
�������
จดเดนของเวบไซต
เวบไซตสามารถถกเรยกดไดจากทวโลก ไ ป ไ 24 เวบไซตสามารเปดบรการไดตลอด 24 ชม.
เวบไซตสามารถปรบปรงขอมลไดงายกวาสอประเภทอนๆ เวบไซตสามารถเผยแพรขอมลไดเปนจานวนมาก
ใ ไ ไ สามารถวเคราะหการใชงานเวบไซตไดละเอยดกวาสออนๆ
7
องคประกอบของเวบไซตทด • Accessibility : ความสามารถในการเขาถงขอมล
รองรบความละเอยดหนาจอตางๆ ใชงานไดกบทก Browsers ใช Font ทรองรบความละเอยดหนาจอตางๆ ,ใชงานไดกบทก Browsers,ใช Font ทเปนมาตรฐาน
• Att ti ความนาสนใจ ง• Attractiveness : ความนาสนใจ ดงดดใชภาพ ส และการออกแบบ เวบไซต โลโก ทเปนเอกลกษณ
• Speed : ความเรวระวงเรองการใช Flash,Video,Audio และการใส code banner ทดงมา, ,
• Simplicity : ความงายใชงาย หาขอมลงาย แสดงเมนชดเจน หลกเลยงการออกแบบซบซอนใชงาย หาขอมลงาย แสดงเมนชดเจน หลกเลยงการออกแบบซบซอน
• Credibility : ความนาเชอถอ ( Look Professional ดนาเชอถอ เปนมออาชพ) ฟฟ แสดงทอยตดตอ ,มหนา About us ,ม Certificated ,ม ภาพออฟฟต ทมงาน แผนท
ชดเจน 8
Page 4 of 52
�������
ความรพนฐานกอนการสรางเวบไซตความรพนฐานกอนการสรางเวบไซต
เวบเบราวเซอร (Web Browser) คอ โปรแกรมทใชสาหรบเปดเวบเพจ เวบเบราวเซอร (Web Browser) คอ โปรแกรมทใชสาหรบเปดเวบเพจ เชน Microsoft Internet Explorer (IE), Google Chrome, Mozilla Firefoxซงจะนา URL : http://www readyplanet com/ซงจะนา URL : http://www.readyplanet.com/
ภาษา HTMLภาษา HTMLภาษา HTML ยอมาจากคาวา Hypertext Markup Language
เปนภาษาทใชสาหรบสรางเวบเพจ โดยจะไดรบการแปลหรอการแสดงผลโดยเวบเปนภาษาทใชสาหรบสรางเวบเพจ โดยจะไดรบการแปลหรอการแสดงผลโดยเวบเบราวเซอรซงสามารถแสดงไดทงขอความ ภาพ และเสยง
9
ความรพนฐานกอนการสรางเวบไซตความรพนฐานกอนการสรางเวบไซต
โดเมนเนม (D i N ) คอ ชอเรยกเวบไซตโดเมนเนม (Domain Name) คอ ชอเรยกเวบไซต• เปนการลงทะเบยนชอใหกบเวบไซตในโลกอนเทอรเนต
• โดเมนเนมทขอจดทะเบยนจะตองไมซากบใคร • ควรตงใหเกยวของกบเนอหาภายในเวบไซต หรอเกยวของกบสนคาและการบรการ ใชคางาย ๆ ใหจาได เชน makeupintrend.com , gmail.comเชน makeupintrend.com , gmail.com
10
Page 5 of 52
�������
ความรพนฐานกอนการสรางเวบไซตความรพนฐานกอนการสรางเวบไซต
ประเภทของ Domain แบงไดเปน 2 ประเภท คอ โดเมน 2 ระดบ และโดเมน 3 ระดบปร เภทของ Domain แบงไดเปน 2 ประเภท คอ โดเมน 2 ระดบ และโดเมน 3 ระดบDomain 2 ระดบ มลกษณะดงน hotmail.com , thai.net เปนตน ประเภทองคกร.Com กลมองคกรการคา.Edu กลมการศกษา.Edu กลมการศกษา.Gov กลมองคกรรฐบาล.Mit กลมองคกรการทหาร.Net กลมการบรการเครอขาย.Org กลมองคกรอนๆทไมแสวงหาผลกาไรg ๆ
11
ความรพนฐานกอนการสรางเวบไซตความรพนฐานกอนการสรางเวบไซต
Domain 3 ระดบ มลกษณะดงน dora.co.th , onec.go.th , kois.go.krDomain 3 ระดบ มลกษณะดงน dora.co.th , onec.go.th , kois.go.krDomain ประกอบดวย ชอโดเมน ประเภทขององคกร และ ตวยอทระบประเทศทกอตงชอโดเมน , ประเภทขององคกร และ ตวยอทระบประเทศทกอตงเชน www.google.co.th
ประเภทขององคกร .go หนวยงานรฐบาล .ac สถาบนการศกษา .co องคกรธรกจ .co องคกรธรกจ .or องคกรอนๆ
12
Page 6 of 52
�������
ความรพนฐานกอนการสรางเวบไซต
link คอ สงทสามารถคลก แลวยายจากเพจหนงไปยงอกเพจหนง
ความรพนฐานกอนการสรางเวบไซต
link มผลด ทงในทางสะดวกรวดเรวในการเปลยนเพจ ท งในการทา SEO เพอใหตด google ยงม link มากเทาไร ยงทาใหมโอกาส
ตด google ไดมากเทานน วธการนเปนสวนหนงของการทา SEO
Link แบงเปน 2 แบบ ใ1.Link ภายใน เปนการโยง link ภายในเวบไซตเดยวกนเอง
2.Link ภายนอก เปนการ link ออกไปหาเวบไซตตามทตองการ
13
ความรพนฐานกอนการสรางเวบไซต
การทา SEO (Search engine optimization ) คออะไร
ความรพนฐานกอนการสรางเวบไซต
( g p )การทาให search engine ชอบเวบของเรานนเอง
หลกการทา SEO• วางโครงสรางเนอหา บทความของเวบไซต ใหถกใจ google g g• วาง Keyword ใหเยอะและถกท• ทา Link ภายใน ไปหาบทความของเราเอง• ทา Link จากภายนอก อาศยพลงจากเวบอนๆเปนตวชวยดน• Submit link ตามเวบบอรด และไดเรกทรอร อยางสมาเสมอ
14
Page 7 of 52
�������
ความรพนฐานกอนการสรางเวบไซต
SEM ยอมาจาก Search Engine Marketing (การตลาด Search Engine) และ
ความรพนฐานกอนการสรางเวบไซต
SEM ยอมาจาก Search Engine Marketing (การตลาด Search Engine) และสวนประกอบหลกคดคาธรรมเนยมการ (ทเรยกวา "รายการชาระเงน") • Adwords ของ GoogleAdwords ของ Google• โฆษณาของ Facebook• โฆษณา Bing คนหา โฆษณา Bing คนหา• ลงโฆษณาแบนเนอร• แสดงโฆษณา แสดงโฆษณา
15
การวจยและวเคราะห Keywordการวจยและวเคราะห Keyword
Keyword คอ คาทผใชใสลงในชอง Search เพอให Search Engine หาผลลพธทเกยวของมาแสดงการเลอก Keyword ทด คอ การคนหาจดเดน ของสนคาหรอบรการของตนเองของสนคาหรอบรการของตนเอง
• ควรใส Keyword บน Title Tag• ควรสอดแทรก Keyword บนเนอหาแตละหนาของเวบไซต
16
Page 8 of 52
�������
เขาใจความหมายและอารมณของโทนสเขาใจความหมายและอารมณของโทนส
ใ • สสม เปนสแหงความสรางสรรค อบอน สดใส มสตปญญา ความทะเยอทะยาน
• สแดง เปนสทกระตนระบบประสาทของเราไดรนแรงทสด ใหความสกเราใจ ตนแตน ทาทาย ตนตวเราใจ ตนแตน ทาทาย ตนตว
• สชมพ ใหความรสกอบอนออนโยน นมนวล ออนหวาน ความรก• สเหลอง ใหความรสกแจมใส ความสดใส ความอบอน ความราเรง• สเขยว เปนสทเดนทสดบนโลก ใหความรสกรมเยน สบายตา ผอน• สเขยว เปนสทเดนทสดบนโลก ใหความรสกรมเยน สบายตา ผอนคลาย ปลอดภย ทาใหเกดความหวงและสมดล
17
เขาใจความหมายและอารมณของโทนส
เขาใจความหมายและอารมณของโทนส
• สนาเงน เปนสทสรางความสขม เยอกเยน หนกแนนและละเอยดรอบคอบ นาเชอถอ
• สฟา เปนสทใหความรสกสงบเยอกเยน เปนอสระ ปลอดโปรง ป ใ • สมวง เปนสแหงผ ร ใหความรสกมเสนห นาตดตาม เรนลบ นาคนหา
• สขาว ใหความรสกบรสทธ สะอาด สดใสเบาบาง ออนโยน • สทอง ใหความรสกหรหรา โออา มราคา สงางาม
18
Page 9 of 52
�������
คาแนะนาพนฐาน
การแกไขขอความ
สามารถแกไขขอความโดย คลกท สญลกษณ ทกสวนบนหนาเวบไซต
Page 10 of 52
�������
จดการรปภาพบนหนาเวบไซต
สามารถจดการรปภาพโดยคลกท สญลกษณ ทมมขวาของทกรปบนหนาเวบไซต
สามารถเปลยนตาแหนงรปประกอบรายการดวยวธการคลกเมาสลากแลววางในตาแหนงทตองการ
การจดการเมน และจดเรยง
สามารถคลกลากยายเมนดานบน และเมนดานขาง เพอเปลยนตาแหนงหรอนาไปวางใน ไ ไ ตาแหนงทตองการซงแสดงดวยพนทสเหลอง และสามารถคลก เพอแกไขชอเมนได
Page 11 of 52
�������
การเพมเมนยอย
สามารถเพมเมนใหม เพอแสดงเปนเมนดานบน เมนดานขาง รวมถงสราง เมนยอย ซงจะแสดงผลภายใตเมนหลก โดยคลกทลกศรขางๆเมนหลก จะปรากฎพนทสาหรบเมนซงจะแสดงผลภายใตเมนหลก โดยคลกทลกศรขางๆเมนหลก จะปรากฎพนทสาหรบเมนยอย ใหทาการลากเมนหนาใหมไปยงพนทภายใตเมนหลกทตองการ
การเลอก Theme บนหนาเวบไซต
• สามารถกาหนดสพนหลง สตวอกษร และรปแบบตวอกษร ของทกสวนในหนาเวบไซต• สามารถเลอก Theme สาเรจรป มาปรบแตงเพมเตม แลวบนทกรปแบบทปรบแตงเองเอาไวไดถง 3 รปแบบ วธการจดการวธการจดการ• เลอก เมนตกแตง• ระบบแสดง Theme สาเรจรป ใหคลกเลอกรปแบบตามทตองการ
Page 12 of 52
�������
การเลอก Theme บนหนาเวบไซต (ตอ)
ระบบจะแสดงพนทใหกาหนดสพนหลง สตวอกษร และรปแบบตวอกษร ของทกสวนในหนาเวบไซต และทาการบนทก เมอเลอกแบบอกษร จะม Fonts พเศษสวยงาม หรอ Fonts มาตรฐาน กวา 60 รปแบบ
การจดการภาพสวนหวในกรณทไมตองการแสดงรปภาพสวนหวทง 9 รป
ใหคลกสญลกษณ เพอซอนภาพสวนหว
รปภาพสวนหวสามารถใสไดสงสดอยท 9 รป• หากเลอกแสดงโลโก รปภาพสวนหวจะใสไดสงสดอยท 7 รป • หากเลอกไมแสดงโลโก รปภาพสวนหวจะใสไดสงสดอยท 9 รปนามสกลของไฟลรปภาพทรองรบ : .jpg , .gif , .pngขนาดของรปทเหมาะสมคอ :105x63 pixelsขนาดของรปทเหมาะสมคอ :105x63 pixelsขนาดของไฟลรป : ไมเกน 5 MB
Page 13 of 52
�������
การจดการสวนโลโก
นาเมาสวางทตาแหนงของรปโลโก ระบบจะแสดงไอคอน ใหนาเมาสไปวางทไอคอนนน และคลกแกไขรปภาพใหนาเมาสไปวางทไอคอนนน และคลกแกไขรปภาพระบบแสดงหนาตางสาหรบ Upload รปภาพ ใหคลกท Upload ภาพใหม
การจดการสวนภาพพนหลง
1
2 3
แสดงครงเดยว : ควรเตรยมภาพใหมขนาดทเหมาะสมคอ 1280x800 pixelsแสดงตอเนอง : เหมาะสาหรบกรณทภาพพนหลงเปนภาพขนาดเลก จงควรเลอกใหการแสดงผลภาพแสดงตอเนองจนเตมสวนพนหลงเลอกใหการแสดงผลภาพแสดงตอเนองจนเตมสวนพนหลงแสดงพอดจอ : ควรเตรยมภาพทเหมาะสมคอ 1280x800 pixels หากภาพมขนาดเลกระบบจะขยายภาพนนใหเตมจอ สงผลใหภาพแสดงผลไมชดเจน
Page 14 of 52
�������
การจดการเมนเมนประเภท บทความ / สนคา
122
3
เพมเมน หรอสรางหนาใหม สาหรบแสดงผลขอมล รปภาพ ของสนคาหรอบรการ 1. ทเมนดานขาง คลกปม "เพมเมน“
2. ปรากฎหนาตาง "เลอกประเภทเมน" ใหคลกปม "บทความ/สนคา“3 จากนนในหนาตาง "เพมหนาใหม" ทานสามารถตงชอบทความหรอชอสนคา (สามารถ3. จากนนในหนาตาง "เพมหนาใหม" ทานสามารถตงชอบทความหรอชอสนคา (สามารถ
ประยกตใหบทความแสดงรายละเอยดสนคา ราคา และปมสงซอได) ตามตองการ จากนน "บนทก"
การจดการเมนเมนประเภท บทความ / สนคา (ตอ)
หมายเลข 1 คอ หวขอเนอหา แสดงผลเปนชอเมนและเปนหวขอหลกของหนาเนอหาเวบไซตแตละหนาซงสามารถเปลยนชอหรอแกไขได
Page 15 of 52
�������
การจดการเมนเมนประเภท บทความ / สนคา (ตอ)
2
หมายเลข 2 คอ หวขอยอยเนอหา เปนคาอธบายเพมเตมของหวขอเนอหาหมายเลข 2 คอ หวขอยอยเนอหา เปนคาอธบายเพมเตมของหวขอเนอหา
การจดการเมนเมนประเภท บทความ / สนคา (ตอ)
3
หมายเลข 3 คอ รปภาพประกอบรายการ สามารถใสรปภาพประกอบรายการในแตหนาได 4 รป โดยสามารถลากเปลยนสลบตาแหนงของแตละรปได หรอคลกซอน หากไมตองการใหแสดงรปรป โดยสามารถลากเปลยนสลบตาแหนงของแตละรปได หรอคลกซอน หากไมตองการใหแสดงรปประกอบรายการได
Page 16 of 52
�������
การจดการเมนเมนประเภท บทความ / สนคา (ตอ)
44
หมายเลข 4 คอ รายละเอยดเนอหา สามารถพมพเนอหาสนคาหรอบรการในสวนนไดโดยตรง โดยระบบจะทาการบนทกขอมลใหอตโนมต หรอ แกไขขอมลโดยใชเครองมอ Text Editor ตกแตงเพมเตม นาเมาสไปวางตาแหนงรายละเอยดหรอ แกไขขอมลโดยใชเครองมอ Text Editor ตกแตงเพมเตม นาเมาสไปวางตาแหนงรายละเอยดเนอหา จะปรากฎสญลกษณ และคลก "แกไขดวย Text Editor"
การจดการเมนเมนประเภท บทความ / สนคา (ตอ)
แกไขรายละเอยดเนอหา ดวย Text Editor เชน การทาตวอกษรหนา เปลยนสตวอกษร ใสรปภาพแกไขรายละเอยดเนอหา ดวย Text Editor เชน การทาตวอกษรหนา , เปลยนสตวอกษร, ใสรปภาพเพมเตมดวยเครองมอ Insert/Edit Image, ผกลงคดวยเครองมอ Insert/Edit Link เปนตน เมอแกไขขอมลเรยบรอยตามความตองการแลว คลก "บนทก"
Page 17 of 52
�������
การจดการเมนเมนประเภท อลบมรป
ระบบอลบมรป (Photo Gallery) คอ ระบบทแสดงรปถายของสนคาหรอบรการของเวบไซตอยางเปนระบบอลบมรป (Photo Gallery) คอ ระบบทแสดงรปถายของสนคาหรอบรการของเวบไซตอยางเปนระเบยบ แสดงผลอยางสวยงามนาสนใจ และเพมรปภาพใน Gallery ไมจากดจานวน 1. ทเมนดานขาง ปม "เพมเมน“
2. ปรากฎหนาตาง "เลอกประเภทเมน" เลอกปม "อลบมรป“3. "เพมอลบมรปใหม" ใหตงชออลบมรปและใสขอความอธบายอลบมตามตองการ แลวปม "บนทก"
การจดการเมนเมนประเภท อลบมรป (ตอ)
4. เมนอลบมรปทเพงเพมทเมนดานขาง 4. เมนอลบมรปทเพงเพมทเมนดานขาง สามารถใสรปภาพในอลบม โดยเลอกปม "Upload ภาพใหม"
(คณสมบตของรปภาพทจะอพโหลดในระบบอลบมรป นามสกลของไฟลรปภาพทรองรบ : .jpg , .gif , .png และขนาดของไฟลรป : ไมเกน 5 MB)
Page 18 of 52
�������
การจดการเมนเมนประเภท Link Menu
1. ทเมนดานขาง คลกปม "เพมเมน“
2. เลอกประเภทเมน ใหคลกปม "Link Menu“3. กรอกชอ Link Menu : ตงชอเมนตามตองการ
URL : ใหใส URL ของหนาเวบไซตปลายทางทตองการลงคไปถงประเภทการเปด Link เลอกเปดทบหนาเดม เมอ Link ไปภายในเวบ แล เลอกเปดหนาใหม เมอ Li k ไปเวบภายนอกและ เลอกเปดหนาใหม เมอ Link ไปเวบภายนอก
การจดการเมนเมนประเภท เวบบอรด
1 ทเมนดานขาง คลกปม "เพมเมน“1 ทเมนดานขาง คลกปม เพมเมน2. "เลอกประเภทเมน" ใหคลกปม "เวบบอรด“3 ตงชอเวบบอรดและขอความอธบายการใชงานเวบบอรดไดตามตองการ
Page 19 of 52
�������
การจดการเมนเมนประเภท เวบบอรด(ตอ)วธสรางกระท
1. เลอกเมน สรางกระทใหม ใ ไ 2. กรอกขอมลใหครบถวน ไดแก หวขอกระท,
ขอความอธบายหรอเนอหาของกระท, ชอผสรางกระท, และรหสปองกนสแปม จากนนคลกปม สรางกระทใหม
การจดการเมนเมนประเภท เวบบอรด(ตอ)วธสรางกระท (ตอ)
3. แสดงผลกระททสรางใหมในหนาเวบบอรด สามารถคลกทชอกระททตองการเพอดรายละเอยดและแสดงความคดเหนในกระทได คดเหนในกระทได
Page 20 of 52
�������
การจดการเมนเมนประเภท เวบบอรด(ตอ)สวนแสดงความคดเหนของกระท (ตอ)
หนารายละเอยดกระท จะปรากฎสวนสาหรบแสดงความคดเหน 2 รปแบบหนารายละเอยดกระท จะปรากฎสวนสาหรบแสดงความคดเหน 2 รปแบบ1. สวนแสดงความคดเหนในระบบโดยตรง
การจดการเมนเมนประเภท เวบบอรด(ตอ)
2. Facebook Commentซงระบบจะเชอมตอกบ Facebook Account สวนแสดงความคดเหนของกระท (ตอ)
ของผแสดงความคดเหน โดยสามารถเลอกใหความคดเหนทเขยนใน Facebook Comments แสดงบนหนา Profile Facebook
Page 21 of 52
�������
การจดการเมนเมนประเภท เวบบอรด(ตอ)วธแกไขเวบบอรด(ตอ)
สามารถนาเมาสไปคลกในบรเวณชอเวบบอรดและคาอธบายเวบบอรด เพอเปลยนแปลงแกไขขอมลได
การจดการเมนเมนประเภท เวบบอรด(ตอ)วธลบกระทและความคดเหน(ตอ)
การลบกระท เพยงคลกทไอคอน ถงขยะทอยดานขวาของกระทและคลก "ตกลง" ระบบจะทา การลบกระทดงกลาวออกจากระบบเวบบอรด
Page 22 of 52
�������
การจดการเมนเมนประเภท เวบบอรด (ตอ)วธลบกระทและความคดเหน(ตอ)
การลบความคดเหนในกระท คลกเขาไปในหนารายละเอยดของกระททตองการ จากนน คลกทไอคอน ถงขยะทอยดานขวาของความคดเหนและคลก "ตกลง" ระบบจะทาการลบความคดเหน
ดงกลาวออกจากกระทนน
การจดการเมนเมนประเภท เวบบอรด (ตอ)วธลบเวบบอรด(ตอ)
นาเมาสไปวางทเมนเวบบอรดทตองการลบ จะปรากฎสญลกษณ ใหนาเมาสไปวางท ฎสญลกษณคลกตวเลอก "ลบเวบบอรด" และคลก "ตกลง" เพอยนยนการลบเมนเวบบอรด
Page 23 of 52
�������
การจดการเมนเมนประเภท หนารวมเวบบอรด
1 ทเมนดานขาง คลกปม "เพมเมน“1 ทเมนดานขาง คลกปม เพมเมน2. "เลอกประเภทเมน" ใหคลกปม “หนารวมเวบบอรด“3 ตงชอเวบบอรดและขอความอธบายการใชงานเวบบอรดไดตามตองการ
การจดการเมนเมนประเภท หนารวมเวบบอรด (ตอ)
ป ใ ปรากฎเมน รวมเวบบอรด ทเพมใหมทเมนดานขาง (สามารถลากยายสลบตาแหนงเมนดวยวธการ Drag Drop ได) โดยระบบจะดงเวบบอรดกลมตาง ๆ มาแสดงผลในหนารวมเวบบอรดโดยอตโนมตบอรดกลมตาง ๆ มาแสดงผลในหนารวมเวบบอรดโดยอตโนมต
Page 24 of 52
�������
การจดการเมนเมนประเภท หนารวมเวบบอรด (ตอ)
แสดงผลเมนรวมเวบบอรดทเมนดานบนระดบ 1 และนาเมนเวบบอรดกลมตาง ๆ แสดงเปนเมนดานบนระดบ 2
การจดการเมนเมนประเภท หนารวมเวบบอรด
1 ตวอยาง แสดงผลเมนรวมเวบบอรดทเมนดานบนระดบ 1 และนาเมนเวบบอรดกลมตาง ๆ จดเกบในคลงเนอหาเพอซอนการแสดงผลบนหนาเวบไซต แตยงสามารถใชงานเวบบอรดทกๆกลมผานหนารวมเวบบอรดไดตามปกตทกๆกลมผานหนารวมเวบบอรดไดตามปกต
Page 25 of 52
�������
การจดการเมนเมนประเภท หนารวมเวบบอรด (ตอ)
วธลบเวบบอรด
ไป ป ใ ไป นาเมาสไปวางทเมนเวบบอรดทตองการลบ จะปรากฎสญลกษณ ใหนาเมาสไปวางทสญลกษณดงกลาว คลกตวเลอก "ลบเวบบอรด" และคลก "ตกลง" เพอยนยนการลบเมนเวบบอรดกลมนน ๆเวบบอรดกลมนน ๆ
การจดการ widget brandnerวธเพม Link Banner Widget
สามารถเพมรปภาพแบนเนอรทเมนดานขางเพอลงคไปยงหนาเวบไซตปลายทางทตองการ ทงภายในเวบไซตของทานและเวบไซตอนๆ โดยวธการ เพม Link Banner มขนตอนดงน
1. ทเมนดานขาง คลกปม "เพม Widget“2 ปรากฎหนาตาง "เลอกประเภท Widget" ใหคลกปม "Link 2. ปรากฎหนาตาง เลอกประเภท Widget ใหคลกปม Link
Banner"
Page 26 of 52
�������
การจดการ widget brandnerวธเพม Link Banner Widget (ตอ)
3. เพม Link Banner"3. เพม Link Bannerจากนน คลกปม "เลอกไฟลรป“4.เลอกรปภาพ เปนไฟล .jpg , .gif , และ .png
ป ไ 200 i l ไฟ ป ไ 5 MB)ขนาดของรปคอ : มความกวางไมเกน 200 pixels และขนาดของไฟลรป : ไมเกน 5 MB)
การจดการ widget brandnerวธเพม Link Banner Widget (ตอ)
5. รปภาพทอพโหลดในหนาตาง เพม Link Banner จากนนทาการกรอกขอมลใน URL : ใหใส URL ของหนาเวบไซตปลายทางทตองการลงคไปถงประเภทการเปด Link : ถาเปนลงคภายใน ใหแสดงผลทบหนาตางเดม ถาเปนลงคภายนอก ป ใ ป เลอกเปนหนาตางใหม คลกปม บนทก
Page 27 of 52
�������
การจดการ widget brandnerวธเพม แบบฟอรม Widget
1. ทเมนดานขาง คลกปม "เพม Widget“2. ปรากฎหนาตาง "เลอกประเภท Widget" ใหคลกปม
"แบบฟอรม“
การจดการ widget brandnerวธเพม แบบฟอรม Widget (ตอ)
ใหเลอกใชแบบฟอรมทตองการแสดงผลในหนาตาง "เลอกแบบฟอรม" ซงสามารถเลอกใชงาน ไดทงแบบฟอรมมาตรฐานทระบบสรางมาให หรอใชงานแบบฟอรมอสระทเวบมาสเตอรเปน
ผสรางเองได
Page 28 of 52
�������
การจดการ widget brandnerวธเพม แบบฟอรม Widget (ตอ)
การแกไขและลบ Widget แบบฟอรมนาเมาสไปวางทเมนทตองการ จะปรากฎสญลกษณ ใหนาเมาสไปวางทนาเมาสไปวางทเมนทตองการ จะปรากฎสญลกษณ ใหนาเมาสไปวางทสญลกษณดงกลาว เลอก "เลอกแบบฟอรทสรางไว" เพอเลอกแสดงผลแบบฟอรมชดอน ๆ หรอหากไมตองการแสดงผล Widget แบบฟอรมนบนหนาแบบฟอรมชดอน ๆ หรอหากไมตองการแสดงผล Widget แบบฟอรมนบนหนาเวบไซตแลว ใหคลกเลอก "ลบแบบฟอรมออกจากสวนน"
การจดการ widget brandnerวธเพม แบบฟอรม Widget (ตอ)
การตรวจสอบขอมลเมอมผกรอกแบบฟอรม ใ ระบบจะเกบขอมลในเมน "ขอมลตดตอ" หวขอ "รายการตดตอกลบ" สามารถ
เลอกดรายละเอยดการกรอกแบบฟอรมไดทกแบบฟอรมหรอแยกขอมลใหแสดงฟ ไ ฟ เฉพาะแบบฟอรมทตองการได สามารถ Export รายงานขอมลผกรอกแบบฟอรม
ออกมาในรปแบบไฟล Microsoft Excel ได
Page 29 of 52
�������
การจดการ widget brandner วธเพม วธเพม HTML Widget
1. ทเมนดานขาง คลกปม "เพม Widget“2. ปรากฎหนาตาง "เลอกประเภท Widget" ใหคลกปม “HTML“
การจดการ widget brandner วธเพม วธเพม HTML Widget (ตอ)
นา HTML Code วางลงในชองดานลางน (ไมรองรบ <script> หรอ <javascript>) ทาการวางโคด HTML ทคดลอกมาในชองวาง และคลก "บนทก" (ในตวอยางน
เปนโคดนบผชมเวบไซตจากเวบ www.histats.com คะ)
ตวอยาง HTML Widgetตวอยาง HTML Widget
Page 30 of 52
�������
การจดการ Section วธเพม วธเพม Social Buttons
ระบบเวบไซตพรอมใช VelaEasy มระบบเลอกแสดงปม เช อมตอกบ Social Network อยาง Facebook , Twitter, Google+ , Linkedln, Pinterestทาใหผเขาชมเวบไซตสามารถกด Like , Tweet หรอแชรขอมลสนคาหรอบรการจากเวบไซตไปยง
หนา Profile ของผเขาชมหรอแนะนาใหเพอนบนเวบไซต Social Network
2
1
การจดการ Section วธเพม วธเพม HTML Widget (ตอ)
Page 31 of 52
�������
การจดการ Section วธเพม วธเพม HTML Widget (ตอ)
การปด Section Social Buttons หากไมตองการให Social Buttons แสดงผลบนหนาเวบไซตสามารถตงคาไดโดย นาเมาสไปวางในบรเวณ Section Social Buttons จะปรากฎเวบไซตสามารถตงคาไดโดย นาเมาสไปวางในบรเวณ Section Social Buttons จะปรากฎสญลกษณ จากนนคลกคาสง "ลบ Section น" และคลก "ตกลง"
การจดการ Section วธเพม วธเพม Section แบบฟอรม
สามารถเพมแบบฟอรมตดตอกลบในหนาเวบไซต เพอใหผเขาชมเวบไซตกรอกขอมลสาหรบตดตอกลบ โดยมใหเลอกใช 2 รปแบบ คอ แบบฟอรมาตฐาน และ แบบฟอรมกาหนดเอง
22
1
Page 32 of 52
�������
การจดการ Section วธเพม วธเพม Section แบบฟอรม (ตอ)
1. แบบฟอรมมาตรฐาน คอ แบบฟอรมตดตอกลบทระบบกาหนดหวขอเพอรบการกรอกขอมลมาใหแลว ประกอบดวยหวขอ ชอ, นามสกล, เบอรโทรศพท, อเมลแอดเดรส,
และขอความ
การจดการ Section วธเพม วธเพม Section แบบฟอรม (ตอ)
2. แบบฟอรมกาหนดเอง คอ แบบฟอรมทกาหนดหวขอและรปแบบของชองรบขอมลในแบบฟอรมไดเองตามตองการ โดยมวธการจดการแบบฟอรมกาหนดเอง ดงน
2.1. วธเพมแบบฟอรมใหม เพม Section แบบฟอรมตามขนตอนในขอท 1. เมอปรากฎแบบฟอรมมาตรฐานแลว ใหนาเมาสเขาไปในบรเวณแบบฟอรม จะปรากฎ
สญลกษณ เมอนาเมาสไปชทสญลกษณใหคลกตวเลอก "สรางแบบฟอรมใหม"
Page 33 of 52
�������
การจดการ Section วธเพม วธเพม Section แบบฟอรม (ตอ)
อกรปแบบหนงคอ ไปทเมน "ตกแตง" จากนนคลก "แบบฟอรม" อกรปแบบหนงคอ ไปทเมน ตกแตง จากนนคลก แบบฟอรม แลวคลกปม "เพมฟอรมใหม"
การจดการ Section วธเพม วธเพม Section แบบฟอรม (ตอ)หมายเลข 1 หวขอและคาอธบายแบบฟอรม
หมายเลข 2 หวขอของชองรบขอมล หมายเลข 3 ชอปมสงขอมล หมายเลข 4 ชอแบบฟอรมสาหรบอางอง ซงจะแสดงผลใหเวบ
มาสเตอรเหนเฉพาะในสวนแกไขเวบไซต ไมแสดงผลบนหนาเวบไซตจรงคะ
Page 34 of 52
�������
การจดการ Section วธเพม วธเพม Section แบบฟอรม(ตอ)
สามารถเพมชองรบขอมลในรปแบบ Text Box (รบขอมลบรรทดเดยว เชน ชอ เบอรโทรศพท) หรอ Textarea (รบขอมลหลายบรรทด เชน ทอย ชองสาหรบแสดงความคดเหน) โดยคลกลากไอคอน
Textbox หรอ Textarea ทอยทางขวา ไปวางในแบบฟอรมดานซาย
การจดการ Section วธเพม วธเพม Section แบบฟอรม(ตอ)
เมอเพมชองรบขอมลแลว สามารถแกไขหวขอและ ยายสลบตาแหนงของหวขอ ใหแสดงผล กอน - หลง ไดตามตองการ เพยงนาเมาสไปชบรเวณชองรบขอมลทตองการ จะปรากฎ ใหคลกเมาสคางไวและลากชองขอมลไปยงตาแหนงทตองการ ดงรปตวอยาง
Page 35 of 52
�������
การจดการ Section วธเพม วธเพม Section แบบฟอรม(ตอ)
ทาการปรบตงคาแบบฟอรมแบบฟอรมใหมเสรจเรยบรอยตามตองการแลว คลกป ม "บนทก"
การจดการ Section วธเพม วธเพม Section แบบฟอรม(ตอ)
ระบบจะแสดงผลแบบฟอรมทสรางใหมในหนา "แบบฟอรม" ซงทานสามารถคลก เพอกลบไปแกไขแบบฟอรม หรอคลก เพอลบแบบฟอรมไดคะ
Page 36 of 52
�������
การจดการ Section วธเพม วธเพม Section แบบฟอรม (ตอ)
วธเลอกใชแบบฟอรมกาหนดเองบนหนาเวบไซตทตองการ คลกเขาสหนาเวบไซตทตองการ แลวเพม Section แบบฟอรมเมอปรากฎแบบฟอรมมาตรฐานแลว ใหนาเมาสเขาไปในบรเวณแบบฟอรม จะปรากฎสญลกษณ เมอนาเมาสไปชทสญลกษณดงกลาวแลว ใหคลกตวเลอก "เลอกแบบฟอรม
ไ จากทสรางไว"
การจดการ Section วธเพม วธเพม Section แบบฟอรม (ตอ)
"เลอกแบบฟอรม" ใหคลกเลอกใชแบบฟอรมกาหนดเอง"เลอกแบบฟอรม" ใหคลกเลอกใชแบบฟอรมกาหนดเอง
Page 37 of 52
�������
การจดการ Section วธเพม วธเพม Section แบบฟอรม (ตอ)
การแกไขหรอลบฟอรมกาหนดเอง **แบบฟอรมมาตรฐาน และ แบบฟอรมทมการใชงานอย ระบบจะไมอนญาตใหลบ
สาหรบแบบฟอรมกาหนดเองทถกเลอกใชงานบนหนาเวบไซตแลว ระบบจะไมอนญาตใหลบสาหรบแบบฟอรมกาหนดเองทถกยกเลกหรอไมมการเลอกใชงาน เขาไปทเมน "ตกแตง" คลก สาหรบแบบฟอรมกาหนดเองทถกยกเลกหรอไมมการเลอกใชงาน เขาไปทเมน "ตกแตง" คลก "แบบฟอรม" ระบบจะแสดงผลเครองมอ เพอกลบไปแกไขแบบฟอรม และ เพอลบแบบฟอรมได
การจดการ Section วธเพม วธเพม Section Show Box
Show Box" หรอ "การเพมกลองแสดงรายการ" จะปรากฎหวขอนในทกๆหนา เวบไซต เปนการเลอกแสดงกลมสนคาหรอบรการอน ๆ ทเกยวของกบเนอหาหรอเปน
กลมขอมลเดนทตองการประชาสมพนธเพมเตม
2
1
Page 38 of 52
�������
การจดการ Section วธเพม วธเพม Section Show Boxes (ตอ)
S S ใ ไ ป Section Show Boxes ในหนาเวบไซต จากนน คลกปม "เพมกลองแสดงรายการ"
การจดการ Section วธเพม วธเพม Section Show Boxes (ตอ)
"เลอกกลองแสดงรายการ" คลกเลอกทชอรายการทตองการแสดงผล
Page 39 of 52
�������
การจดการ Sectionวธเพม วธเพม Section Show Boxes (ตอ)วธเพม วธเพม Section Show Boxes (ตอ)
สามารถเพมกลองแสดงรายการและทาการ Drag & Drop หรอใชเมาส ลากและวาง เพอไ ไสลบตาแหนงการแสดงผลของกลองรายการไดตามตองการได
สามารถจดวางไดแบบ 1 columnและ 2 column ในหนาเวบไซต
การจดการ Sectionวธเพม วธเพม Section Show Boxes (ตอ)วธเพม วธเพม Section Show Boxes (ตอ)
สามารถกาหนดการแสดงผลของกลองแสดงรายการแตละกลมได โดยนาเมาสไปชท สญลกษณ ของกลองรายการทตองการ จะปรากฎตวเลอกการแสดงผลดงน
Page 40 of 52
�������
การจดการ Sectionวธเพม วธเพม Section Show Boxes (ตอ)วธเพม วธเพม Section Show Boxes (ตอ)
เปลยนรปแบบกลอง สามารถเลอกรปแบบกลองแสดงรายการไดทงหมด 3 รปแบบ
การจดการ Sectionวธเพม วธเพม Section Show Boxes (ตอ)วธเพม วธเพม Section Show Boxes (ตอ)
ลบกลองแสดงรายการ สามารถเลอกลบกลองรายการทไมตองการแสดงผลบนหนาไ โ เวบไซต โดยคลกทตวเลอก "ลบกลองแสดงรายการ" และคลก "ตกลง"
Page 41 of 52
�������
การจดการ Section วธเพม วธเพม Section Comments
เพอผ เขาชมเวบสามารถแสดงทศนคต ความคดเหนตาง ๆ ทมตอขาว สนคา และขอเขยน บทความทอยบนเวบไซตนน ๆ
2
1
การจดการ Section วธเพม วธเพม Section Comments(ตอ)
เพอผ เขาชมเวบสามารถแสดงทศนคต ความคดเหนตาง ๆ ทมตอขาว สนคา และขอเขยนบทความทอยบนเวบไซตนน ๆ
Page 42 of 52
�������
การจดการ Section วธเพม วธเพม Section ราคา
V l E เปนหนารายละเอยดสนคาพรอมจาหนายบนหนาเวบไซต สามารถVelaEasy เปนหนารายละเอยดสนคาพรอมจาหนายบนหนาเวบไซต สามารถกาหนดการแสดงผลราคาของสนคาชนนน ๆ และปมสงซอได
12
การจดการ Section วธเพม วธเพม Section ราคา (ตอ)
Section ราคาสนคาพรอมป มสงซอสนคาบนหนาเวบไซต ระบบจะแสดงผลราคาสนคาชนนน ๆ พรอมปมสาหรบสงซอบนหนาเวบไซต โดยทานสามารถพมพราคาสนคาตามตองการทชองราคา
Page 43 of 52
�������
การจดการ Section วธเพม วธเพม Section ราคา (ตอ)
กรณทตองการแสดงเฉพาะราคาสนคา (ไมแสดงป มสงซอ) สามารถตงคาไดโดย นาเมาสไปวางในบรเวณ Section ราคา จะปรากฎสญลกษณ จากนนเลอกคาสง "แสดง/ซอนปมสงซอ" เพอเปดหรอปดการแสดงผลปมสงซอ
การจดการ Section วธเพม วธเพม Section รายการยอยภายใตหวขอน
สามารถแสดงผลรายการสนคาชนอนทเปนเมนระดบ 2 อยภายใตหวขอเดยวกนภายใตสามารถแสดงผลรายการสนคาชนอนทเปนเมนระดบ 2 อยภายใตหวขอเดยวกนภายใตเมนดานบนหรอเมนดานขางระดบ 1 เดยวกนได โดยคลกปม "เพม Section"
1 2
Page 44 of 52
�������
การจดการ Section วธเพม วธเพม Section รายการยอยภายใตหวขอน (ตอ)
ตวอยางการแสดงผล
การจดการพนทดานลาง
เปนสวนทแสดงผลดานลางสดของเวบไซต สามารถพมพเนอหาไดโดยตรง โดยระบบจะทาการบนทกขอมลใหอตโนมต หรอ แกไขขอมลโดยใชเครองมอ Text Editor วธการมดงนขอมลใหอตโนมต หรอ แกไขขอมลโดยใชเครองมอ Text Editor วธการมดงน1. พมพเนอหาในพนทดานลางโดยตรงนาเมาสไปวางทพนทดานลาง ระบบจะแสดงแทบสเหลอง เมอทาการเพมหรอแกไขขอมลระบบจะทาการบนทกขอมลใหอตโนมต
ไ โ ใ 2. แกไขขอมลโดยใชเครองมอ Text Editorนาเมาสวางบนสญลกษณ คลก แกไขดวย Text Editor
Page 45 of 52
�������
วธการเขาดรายการตดตอกลบ
รายการตดตอกลบ เปนรายการทไดจากการกรอกขอมลผานแบบฟอรม ทไดกาหนดใชงานทหนาเวบไซต1 เมน "ขอมลตดตอ" > คลกท "รายการตดตอกลบ" ระบบจะแสดงขอมลของรายการตดตอกลบแบบ1. เมน ขอมลตดตอ > คลกท รายการตดตอกลบ ระบบจะแสดงขอมลของรายการตดตอกลบแบบ
ยอ คอ ID, วนท, ชอบทความ, และชอแบบฟอรม ซงเปนขอมลรวมจากทกแบบฟอรม - ระบบจะแสดงผลตวเลขจานวนขอความใหมทยงไมไดเปดอานในหวขอรายการตดตอกลบ - สามารถเลอกดเฉพาะขอมลจากแบบฟอรมใดแบบฟอรมหนง โดยเลอกชอแบบฟอรมทตองการ - สามารถทบรเวณขอความทตองการ เพอดรายละเอยดทงหมดของรายการตดตอกลบทตองการ
วธการเขาดรายการตดตอกลบ (ตอ) ป โ สามารถ Export รายละเอยดรายการตดตอกลบเปนMS โดยคลกทสญลกษณ ทมมลางขวาของ
หนารายการตดตอกลบ ระบบจะ Pop Up หนาตางสาหรบบนทกไฟลเอกสารรายการตดตอกลบใหสามารถจดเกบลงเครองคอมพวเตอรสามารถจดเกบลงเครองคอมพวเตอร
Page 46 of 52
�������
วธการเขาดรายการสงซอ
รายการสงซอ เปนรายการทไดจากการสงซอทหนาเวบไซต เมอมการสงซอเขามาระบบจะทาการสงอเมลแจงรายการสงซอไปยงผส งซอ เวบมาสเตอร และทขอมลตดตอของเวบไซตการสงอเมลแจงรายการสงซอไปยงผสงซอ เวบมาสเตอร และทขอมลตดตอของเวบไซตวธการเขาดรายการสงซอเมนขอมลตดตอ > คลกท เมนรายการสงซอ
วธการเขาดรายการสงซอ (ตอ)
เลขทรายการสงซอ เพอดรายละเอยดทงหมดของรายการสงซอนนๆ
Page 47 of 52
�������
วธการเขาดรายการสงซอ (ตอ)
หลงจากทคลก เลขทรายการสงซอแลวระบบจะแสดงรายละเอยดของรายการสงซอนนๆ
การตงคาระบบ VelaEasy
เมนท วไป อยภายใตเมน "ตงคา" ซงเปนหนาสาหรบจดการขอมลของผดแลเวบไซต ตงคาการแสดงผลบนโทรศพทมอถอ ตงคาการแสดงผลภาษา และตงคาเปดหรอปดเวบไซตชวคราว ในกรณแสดงผลบนโทรศพทมอถอ ตงคาการแสดงผลภาษา และตงคาเปดหรอปดเวบไซตชวคราว ในกรณทยงไมพรอมออนไลนหนาเวบไซต
1. ขอมลผดแลเวบไซต : เปนขอมลททาง ReadyPlanet ใชตดตอกบผดแลเวบไซต
Page 48 of 52
�������
การตงคาระบบ VelaEasy(ตอ)
2. Mobile Site : เปนรปแบบการแสดงผลเวบไซตทเหมาะสมกบหนาจอโทรศพทมอถอ Smart Phone ซงเหมาะสมกบหนาจอโทรศพทมอถอ Smart Phone ซงหากเลอก "เปดใชงาน" ผเขาเยยมชมเวบไซตดวยโทรศพทมอถอจะพบกบ Mobile Site แตถาไมเปดใชงาน ผเขาเยยมชมเวบไซตดวยโทรศพทมอถอจะพบกบหนาเวบไซตปกต (Full Site)
การตงคาระบบ VelaEasy(ตอ)3 ภาษาแสดงผล : ใชในการตงคาการแสดงผลภาษาหวขอของ แบบฟอรมตดตอกลบ ตะกรา3. ภาษาแสดงผล : ใชในการตงคาการแสดงผลภาษาหวขอของ แบบฟอรมตดตอกลบ , ตะกราสนคา, และอเมลรายการสงซอ โดยสามารถเลอกใหแสดงผลเปนภาษาไทย หรอ ภาษาองกฤษได4. ปดเวบไซตชวคราว : ใชในกรณหากทานตองการปดเวบไซตของทานชวคราวเพอปรบปรงรปแบบและเนอหา โดยไมตองการใหผชมเหนการเปลยนแปลงในระหวางทยงดาเนนการไมเสรจ5. ระบบชาระเงน รองรบการใหบรการระบบชาระเงนแบบบตรเครดต ของ PaysBuy.com
b ไ โดยสามารถตดตงระบบชาระเงนกบ PaySbuy ไดฟร
Page 49 of 52
�������
เมน เปลยนรหสผาน
หนาสาหรบเปลยนรหสผานทใชในการเขาสระบบจดการเวบไซต จะตองมความยาวอยางนอย 5 ตวอกษรหลงจากททานเปลยนรหสผานแลว ระบบจะทาการแจงรหสผานใหมนไปทอเมล ทไดกรอกไวในสวนของ เมน ทวไปของ เมน ทวไป
เมนขอมลสาหรบหนาแรกTitle Tag: เปนขอความทแสดงบน title bar ของ web browser ความยาวไมควรเกน 70 ตวอกษรMeta Description: เปนขอความอธบายรายละเอยดของเวบไซต ความยาวไมควรเกน 200ตวอกษรMeta Keywords:เปนขอความอธบายคยเวรดของเวบไซต ความยาวไมควรเกน 255 ตวอกษร
Page 50 of 52
�������
เมนขอมลสาหรบทกหนาHTML code ภายใต <head> : พนทนใชสาหรบใส HTML code เพอใหปรากฏอยภายใต <head> tag ของทกหนาในเวบไซต HTML code ทรองรบ ไดแก <meta> <script> และ <style> ตวอยาง
การใชงาน เชน การตดตง Google Verification (รองรบโคดรปแบบ <meta> tag เทานน)
เมนขอมลสาหรบทกหนา (ตอ)เลขบญช Google Analytics บรการตวเกบสถตเกยวกบผเขาชมเวบไซตจาก Google สมครใชงาน Google Analytics ไดท www.google.com/analytics
สามารถตดตงเลขบญช Google Analytic ในระบบเวบไซตพรอมใช VelaEasyได 2 รปแบบ (เลอกใชอยางใดอยางหนง) คอ ใช "เลขบญช" โดยนาเฉพาะเลขบญช Google Analytics ในรปแบบ UA-XXXXXXX X มาวางในชองเลขบญชแล คลก บนทก XXXXXXX-X มาวางในชองเลขบญชและคลก บนทก หรอ "ใช HTML Code" โดยนาโคดทไดจาก Google Analytics ทงชดมาวางในตวเลอกน และคลก บนทก
Page 51 of 52
�������
Li k Link เพมเตมoxygen.readyplanet.comwww.readyplanet.com/howto
หากทานเกดปญหา สามารถตดตอไดทinfo@readyplanet [email protected] ตอ 6 (ไดตลอด 24 ชวโมง)
103
Page 52 of 52
�������
