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 นี้จะเป็นประโยชน์ต่อผู้สนใจทำเว็บไซต์ทั้งหลายนะคะ ^^

โครงสร้างเนื้อหาของ Joomla!

บทความนี้ เป็นบทความต่อเนื่อง เรื่อง “การสร้างเว็บไซต์แบบมืออาชีพ โดยไม่ต้องมีความรู้การเขียนโปรแกรมด้วย Joomla! กับ Case Study เว็บไซต์ Enjoy Chinese” . ในการทำเว็บไซต์ ส่วนที่สำคัญที่สุดก็คือเนื้อหาค่ะ เรามาทำความรูจักกับคำศัพท์ที่เกี่ยวข้องกับเนื้อหาของ Joomla! กันก่อน Section คือ หมวดหมู่หลักของเนื้อหา ซึ่งมี Category เป็นหมวดหมู่ย่อย Category คือ หมวดหมู่ย่อย ที่เก็บรวบรวม Article ในหมวดเดียวกันไว้ด้วยกัน Article คือ เนื้อหา ข่าว หรือบทความของเว็บไซต์ Menu คือ เมนูสำหรับลิงค์ไปยังเนื้อหาต่างๆ ของเว็บไซต์ . ตัวอย่าง เว็บไซต์ enjoychinese.net  มีหมวดหมู่หลัก และหมวดหมู่ย่อย ดังนี้ หมวดหมู่หลัก (Section) เรียนจีน   มีหมวดหมู่ย่อย (Category) ...

อ่านต่อ »

การบริหารจัดการ User ใน Joomla!

บทความนี้ เป็นบทความต่อเนื่อง เรื่อง “การสร้างเว็บไซต์แบบมืออาชีพ โดยไม่ต้องมีความรู้การเขียนโปรแกรมด้วย Joomla! กับ Case Study เว็บไซต์ Enjoy Chinese” . สำหรับเว็บไซต์ที่มีการกำหนดสิทธิ์ของผู้ชมในการเข้าถึงข้อมูลส่วนต่างๆ ได้แตกต่างกัน จะต้องมีการจัดการเรื่อง User เข้ามาเกี่ยวข้องด้วย กลุ่มของ User ใน Joomla! แบ่งเป็น 2 กลุ่มใหญ่ 1. กลุ่มผู้ชมเว็บ (Front-end User) 1.1 กลุ่มผู้ชมเว็บทั่วไป ที่ไม่ได้เป็นสมาชิก 1.2 กลุ่มผู้ชมเว็บที่เป็นสมาชิก  (ถ้าเราไม่ได้เปิดให้สมัครสมาชิกได้ก็จะไม่มีผู้ชมกลุ่มนี้ค่ะ) แบ่งได้เป็น 4 กลุ่มย่อย Registered User : สามารถ login เข้าเว็บไซต์ และดูข้อมูลต่างๆ ได้ตามที่ผู้ดูแลเว็บกำหนดสิทธิ์ไว้เท่านั้น Author : ดูข้อมูล และสร้างบทความได้  ...

อ่านต่อ »

การทำ URL ของเว็บไซต์ Joomla! ให้อ่านง่าย เพื่อผลทาง SEO

บทความนี้ เป็นบทความต่อเนื่อง เรื่อง “การสร้างเว็บไซต์แบบมืออาชีพ โดยไม่ต้องมีความรู้การเขียนโปรแกรมด้วย Joomla! กับ Case Study เว็บไซต์ Enjoy Chinese” . การทำ URL ของเว็บไซต์ Joomla! ให้อ่านได้ง่ายๆ  ก็เพื่อให้ Friendly กับ Search Engine  ซึ่งจะมีผลดีต่อการจัดอันดับเว็บไซต์ของเราในเว็บ Search Engine  อย่าง Google  เป็นหนึ่งเทคนิคการทำ SEO ค่ะ ในหน้าแรก  ที่ Main Menu ให้ลองคลิกที่ลิงค์ “Joomla! Overview” แล้วสังเกต URL ที่ปรากฏในช่อง Address ของโปรแกรมเว็บเบราเซอร์ จะเป็นข้อความยาวๆ อ้างด้วย ID ของ record ในฐานข้อมูล . วิธีการปรับURL ...

อ่านต่อ »

การปรับแต่งค่าใน Global Configuration ของ Joomla!

บทความนี้ เป็นบทความต่อเนื่อง เรื่อง “การสร้างเว็บไซต์แบบมืออาชีพ โดยไม่ต้องมีความรู้การเขียนโปรแกรมด้วย Joomla! กับ Case Study เว็บไซต์ Enjoy Chinese” . Globla Configuration เป็นส่วนจัดเก็บค่าคอนฟิกต่างๆ ของ Joomla!   แบ่งเป็น 3 กลุ่ม คือ Site, System และ Server ก่อนที่จะทำการเปลี่ยนค่าต่างๆ ได้นั้น ให้ Set File Permission ของไฟล์ configuration.php เป็น “777” ก่อนนะคะ  และเมื่อบันทึกค่าการเปลี่ยนแปลงแล้ว ก็เหมือนเคยค่ะ เปลี่ยนกลับมาเป็น “644” ด้วยเพื่อความปลอดภัย เมื่อ login แล้ว คลิกที่ รูป icon Globla Configuration ...

อ่านต่อ »

ส่วนประกอบเว็บ Joomla! : Front End และ Back End

บทความนี้ เป็นบทความต่อเนื่อง เรื่อง “การสร้างเว็บไซต์แบบมืออาชีพ โดยไม่ต้องมีความรู้การเขียนโปรแกรมด้วย Joomla! กับ Case Study เว็บไซต์ Enjoy Chinese” . เว็บไซต์ที่สร้างด้วย Joomla จะแบ่งเป็น 2 ส่วน 1. ส่วนของ Front End คือ ส่วนที่แสดงผลให้กับผู้เข้าชมเว็บไซต์ หรือหน้าเว็บไซต์นั่นเอง หลังจากติดตั้ง Joomla! เสร็จเรียบร้อยแล้ว ให้เข้าไปที่หน้าเว็บไซต์ เนื้อหาที่เราเห็นนี้เกิดจากการที่เราติดตั้งเนื้อหาตัวอย่างไว้ค่ะ   ลองคลิกเมนู หรือลิงค์ต่างๆ  พร้อมๆ กับสำรวจส่วนประกอบของหน้าเว็บไปด้วยนะคะ หน้าเว็บไซต์ที่สร้างด้วย Joomla! จะประกอบไปด้วยส่วนของ Logo, เมนู, เนื้อหา, Login Form, Lastest News, Popular, Search box, Polls, Who’s Online, Advertisement, ...

อ่านต่อ »

วิธีติดตั้ง Joomla! (เวอร์ชั่น 1.5) แบบ Step by Step

บทความนี้ เป็นบทความต่อเนื่อง เรื่อง “การสร้างเว็บไซต์แบบมืออาชีพ โดยไม่ต้องมีความรู้การเขียนโปรแกรมด้วย Joomla! กับ Case Study เว็บไซต์ Enjoy Chinese” . วิธีการติดตั้ง Joomla! 1.5.x บน Host หลังจากที่เช่า host และ จดโดเมนแล้ว เราจะได้ user และ password สำหรับ login เข้าสู่หน้าจัดการเว็บไซต์ ที่เรียกว่า Control Panel ซึ่ง host แต่ละเจ้าอาจจะใช้ตัว Control Panel ไม่เหมือนกัน ที่นิยมใช้ในบ้านเราคือ cPanel หรือ Direct Admin  ให้เรา login เข้าหน้าจัดการไปสร้างฐานข้อมูล  ถ้าไม่รู้ว่าจะเข้าหน้า Control Panel ได้อย่างไร ให้ถามไปทาง host ...

อ่านต่อ »

รู้จักกับ Joomla!

Joomla! คืออะไร Joomla!  เป็นระบบบริหารจัดการเว็บไซต์ หรือ Web CMS (Web Conten Management System)  แบบ Open Source อีกตัวหนึ่งที่ได้รับความนิยม และใช้งานกันแพร่หลายในปัจจุบัน  พัฒนาโดยใช้ PHP และใช้ฐานข้อมูล MySQL  ซึ่งเราสามารถที่จะ Download มาใช้งานได้ ฟรี ! เมื่อเราติดตั้ง Joomla! แล้ว  เราสามารถที่จะจัดการเนื้อหาข้อมูลเว็บไซต์ผ่านหน้าเว็บได้อย่างสะดวกรวดเร็ว และอัพเดทข้อมูลได้ทุกที่ทุกเวลาที่เราต่อเชื่อมกับอินเตอร์เน็ต  โดยที่ไม่ต้องมีความรู้ด้านการเขียนโปรแกรม เช่น HTML, PHP แต่อย่างใด  เพราะ Joomla! ได้เตรียมหน้า Editor ให้เราพิมพ์ข้อความ จัดรูปแบบ แทรกรูป เหมือนกับการพิมพ์ข้อความในโปแกรม MS Office Word  ไว้ให้เราใช้งานได้ง่ายๆ  . Joomla! สามารถนำมาใช้ทำเว็บไซต์ได้ตั้งแต่ขนาดเล็ก ...

อ่านต่อ »

เทคนิคการทำ Blog ให้น่าติดตาม

เทคนิคการทำ Blog ให้น่าติดตาม จะทำอย่างไรให้ Blog ของเรามีคนเข้ามาแล้วอยากกลับเข้ามาอีก เข้ามาแล้วคลิกอ่านหลายๆ หน้า ^^ By enjoyday.net 1. เมื่อผู้ชมเข้ามายัง Blog  สิ่งแรกที่เห็นก็คือหน้าตาของ Blog ซึ่งควรจะสร้างความประทับใจให้แก่ผู้ชมตั้งแต่แรกพบ  (เหมือนรักแรกพบนั่นแหละค่ะ )     Theme ที่เราเลือกใช้นั้นจะเป็นตัวกำหนดอารมณ์ของ Blog และมีส่วนสำคัญที่จะทำให้ผู้ชมสนใจคลิกดูหน้าอื่นๆ อีกหรือไม่   ฉะนั้นการเลือก Theme ที่สวยงาม และเข้ากับเนื้อหาของ Blog จะช่วยสร้างบรรยากาศที่น่าประทับใจได้ โดยส่วนตัวแล้วชอบหน้าตาเว็บที่เรียบง่าย และดูสะอาดตาค่ะ หน้าตา blog ของ enjoyday ก็เลยออกมาเรียบๆ อย่างที่เห็น ที่มาของรูป blogthemes.info 2. ในหน้าแรกควรมีข้อความแนะนำ Blog ของเราว่าเป็น Blog ที่ให้ข้อมูลเกี่ยวกับเรื่องอะไร  มีไฮไลท์เรื่องอะไร ก็ให้เอามาโชว์ให้หมด   อย่าให้ผู้ชมเข้ามาแล้วงงๆ ที่นี่ที่ไหน สุดท้ายก็จากไปโดยไม่คลิกอ่านสักหน้า 3. ...

อ่านต่อ »

แนวทางการดีไซน์บล็อกยุคใหม่ (ตอน2)

6. ส่วนแสดงความคิดเห็น(Comments) ส่วนความคิดเห็น เป็นบริเวณที่มีการถกกันเกี่ยวกับบทความจากผู้อ่าน/ผู้เยี่ยมชม หน้าที่ของผู้ออกแบบ จะต้องออกแบบให้บริเวณนี้ดูเป็นการสนทนากัน ด้วยการแยกแต่ละความคิดเห็นออกจากกัน อาจจะด้วยการกำหนดหมายเลขให้แต่ละความคิดเห็น วิธีนี้ยังช่วยให้ง่ายต่อการอ้างอิงความคิดเห็นต่าง ๆ อีกประการ คือแยกความคิดเห็นของเจ้าของบทความ ให้ต่างจากความคิดเห็นทั่วไป เพื่อเอาไว้คั่นว่าได้ตอบความเห็นของผู้อ่านถึงไหนแล้ว หรือ ดูว่ามีความเห็นเพิ่มมาอีกหรือป่าว ตัวอย่างส่วนแสดงความคิดเห็นที่ดี 1. Chris Shiflett Chris’ ออกแบบแบบเรียบง่าย อ่านง่าย แยกชื่อผู้ออกความคิดเห็น ออกจาก ความคิดเห็นอย่างชัดเจน เพื่อประโยชน์ที่ได้กล่าวไปแล้วข้างต้น 2. Darkmotion ผมชอบที่เขาแยกส่วนชื่อผู้ออกความเห็น กับ ความคิดเห็น และดูแล้วได้อารมณ์มาก เหมือนการคุยกัน 3. Blog Design Blog นี่ก็เป็นอีกตัวอย่างหนึ่ง มีตัวเลขบอกลำดับความคิดเห็น และเน้นชื่อผู้ออกความคิดเห็นด้วยกล่องสีฟ้า ทำให้แยกออกจากส่วนของความคิดเห็น วิธีทำให้การออกแบบส่วนแสดงความคิดเห็นออกมาดูดี แยกแต่ละความคิดเห็นออกจากกัน วิธีที่ง่ายที่สุด ทำได้ด้วยการใช้สี และอีกวิธีคือ วางไว้คนละที่กันอาจจะใช้กรอบครอบแต่ละส่วน หรือใช้เส้นคั่นก็ได้ ใช้สี ...

อ่านต่อ »

แนวทางการดีไซน์บล็อกยุคใหม่ (ตอน1)

ในการออกแบบบล็อก จะสังเกตได้ว่าการออกแบบส่วนประกอบต่าง ๆ จะมีความแตกต่างกัน ในบทความนี้ผมจะแยกส่วนประกอบพวกนี้ออกเป็น 9 ส่วน หากคุณให้ความสนใจในแต่ละส่วนมากเท่าไหร่ ภาพรวมของบล็อกที่ออกมาจะดูดีมากเท่านั้น ส่วนหัว(Header) ส่วนเนื้อหา(Content Area) เมนูหลัก(Primary Navigation) เมนูรอง(Secondary Navigation) หัวเรื่อง(Headlines) ส่วนแสดงความคิดเห็น(Comments) ส่วนท้ายของบทความ(Post’s Footer) ส่วนท้ายของบล็อก(Footer) โฆษณา(Advertisements) 1.ส่วนหัว(Header) ส่วนหัวเป็นส่วนที่ผู้เยี่ยมชมส่วนใหญ่จะเห็นเป็นส่วนแรก เมื่อเข้ามาในบล็อกของคุณ และเป็นส่วนที่สำคัญที่สุด มันเป็นสิ่งเดียวที่จะแยก ให้เห็นถึงความแตกต่างระหว่างบล็อกของคุณกับบล็อกอื่น ๆ นับล้านบล็อก เป็นสิ่งที่แสดงถึงเอกลักษณ์ของบล็อกคุณเพื่อให้เกิดการจดจำ จากที่กล่าวมาแสดงให้เห็นว่าทำไมส่วนหัวจึงสำคัญมากที่สุด ในบรรดากระบวนการออกแบบบล็อก แม้แต่คนที่ไม่ให้ความสนใจกับการออกแบบบล็อกสักเท่าไหร่ แต่เขาก็ให้ความสำคัญกับส่วนหัวมาก ตัวอย่างส่วนหัวที่ดี 1. Octwelve Octwelve เป็นตัวอย่างที่ดีของการใช้ตัวอักษรที่สวยงาม ในส่วนหัวเพื่อทำให้ส่วนหัวแตกต่างจากส่วนอื่น ๆ ของบล็อกอย่างเห็นได้ชัด และยังทำให้คุณรู้ว่าบล็อกนี้มีเนื้อหาเกี่ยวกับอะไร 2. Cult foo ผมชอบส่วนหัวของ Cultfoo ตรงที่รูปภาพทะลุออกมาจากกรอบ ...

อ่านต่อ »