Templates by BIGtheme NET
สวัสดีค่ะ enjoyday.net เป็น Blog ที่ให้ข้อมูลความรู้เกี่ยวกับการทำเว็บไซต์ แนะนำการสร้างเว็บไซต์ สอนทำเว็บตั้งแต่พื้นฐาน สอน HTML, CSS, XHTML แนะนำการใช้งาน CMS ต่างๆ เช่น Wordpress, Joomla! และ PrestaShop

สำหรับผู้เริ่มต้นที่ยังงงๆ ไม่รู้จะเริ่มต้นตรงไหน ให้เริ่มที่นี่หัวข้อ สอนการสร้างเว็บไซต์

ถ้ากำลังมองหาบทเรียนออนไลน์สอนเขียนเว็บเพจ ก็ที่นี่เลย ...

ในปัจจุบันเว็บไซต์ส่วนใหญ่จะไม่ทำเว็บด้วยการเขียนเว็บเพจทีละหน้าเองแล้ว แต่จะอาศัย CMS (Content Management System) เช่น Wordpress, Joomla! ซึ่งเป็นระบบการจัดการเนื้อหาของเว็บไซต์อย่างอัตโนมัติ โดยที่ไม่ต้องมีความรู้ด้านการเขียนโปรแกรมมาก่อน

ถ้าผู้อ่านสนใจจะทำ Blog อย่าง enjoyday.net สามารถศึกษาได้จากหัวข้อ การสร้าง Blog ด้วย Wordpress หรือสนใจอยากทำเว็บไซต์ด้วย CMS ลองศึกษาจากหัวข้อ การสร้างเว็บไซต์ด้วย Joomla! ค่ะ

ส่วนการทำเว็บร้านค้าออนไลน์ก็เช่นกัน จะอาศัย CMS เช่น PrestaShop, OpenCart และ Magento เป็นต้น

นอกจากนี้ ภายใน Blog ยังมีเรื่องราวต่างๆ ที่น่าสนใจในแวดวงคอมพิวเตอร์และอินเตอร์เน็ต อ่านได้จาก Categories ที่วางอยู่ด้านขวามือ

หวังว่า Blog นี้จะเป็นประโยชน์ต่อผู้สนใจทำเว็บไซต์ทั้งหลายนะคะ ^^

WordPress Theme & Plugin ที่ใช้ใน enjoyday

Theme ที่ใช้ใน enjoyday คือ disaster-right + coolbreez จาก wpdots.net  enjoyday ใช้ 2 Theme มา mix กัน   เป็น Theme ที่เรียบง่าย ใส่ภาพที่ด้านหน้าแต่ละบทความได้ มีที่ใส่โฆษณาด้านขวา และท้ายบทความยังใส่ Social Bookmark ไว้ให้ด้วย ภายหลัง enjoyday ได้มีการแก้ไข style sheet ใหม่พอสมควรค่ะ . Plugin ที่ใช้ใน enjoyday 1. Akismet เป็น Plugin ที่ใช้สำหรับป้องกัน spammer ทั้งหลาย ที่ชอบมาโพสท์ comment ที่ไม่เกี่ยวข้องกับเนื้อหาในเว็บ    Akismet เป็น plugin มาตรฐานที่ติดมาพร้อมกับตัว wordpress  ...

อ่านต่อ »

วิธีการติดตั้ง Plugin ให้ WordPress

WordPress Plugin เป็นส่วนเสริม หรือลูกเล่นที่เราใส่เพิ่มเข้าไปใสโปรแกรมหลัก ให้มีความสามารถมากขึ้น เช่น การทำ Related Post, นับจำนวนคนอ่านบทความ, การตัดบทความที่ยาว แล้วแสดงเป็นลิงค์ Continue reading แทน, การทำ Poll และอื่นๆ อีกมากมายค่ะ วิธีการติดตั้ง Plugin 1. ให้ไปที่เว็บไซต์ http://wordpress.org/extend/plugins/ :ลิงค์ออก: หรือเว็บไซต์อื่นที่แจก Plugin ของ WordPress ฟรี เช่น http://lesterchan.net/portfolio/programming/php/ หรือ สามารถ Search หาจาก Google.com ได้ค่ะ . 2. ในเว็บไซต์ของ WordPress จะมี Plugin ให้เราเลือกมากมาย ลองคลิกเข้าไปอ่านความสามารถ วิธีการติดตั้ง วิธีการใช้งานก่อน ถ้าถูกใจแล้วก็ดาวน์โหลดมาเก็บไว้ที่เครื่องเราเลยค่ะ . ...

อ่านต่อ »

วิธีการเปลี่ยน Theme ให้ WordPress

เราสามารถเปลี่ยนหน้าตาของ Blog ของเราใหม่ด้วยการเปลี่ยน Theme หรือรูปแบบการแสดงผล ซึ่งมีผู้พัฒนามาให้เราเลือกใช้กันฟรีๆ มากมายเลยค่ะ 1. ให้ไปที่เว็บไซต์ http://wordpress.org/extend/themes/ :ลิงค์ออก: หรือเว็บไซต์อื่นที่แจก Theme ของ WordPress ฟรี เช่น http://www.ezwpthemes.com http://newwpthemes.net สามารถ Search หาจาก Google.com ได้ค่ะ 2. ในเว็บไซต์ของ WordPress จะมี Theme ให้เราเลือกมากมาย ลอง Preview ดูก่อน ถ้าถูกใจแล้วก็ดาวน์โหลดมาเก็บไว้ที่เครื่องเราเลยค่ะ หลายๆ Theme ก็ได้ค่ะ 3. เมื่อได้ไฟล์ Theme.zip มาแล้ว ให้แตกไฟล์ แล้ว Upload ทั้ง folder ไปที่ Host ตาม path ...

อ่านต่อ »

วิธีติดตั้ง WordPress 2.7 แบบ step by step

เมื่อตกลงปลงใจจะสร้าง Blog แล้ว ก็มาดูวิธีการติดตั้ง WordPress กันค่ะ วิธีติดตั้ง WordPress 2.7 แบบ step by step บน Host โดยจัดการฐานข้อมูลผ่านทางหน้าจัดการเว็บไซต์ Control Panel แบบ cPanel (Host บางเจ้าอาจจะใช้ Control Panel คนละตัวกับตัวอย่าง แต่หลักการยังคงเหมือนกันค่ะ) 1. ดาวน์โหลดตัวติดตั้ง WordPress ไปที่เว็บไซต์ http://www.wordpress.org คลิกที่ Download เพื่อดาวน์โหลดตัวติดตั้ง WordPress . 2. สร้างฐานข้อมูล MySQL สำหรับจัดเก็บข้อมูล Blog และสร้างผู้ใช้งาน ให้เข้าไปหน้าจัดการเว็บไซต์ของคุณ (cPanel) คลิกที่ MySQL Database สร้างเสร็จแล้ว ให้จดชื่อ Database, ...

อ่านต่อ »

เกี่ยวกับ WordPress

WordPress คืออะไร? WordPress เป็น software แบบ Open Source  ใช้สำหรับสร้างเว็บไซต์แบบ Blog :ลิงค์: พัฒนาโดยใช้ภาษา PHP ใช้งานร่วมกับระบบฐานข้อมูล MySQL มีความง่ายในการติดตั้ง และการใช้งาน   มีผู้ออกแบบและพัฒนา Theme หรือรูปแบบการแสดงผลหน้าตา Blog ต่างๆ ให้เลือกใช้กันฟรีๆ มากมาย   รวมทั้งสามารถติดตั้ง Plugin เพื่อเพิ่มความสามารถของ Blog ได้อีกด้วย ด้วยความที่ใช้งานง่าย และมีความยืดหยุ่นนี้เอง ทำให้ WordPress ได้รับความนิยมจาก Blogger ทั่วโลก ไม่เว้นแม้แต่ประเทศไทย (รวมถึง enjoyday ด้วยค่ะ)   การที่คนใช้งานกันเยอะนี้เอง ทำให้ WordPress ได้รับการพัฒนาให้ดีขึ้นอย่างต่อเนื่อง  หาข้อมูลการใช้งานต่างๆ ได้ง่าย จุดเด่นอีกเรื่องของ WordPress ก็คือ มัน Friendly กับ ...

อ่านต่อ »

สร้างเว็บไซต์แบบมืออาชีพในพริบตาด้วย Web CMS

ในบทความก่อนๆ มีการกล่าวถึง Web CMS อยู่หลายครั้ง ในบทความนี้เราจะได้ทำความรู้จักกับ Web CMS  แบบจริงๆ จังสักที… ปัจจุบันมีเว็บไซต์เกิดขึ้นใหม่มากมาย เนื่องจากผู้สร้างเว็บสมัยนี้ไม่จำเป็นต้องเรียนรู้การเขียนโปรแกรมภาษา HTML หรือภาษา script ต่างๆ เช่น PHP, ASP, JavaScript เหมือนสมัยก่อน ก็สามารถใช้ Web CMS ในการสร้างเว็บไซต์ขึ้นได้อย่างง่ายดาย โดยใช้เวลาไม่กี่นาที แถมหน้าตาเว็บที่ได้ก็ยังเหมือนมืออาชีพทำอีกด้วย !! Web CMS คืออะไร ? Web CMS (Web Content Management System) คือ software ระบบจัดการเนื้อหาเว็บไซต์ หรือ เว็บไซต์สำเร็จรูป (ซึ่งเป็นคำเรียกให้มือใหม่เข้าใจง่าย) ถูกออกแบบมาให้ใช้งานได้ง่าย ตั้งแต่การติดตั้ง การสร้างและการจัดการดูแลเนื้อหา เหมาะสำหรับผู้ที่ไม่มีพื้นฐานด้านการเขียนโปรแกรม (หรือจะมี ก็ไม่ว่ากันค่ะ) ...

อ่านต่อ »

4.4 ลงมือสร้างเว็บไซต์

สำหรับตัวอย่างการสร้างเว็บไซต์ที่ enjoyday วางแผนไว้ว่าจะนำเสนอนั้น บางส่วนอยู่ระหว่างการจัดทำ แบ่งเป็น 1. การสร้าง Blog โดยใช้โปรแกรมเว็บสำเร็จรูป CMS : WordPress ตัวอย่างเว็บ Blog : enjoyday.net นี่แหละค่ะ « บทความเรื่อง การสร้าง Blog ด้วย WordPress » 2. การสร้างเว็บไซต์ โดยใช้โปรแกรมเว็บสำเร็จรูป CMS : Joomla ตัวอย่างเว็บไซต์ : enjoychinese.net เป็นเว็บสอนภาษาจีน (อีกเว็บไซต์หนึ่งของผู้เขียนเองค่ะ) « บทความเรื่อง การสร้างเว็บไซต์ด้วย Joomla! » 3. การสร้างเว็บไซต์แบบเขียนหน้าเว็บเพจเองโดยใช้ HTML, CSS, XHTML แบบนี้จะเหมาะกับเว็บไซต์ที่มีจำนวนหน้าเว็บเพจไม่มาก ที่ไม่มีการเปลี่ยนแปลงบ่อยๆ ตัวอย่างเว็บไซต์ #1 : ...

อ่านต่อ »

4.3 โปรแกรมสำหรับใช้งานในการสร้างเว็บไซต์

โปรแกรมสำหรับใช้งานในการสร้างเว็บไซต์ที่จำเป็น ได้แก่ 1. โปรแกรมสำหรับพัฒนาเขียนเว็บเพจ สำหรับตัวที่แนะนำคือ EditPlus กับ Adobe Dreamweaver กรณีที่เราออกแบบเว็บไซต์และเขียนเว็บเพจแต่ละหน้าเอง แนะนำให้ใช้ Adobe Dreamweaver ค่ะ ก่อนใช้งานโปรแกรม Adobe Dreamweaver เราจะต้องมีความรู้พื้นฐานภาษา HTML ก่อนนะคะ ไม่งั้นงงแย่ เว็บไซต์ที่สอนการใช้งานโปรแกรม Adobe Dreamweaver CS3 (ณ ตอนนี้ โปรแกรม Adobe มาถึงเวอร์ชั่น CS4 แล้วค่ะ) ลองเข้าไปศึกษาได้ค่ะ http://www.bloggang.com/viewdiary.php?id=tutorcat&month=12-2007&date=12&group=1&gblog=1 ส่วนกรณีที่เราใช้โปรแกรมเว็บไซต์สำเร็จรูปอื่นๆ เช่น WordPress, Joomla ที่จะต้องมีการแก้ไขไฟล์บางไฟล์ และเราไม่มีความรู้ทางการเขียนโปรแกรมเลย อาจจะแค่โปรแกรม Text Editor ง่ายๆ อย่าง EditPlus เปิดโปรแกรมเร็วดี ไม่หนักเครื่องด้วยค่ะ download โปรแกรม EditPlus ...

อ่านต่อ »

4.2 ภาษาโปรแกรมที่ใช้ในการสร้างเว็บไซต์

เรามาถึงขั้นตอนลงมือสร้างเว็บเพจแต่ละหน้าแล้ว แต่คาดว่าหลายๆ คนอาจจะยังขาดทักษะด้านการเขียนโปรแกรมอยู่  แต่ไม่ต้องตกใจไปค่ะ ค่อยๆ ศึกษากันไป . ภาษาโปรแกรมที่ใช้ในการพัฒนาเว็บไซต์ โดยพื้นฐาน ได้แก่ 1. HTML (ย่อมาจาก Hyper Text Markup Language) เป็นภาษาที่ใช้สำหรับสร้างเว็บเพจ มีโครงสร้างประกอบไปด้วย tag และ attribute ต่างๆ ที่ใช้ในการควบคุมการแสดงผลของข้อความ รูปภาพ หรือวัตถุอื่น ๆ     ภาษา HTML นั้นเป็นภาษาประเภท Markup ไม่จัดเป็นภาษาประเภท Programming  สามารถที่จะเรียนรู้ได้ง่าย 2. CSS (ย่อมาจาก Cascading Style Sheets) เป็นภาษาที่มีรูปแบบการเขียน Syntax ที่เฉพาะ ถูกกำหนดขึ้นเพื่อใช้เสริมภาษา HTML ให้สามารถจัดรูปแบบการแสดงผลให้กับเอกสาร HTML ได้สมบูรณ์แบบมากขึ้น 3. XHTML ...

อ่านต่อ »

4.1 รูปแบบของเว็บไซต์

รูปแบบของเว็บไซต์แบ่งได้เป็น 2 รูปแบบหลักๆ คือ 1. Static Website หมายถึง เว็บไซต์ที่สร้างด้วยภาษา HTML ธรรมดา และบันทึกเป็นไฟล์นามสกุล .html    เนื้อหาข้อความ รูปภาพในหน้าเว็บเพจนั้นจะเป็นไปตามที่เราเขียนกำหนดไว้ เมื่อมีผู้เรียกดูหน้าเว็บเพจนั้น  Web Server ก็จะส่งไฟล์นั้นไปให้ยังเครื่องที่ร้องขอ และแสดงผลออกทางโปรแกรมเว็บเบราเซอร์บนเครื่องของผู้ชมนั้น Static Website เหมาะกับเว็บไซต์ที่มีขนาดไม่ใหญ่ จำนวนหน้าเว็บเพจไม่มาก ไม่มีการเปลี่ยนแปลงข้อมูลบ่อยๆ  และไม่มีการติดต่อฐานข้อมูล ถ้าเราจะสร้างเว็บรูปแบบนี้ สามารถทำได้ไม่ยาก โดยต้องศึกษาเรื่องการเขียนเว็บเพจด้วย HTML ก่อน ข้อดีของเว็บรูปแบบนี้ คือ เราสามารถกำหนดรูปแบบการตกแต่ง และเนื้อหา ของแต่ละหน้าได้ตามต้องการ  แต่ก็ควรควบคุมสไตล์ของแต่ละหน้าให้เหมือนกันด้วย อย่าให้หน้าใดโดดจนคิดว่าเป็นคนละเว็บไซต์กัน ส่วนข้อเสีย ก็คือ การแก้ไขเปลี่ยนแปลงยุ่งยาก จะต้องแก้ไขกับไฟล์หน้าเว็บเพจนั้นๆ เมื่อแก้ไขแล้ว ก็ต้อง Upload ไฟล์นั้นขึ้นไป Web Server ใหม่ทุกครั้ง  และเว็บรูปแบบนี้จะไม่สามารถใช้งานฐานข้อมูลได้ ...

อ่านต่อ »