database-symbol
สอนสร้างเว็บแบบมืออาชีพ

ทำความรู้จัก Database

การสร้างเว็บไซต์ ถ้าเป็นเว็บไซต์บริษัท ที่ต้องการแจกแจงรายละเอียดที่อยู่ และ ข้อมูลพื้นฐานของสินค้าและบริการ เราอาจไม่จำเป็นต้องสร้างเว็บไซต์ที่ใช้ระบบฐานข้อมูล แต่ถ้าเป็นเว็บไซต์ที่มีข้อมูลจำนวนมากๆ มีตัวอย่างสินค้าหลายร้อยชนิด เราจำเป็นจะต้องอาศัยการสร้างเว็บที่มีระบบจัดเก็บข้อมูล หรือที่เราเรียกว่า ฐานข้อมูล (Database)

web color
สอนสร้างเว็บแบบมืออาชีพ

การใส่สีสรร บนเว็บไซต์

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

http icon
สอนสร้างเว็บแบบมืออาชีพ

การทำงานของ HTTP

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

html-html
สอนสร้างเว็บแบบมืออาชีพ

เว็บไซต์หน้าเดียว คุณรู้จักไหม

แค่ชื่อหัวเรื่อง อาจทำให้หลายๆ คนคิดมากไปว่า เป็นไปได้หรือที่เว็บไซต์ของเราจะมีหน้าเดียว และจะมีประโยชน์อะไร แต่เชื่อเหอะ เป็นไปได้อย่างแน่นอน เพราะปัจจุบันก็มีหลายๆ เว็บที่ทำแบบนี้ (แต่คุณอาจยังไม่เคยเห็นก็ได้) เว็บไซต์หน้าเดียวหรือ Single Page website เหมาะสำหรับเว็บที่มีจำนวนหน้าไม่มากนัก ประมาณ 3-6 หน้า อย่าเพิ่งงง น่ะครับว่า ตกลงจะหน้าเดียวหรือหลายหน้า เอาเป็นว่า บทความนี้จะมาแนะำนำเพื่อนๆ ให้รู้จัก และลองทำดู

html_5 logo small
สอนสร้างเว็บแบบมืออาชีพ

Elements ที่เลิกใช้ใน HTML5

สำหรับผู้พัฒนาเว็บไซต์ด้วย HTML5 ซึ่เป็นเวอร์ชั่นใหม่ล่าสุดในปี 2556 นี้ แน่นอนย่อมมีคำสั่งใหม่ๆ น่าใช้มากมากย เพราะเป็นการอัพเกรดจากเวอร์ชั่น 4 มาเป็น 5 เลย แต่อย่างไรก็ตาม HTML5 ได้มีการตัดคำสั่งหรือ Elements ออกไปบางส่วน (ซึ่งก็ไม่เข้าใจว่า ตัดทำไม) ซึ่งแน่นอน ถ้าเราต้องการใช้ความสามารถของ HTML5 แบบเต็มประสิทธิภาพ ก็ควรตรวจสอบให้ดีว่า มี Elements ไหนบ้างที่เลิกใ้ช้งาน และจะได้ไม่นำไปใช้งานอีก

html-html
สอนสร้างเว็บแบบมืออาชีพ

คำสั่งมาตราฐาน HTML 4.01

การเรียนภาษา ก็ต้องอาศัยการท่องศัพท์ การจะเขียนเว็บเพจ ก็ต้องจดจำคำสั่ง และเพื่อให้การสร้างเว็บด้วยภาษา HTML เป็นเรื่องที่ง่ายขึ้น บทความนี้จึงได้รวบรวมคำสั่งของ HTML หรือที่เราเรียกว่า แท็ก (Tag) ?สำหรับวิธีการดูว่าอะไรคือแท็ก ให้ดูที่เครื่องหมาย < (อ่านว่าน้อยกว่า) และ > (อ่านว่ามากกว่า)?เป็นหลัก ตัวอย่างเช่น คำสั่ง ขึ้นบรรทัดใหม่ สามารถใช้แท็ก <br> เป็นต้น

html_5 logo small
สอนสร้างเว็บแบบมืออาชีพ

ทำความรู้จัก HTML5

ภาษา HTML  HMTL (HyperText Markup Language) คือภาษาในการเขียนเว็บไซต์ที่เป็นมาตราฐาน มีการพัฒนาอย่างต่อเนื่องจนถึงปัจจุบัน ปี 2556 นี้ เป็นเวอร์ชั่น 5 แล้ว แต่การจะพัฒนาเว็บให้ได้สมบูรณ์นั้น เราจำเป็นต้องเรียนรู้และใช้เครื่องมืออื่นๆ อีก เช่น CSS และ JavaScripts เ็ป็นต้น บ้าง เพื่อให้เว็บสามารถแก้ไขและบริหารจัดการได้ดียิ่งขึ้น และโดยเฉพาะ CSS ซึ่งเว็บรุ่นใหม่มีการใช้กันหมด แต่ไม่อยากหรอกครับ มีตัวอย่างให้เลือกนำไปใช้ได้มากมาย

wordpress logo small
สอนสร้างเว็บแบบมืออาชีพ

5 WordPress Plugins ไม่มีไม่ได้

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

wordpress logo small
สอนสร้างเว็บแบบมืออาชีพ

ทำความรู้จัก Featured Image

ระหว่างการเขียนบทความบน WordPress หลายๆ คนคงเคยเห็นหัวข้อ Featured Image?ซึ่งจะเป็นคำสั่งอยู่ทางตอนท้ายๆ ของการเขียนบทความ (คอลัมภ์ด้านขวา) แต่เชื่อหรือไม่ครับ คนส่วนใหญ่กลับไม่ทราบว่า Featured Image เอาไว้ใช้ทำอะไร บทความนี้จะมาไขความกระจ่าง ความหมายและการนำไปใช้ของ คำสั่งนี้ แล้วเพื่อนๆ จะทราบว่ามีประโยชน์อย่างไร

wordpress logo small
สอนสร้างเว็บแบบมืออาชีพ

ทิป นำ Page มาแสดงหน้าแรกแทน

อย่างที่เคยเกริ่นไว้แล้วในบทความที่ผ่านมา เกี่ยวกับการแสดงผลของ WordPress ว่า บทความที่โพสต์ใหม่ล่าสุด จะแสดงที่ด้านบนสุดของหน้าแรก ส่วนบทความเก่า ก็จะถูกดันลงมาต่อไปเรื่อยๆ ซึ่งหลักการนี้ มีการใช้งานกับ WordPress ในทุกๆ เวอร์ชั่น แต่อย่างไรก็ตาม WordPress เองก็มีการอนุญาตให้ปรับแต่งโดยเอาหน้า Pages มาแสดงที่หน้าแรกแทนได้ ซึ่งเราเรียกเรา static page นั่นเอง