บทที่ 2 เอกสารและงานวิจย ั ทีเ่ กีย ่ วข ้อง 2.1 วิธส ี ร ้างเว็บไซต์ 2.2 โปรแกรมเว็บ 1. เริม ่ ต ้นสร ้างเว็บไซต์ ด ้วยการเชา่ โฮสต์ เรามาเริมต้ ่ นสร้างเว็บไซต์ด้วยการจดโดเมนและเชา่ โฮสต์ก ันก่อน ้ ริการของที่ www.hostatom.com อยูน เลยดีกว่าค่ะ เราใชบ ่ ะคะ เลยขอแนะนำทีน ่ เ่ี พราะโฮสติงที ้ นี ่ ม ่ ค ี วามสเถียรและมีบริการชว่ ย เหลือลูกค้าดีเยีย ่ มค่ะ และทีน ่ ส ่ี ามารถจดโดเมนและเชา่ โฮสท์ไป พร้อมๆก ันได้เลยค่ะ ้ ะเป็นระบบ Direct Admin ซง่ึ ปัจจุบ ันทาง ทีอ ่ ธิบายไว้ในหน้านีจ Hostatom เค้าได้มก ี ารปร ับระบบการใชง้ านหล ังบ้านให้เป็นระบบ Plesk ทีม ่ ค ี วามท ันสม ัยกว่า น่าใชง้ านมากกว่า หากเพือ ่ นๆ อ่านตาม แล้วงงเพราะหน้าตาการใชง้ านไม่เหมือนก ัน ตามมาอ่านการใชง้ าน ระบบ Plesk ได้ทน ่ี ค ่ี ะ่ โฮสต์ WordPress
2. เลือกแพคเกจโฮสติง้ เราแนะนำแบบ WP-1 ทีเ่ หมาะก ับการใช ้ WordPress โดยเฉพาะ สามารถเพิมโดเมนได้ ่ ไม่จำก ัด เผือ ่ ใครอยากจะมีมากกว่าหนึงเว็ ่ บ ้ ้องมีข ้อมูลและรูปภาพอ ัดแน่น จะ หรือคิดว่าในเว็บทีเ่ ราจะทำต่อไปนีต ้ื ไปแล้วก็ ้ ทีเ่ อาไว้สำหร ับอนาคต แพคเกจเหล่านีเ้ มือ ได้เผือ ่ พืน ่ ซอ สามารถปร ับเพิมได้ ่ ตามความต้องการนะคะ และทีจะบอกอี ่ กเรือ ่ งคือ ้ า่ ยคิดเป็นรายปี นะคะ เรียกว่าคุมสุ ค่าใชจ ้ ดๆ
Hostatom-WP ้ื สน ิ ค ้าที่ WP-1 3. กดเลือกซอ Hostatom-Wordpress
4. เลือกจดโดเมน ่ื ทีเราคิดม อย่างแรกอาจจะต้องใชเ้ วลานิดนึงถ้าชอ ่ ันซ้ำก ับทีเค้ามี ่ อยู่ ่ื เผือ ่ ค้นหาดูคะ่ แนะนำให้ใช ้ แล้ว ไม่เป็นไรคิดชอ ่ เอาไว้แล้วลองสุม ่ื ทีเราคิดไว้ แบบ .com นะคะ เพราะเป็นสากลดีค่ะ แต่ถา้ ชอ ่ ม ันซ้ำก็ ลองเปลีย ่ นต ัวต่อท้ายให้เป็น .net .th ดูก็ได้ค่ะไม่มป ี ญ ั หา โดเมนโฮ สอะตอม
้ื ให ้เรียบร ้อยนะคะ 5. กดสง่ั ซอ Hostatom-WP2
6. ล็อกอินเข ้าไปทีโ่ ฮสต์ หรือผู ้ให ้บริการของเรา ก็ล็อกอินเข้ามาทีห ่ น้า Account ของต ัวเองได้เลยค่ะ ทีหน้ ่ า ้ ะคะ จากนนก็ Account ก็จะมีหน้าตาแบบนีน ้ั กดเลือกทีบริการ ่ > ิ าและบริการทีท สนค้ ่ า่ นใชง้ านอยู่ > เข้าสู่ Direct Admin
7. เลือกทีไ่ อคอนรูปกล่องบริการ wordpress ติดตง้ั
ิ ค ้า/บริการทีใ่ ชงานอยู ้ 8. เลือกที่ สน ่
Hostatom-WP3
9. เลือก เข ้าสู่ DirectAdmin ติดตง้ั WordPress Hostatom
ั ลักษณ์ WordPress เลยค่ะ 10. เลือกทีต ่ วั สญ
11. จากนัน ้ ก็กดปุ่ม Install Now ติดตงเวิร์ดเพรส ้ั
12. ตัง้ ค่าตามนีค ้ ะ่
ั กน้อยนะคะ เมือ ้ กเล็ แวะตงค่ ้ั าทีห ่ น้านีซ ่ ตงค่ ้ั าตามวิธีทบอกก็ ่ี กดปุ่ม Install ได้เลยค่ะ ติดตง้ั WordPress 2020
13. รอติดตัง้ WordPress ให ้เสร็จ ั รอสกครู ก ่ ็จะได้หน้าเว็บของเราแบบโล่งๆ คลีน ๆ ตามนีเ้ ลยค่ะ
14. วิธเี ข ้าหลังบ ้านของตัวเว็บ
ั กน้อย ด้วยการพิมพ์ หน้าทีต ่ อ ่ ไปก็คอ ื การแวะเข้าไปดูหล ังบ้านสกเล็ ่ื เว็บนะคะ จากนนก็ คำว่า /wp-admin ต่อท้ายจากชอ ้ั ใส่ Username ้ ะ่ และ Password ลงไป เสร็จแล้วเค้าก็จะพาเรามาทีหน้ ่ านีค
15. ตัง้ ค่าวันทีแ ่ ละเวลา เข้ามาตงค่ ้ั าตรง Settings > General เลือก Timezone แล้วก็ตง้ั ว ันทีใ่ ห้เป็นแบบ ว ัน เดือน ปี จากนนก็ ้ั กด Save
16. ตัง้ ค่า Permalink ่ื บทความของเรา ้ ็ นชอ เพือ ่ เวลาทีเ่ ราโพสต์บทความที่ Url จะได้ขึนเป กด Save อีกที
17. วิธก ี าร Install Theme ้ ือการลง Theme เอาล่ะ เกือบจะพร้อมใชง้ านแล้ว ขนตอนต่ ้ั อจากนีค ค่ะ ซง่ึ ทาง WordPress ก็ม ี Theme ฟรีให้เลือกหลากหลายเลย แต่ ข้อจำก ัดของม ันคือปร ับแต่งได้น้อยมากและมีโลโก้ของ Theme ติด ้ื Theme ี เงินซอ มาด้วยเวลาทีเ่ ราใชง้ าน เพราะฉะนนแนะนำให้ ้ั เสย ไปเลยดีกว่าค่ะ เราแนะนำ Theme Flatsome นะคะ เพราะใชง้ าน ้ ำเป็นเว็บแบรนด์หรือ เว็บไซต์ให้ ง่ายและสะดวกทีส ่ ด ุ แล้ว จะใชท ้ ำเป็นเว็บร้านค้า มีระบบรองร ับ ข้อมูลสำหร ับองค์กรก็ได้ หรือจะใชท ้ื ขายอย่าง Woocommerce ก็ทำได้ดีเชน ่ ก ัน ดูว ิธีต ิดตงได้ที การซอ ้ั ่ นีเ่ ลยค่ะ
18. ปรับแต่งหน ้าเว็บตามทีช ่ อบ เมือ ่ ติดตง้ั Theme ก ับ WordPress เสร็จเรียบร้อยแล้วก็ไปปร ับแต่ง หน้าเว็บก ันตามทีอ ่ ยากได้ตอ ่ ไปเลย
โปรแกรมสำหรับสร้างเว็บ โปรแกรม AdobeDreamweaver คือ Dreamweaver คือโปรแกรมสร้างเว็บเพจแบบ เสมือนจริ งของค่าย Adobe ซึ่ งช่วยให้ผทู้ ี่ตอ้ งการสร้างเว็บเพจไม่ตอ้ งเขียนภาษา HTML หรื อโค๊ด โปร แกรมเองหรื อที่ศพั ท์เทคนิคเรี ยกว่า"WYSIWYG โปรแกรม Dreamweaver มีฟังก์ชนั ที่ท ำให้ผู ้ ใช้สามารถจัดวางข้อความรู ปภาพตารางฟอร์มวิดีโอรวมถึงองค์ประกอบอื่นๆภายในเว็บเพจได้อย่างสวยงาม ตามที่ผใู ้ ช้ตอ้ งการโดยไม่ตอ้ งใช้ภาษาสคริ ปต์ที่ยุง่ ยากซับซ้อนเหมือนก่อน Dreamweaver มีท้ งั ในระ
บบปฏิบตั ิการแมคอินทอชและไมโครซอฟท์วินโดวส์ Dreamweaver ยังสามารถทำงานบนระบบ ปฏิบตั ิการแบบยูนิกซ์ ผ่านโปรแกรมจำลองอย่าง WINE ได้
โปรแกรม JOOMLA คือ CMS ต ัวหนึงจากหลาย ่ ๆ ต ัวทีได้ร ่ ับความ นิยมในปัจจุบ ัน สำหร ับคุณทีย ่ ังไม่รจ ู ้ ักว่า CMS คืออะไร ขออธิบาย ้ั ๆ เพิมเติมด ้ ร ับ CMSนนเป สน ่ ังนีค ้ั ็ นอ ักษรย่อของ คำว่า "Content Management System" ซง่ึ เมือ ่ แปลเป็นภาษาไทย หมายถึง ระบบ ่ิ เราจะต้อง ้ หาของเว็บไซต์ นันหมายความว่ บริหารจ ัดการเนือ ่ า สงที ่ ่ การเพิมบทความ ้ หาของเว็บไซต์ เชน ดูแลก็คอ ื เนือ ่ การเพิมรู ่ ปภาพ หรือการปร ับแต่งโยกย้ายโมดูลต่าง ๆ ไม่จำเป็นจะต้องมานงเขียน ่ั Code ด้วยภาษา HTML, PHP, SQL เพียงแต่เรียนรูว้ ิธีการติดตง้ั การปร ับแต่ง การใชง้ าน CMS เท่านน ้ั สำหร ับ Code ต่าง ๆ ทีนำมาส ่ ร้าง และ ออกแบบเว็บไซต์ จะทำโดยทีมงานของผูพ ้ ัฒนา
โปรแกรม WordPress คือ โปรแกรม สำเร็ จรู ปตัวหนึ่ง ที่เอาไว้สำหรับสร้าง บล็อก หรื อ เว็บไซต์ สามารถใช้งาน ได้ฟรี ถูกจัดอยูใ่ นประเภท CMS (Contents Management System) ซึ่งหมายถึง โปรแกรมสำเร็ จรู ปที่มีไว้ สำหรับสร้างและบริ หารจัดการเนื้ อหาและข้อมูลบนเว็บ ไซต์
WordPress ได้รับการพัฒนาและเขียนชุดคำสัง่ มาจากภาษา PHP (เป็ นภาษาโปรแกรมมิ่งตัวหนึ่ง) ทำงานบนฐานข้อมูล MySQL ซึ่ งเป็ นโปรแกรมสำหรับจัดการฐานข้อมูล มีหน้าที่เก็บ เรี ยกดู แก้ไข เพิ่มและลบข้อมูล การใช้งาน WordPress ร่ วมกับ MySQL อยู่ ภายใต้สญ ั ญาอนุญาตใช้งานแบบ GNU General Public License
WordPress ได ้รับการพัฒนาและเขียนชุดคำสง่ั มาจากภาษา PHP (เป็ น ภาษาโปรแกรมมิง่ ตัวหนึง่ ) ทำงานบนฐานข ้อมูล MySQL ซง่ึ เป็ นโปรแกรม สำหรับจัดการฐานข ้อมูล มีหน ้าทีเ่ ก็บ เรียกดู แก ้ไข เพิม ่ และลบข ้อมูล การ ้ ั ญาอนุญาตใชงาน ้ ใชงาน WordPressร่วมกับ MySQLอยูภ ่ ายใต ้สญ แบบGNUGeneralPublicLicenseWordPress ปรากฏโฉมครัง้ แรกใน โลกเมือ ่ ปี พ.ศ. 2546 (2003) เป็ นความร่วมมือกันระหว่าง Matt Mullenweg และ Mike Littlej มีเว็บไซต์หลักอยูท ่ ่ี http://wordpress.org และยังมีบริการ Free Hosting (พืน ้ ทีส ่ ำหรับ ้ การ เก็บทุกอย่างของเว็บ/บล็อก) โดยขอใชบริ ได ้ทีh ่ ttp://wordpress.comปั จจุบน ั นีW ้ ordPressได ้รับความนิยมเพิม ่ ้ ขึน ้ อย่างรวดเร็วจนมีผู ้ใชงาน มากกว่า 200 ล ้านเว็บบล็อกไปแล ้ว แซงหน ้า CMS ตัวอืน ่ ไม่วา่ จะ ้ เป็ นDrupalMamboและJoomlaสาเหตุเป็ นเพราะ ใชงานง่ ายไม่จำเป็ น ต ้องมีความรู ้ในเรือ ่ งProgramingมีรป ู แบบทีส ่ วยงามอีกทัง้ ยังมีผู ้ พัฒนาThem
้ อย่าง (รูปแบบการแสดงผล) และ Plugins (โปรแกรมเสริม) ให ้เลือกใชฟรี มากมาย