วันเสาร์ที่ 16 เมษายน พ.ศ. 2554

วันนี้เรามาเลือก เทมเพลต ให้กับเว็บไซต์เรากัน  ก่อนอื่นต้องอธิบายนิดนึง เทมเพลต หรือ Template คือ ตัวติดตั้งเพิ่มเติมที่จะทำให้หน้าเว็บเราเปลี่ยนแปลง เปรียบเทียบ คล้าย theme ของวินโดวส์ หรือ หน้ากากโทรศัพท์มือถือ ที่เราสามารถเปลี่ยนแปลงได้ตามใจเราอย่างง่าย ๆ พอเปลี่ยนแล้วเหมือนได้ วินโดวส์ตัวใหม่ หรือ โทรศัพท์มือถือเครื่องใหม่  ถ้าเป็นคนก็เหมือนไปทำศัลยกรรมเลยทีเดียว
ฟรีเทมเพลต สามารถค้นหาได้ในกูเกิ้ลครับ วันนี้ขอแนะนำที่นี่ครับ joomlathemes.co มีเทมเพลตสวย ๆ ให้เลือกฟรี  เอาตัวตามรูปตัวอย่างก็แล้วกันครับ ดูเดโม(เว็บตัวอย่าง) ได้ที่นี่ 
สวยเรียบดีนะครับ เราสามารถปรับแต่งภายหลังได้มากมาย  ว่าแล้วก็โหลดกันเลย ที่นี่ครับ
http://joomlathemes.co/1-6-templates/40-software
ปุ่มดาวน์โหลดอยู่ด้านล่างครับ หน้านี้จะเห็น Module Positions ด้วยครับ(ตามรูปด้านซ้ายมือ)เดี๋ยวจะบอกทีหลังว่ามันสำคัญยังไง  โหลดมาแล้วก็ล็อคอินเข้าหลังบ้านเว็บเราเลยครับ(ผู้ดูแลระบบ) สำหรับผมในทีนี้ก็ www.joomlastep.co.cc/administrator ใส่ ยูสเซอร์เนม และพาสเวิร์ด ที่เราเลือกไว้  พอเข้ามาได้ก็เมาส์ชี้ที่เมนู Extensions จะมีเมนูเลื่อนลงมา คลิ๊กที่ Extension Manager 
ในช่อง Upload Package File เราก็เลือกไฟล์เทมเพลต ที่เราโหลดมาเมื่อตะกี้ แล้วกดปุ่ม upload & install เสร็จแล้วก็ เอาเมาส์ชี้ที่เมนู Extensions อีกครั้งจะมีเมนูเลื่อนลงมา คลิ๊กที่ Template Manager เราจะเห็นว่ามีเทมเพลตในระบบเราหลายตัว ดูในช่อง Location จะเห็นว่ามีแบบ site(หน้าบ้าน) และแบบ Administrator(หลังบ้าน) ในที่นี้เราจะเปลี่ยนหน้าบ้าน ให้ติ๊กเลือกเทมเพลตที่เรา install เมื่อสักครู่ นั่นคือ jt004_j16 และกดปุ่มรูปดาวสีส้ม(Make Default) ลองไปดูที่หน้าบ้านเรา จะเห็นว่ามีการเปลี่ยนแปลงหน้าตาไปแล้ว แต่ตรงโลโก้ยังเป็นคำว่า Software และหน้าตายังดูเรียบ ๆ เดี๋ยวตอนหน้าเราจะมาเปลี่ยนโลโก้ให้เป็นรูปแบบของเรา มีเอกลักษณ์มากขึ้น และเริ่มใส่รายละเอียดให้กับเว็บกันครับ

วันศุกร์ที่ 15 เมษายน พ.ศ. 2554

มาถึงขั้นตอนติดตั้งน้องจูมกันเสียที ให้เข้าหน้าเว็บเราครับ ของผมก็ www.joomlastep.co.cc ก็จะสู่ขั้นตอนการติดตั้ง 7 ขั้นตอน  ดังนี้ครับ
  1. การเลือกภาษา ก็เลือก ภาษาไทย ครับ
  2. การตรวจสอบการติดตั้ง ก็ควรจะขึ้นเป็นสีเขียวทั้งหมด
  3. เอกสารแสดงลิขสิทธิ์ กด next ไปยังขั้นต่อไปครับ
  4. ฐานข้อมูล ขั้นนี้ต้องกรอกให้ถูกครับ login ที่เว็บ awardspace.com เช่นเคย กด Hosting Settings เหมือนตอนก่อนหน้า ที่เมนูด้านซ้ายกด MySQL manager ทำการตั้งชื่อและ Create Database ซะ แล้วจะเห็นตารางด้านล่างที่มีข้อมูล DB Host , DB Name และ DB User  นำกลับมากรอกในช่องการติดตั้ง โดยรหัสผ่านก็ตัวเดิมที่เขาเว็บ awardspace.com นั่นแหละครับ  ถ้าใส่ถูกจะไปขั้นต่อไปได้
  5. การตั้งค่าระบบ FTP กด next ผ่านไปเลยครับ ไม่ต้องทำอะไร
  6. การตั้งค่าระบบ  มีช่องให้ใส่ชื่อเว็บไซต์ , อีเมล , admin password (ใส่แล้วจำไว้ด้วยนะครับ เปลี่ยนทีหลังได้)  ด้านล่างจะมีช่องถามว่าจะให้ใส่ข้อมูลตัวอย่างหรือไม่ ถ้าไม่เอาก็ไม่ต้องทำอะไรกับมัน กด next ไปโลด !
  7. ขั้นสุดท้าย ให้ลบ หรือเปลี่ยนชื่อโฟล์เดอร์ Installation ก่อนจึงจะใช้งานเว็บได้  การลบหรือเปลี่ยนชื่อ ทำได้หลายทาง เช่น ผ่านโปรแกรม FileZilla , หรือ เมนู file manager ในเว็บ awardspace.com ก็ได้ครับ  
     เมื่อลบหรือเปลี่ยนชื่อแล้ว มีทางเลือก 2 ทางคือ เข้าดูหน้าเว็บ ก็พิมพ์ www.joomlastep.co.cc ในช่อง url ได้เลย(หน้าบ้าน) หรือ จะเข้าไปแก้ไข(หลังบ้าน)ในฐานะผู้ดูแล ก็พิมพ์ www.joomlastep.co.cc/administrator ในช่อง url แล้วก็จะมีช่องให้กรอก username และ password โดย username ระบบจะตั้งให้ว่า admin ส่วน password ก็ตามข้อ 6 ข้างต้น  แล้วเราก็จะเข้ามาหลังบ้านตามรูปข้างบนครับ
     เท่านี้แหละครับ เราก็ได้เว็บของเราอย่างเป็นทางการแล้ว  คุณอาจจะเห็นว่ามันหน้าตากิ๊กก็อก ไม่มีอะไรเลย ดูเกลี้ยง ๆ  อย่าเพิ่งติกันครับ ตอนหน้าจะมาใส่เนื้อหา บทความ และแต่งหน้า ทาปาก ให้สวยเช้ง น่าหลงไหลเลยทีเดียว

วันพุธที่ 13 เมษายน พ.ศ. 2554

หลังจากโหลด 7zip และ FileZilla ก็ทำการติดตั้งลงในเครื่องคอมของเราซะ  จากนั้นแตกไฟล์ จูมลา 1.6.1 ที่โหลดมาเอาไว้ในคอม(ใช้ 7zip ในการแตกไฟล์)  จากนั้นเปิดโปรแกรม FileZilla ขึ้นมาจะพบหน้าจอแบบนี้

     ไปที่ awardspace.com แล้ว login จากนั้นกดคำว่า Hosting Setting ท้ายตาราง Account Features  เหมือนตอนที่แล้ว จากนั้นดูที่เมนูด้านซ้าย กด FTP manager แล้วเราจะได้ข้อมูลมาใส่โปรแกรม FileZilla ดังนี้ครับ(กลับไปที่โปรแกรม FileZilla ที่เปิดไว้ตะกี้)  ช่องโฮสต์ ใส่ชื่อเว็บไซต์เรา(ในที่นี้ผมใช้ www.joomlastep.co.cc) ช่องชื่อผู้ใช้ ดูในตาราง ช่องรหัสผ่าน เป็นรหัสผ่านตัวเดียวกับ awardspace ครับ  จากนั้นกดปุ่ม "เชื่อมต่อด่วน" ถ้าใส่ข้อมูลไม่ผิดจะทำการติดต่อกับโฮสได้  จากรูปจะเห็นได้ว่าช่องทางขวา มีโฟลเดอร์ชื่อเว็บไซต์เรา joomlastep.co.cc ซึ่งยังไม่มีข้อมูลอะไร
     มาที่ช่องด้านซ้ายให้เปิดไปที่ไฟล์จูมลา 1.6.1 ที่เราแตกเอาไว้แล้วดังกล่าว ภายในจะมีโฟลเดอร์มากมาย ให้กดเลือกทุกโฟลเดอร์ และทุกไฟล์(เทคนิค:คลิ๊กที่โฟลเดอร์ administrator แล้วเลื่อนลงมาจนไฟล์สุดท้าย กด shift ค้างไว้แล้วคลิ๊กที่ไฟล์สุดท้าย จะเป็นการเลือกทั้งหมด ซึ่งเราจะเห็นแถบสีน้ำเงินขึ้นทุกไฟล์และโฟลเดอร์) จากนั้นคลิ๊กค้างและลากไฟล์ไปลงที่ช่องด้านขวา ปล่อยที่โฟลเดอร์ชื่อเว็บไซต์เรา  โปรแกรม FileZilla จะทำการอัพโหลดไฟล์ที่เราเลือกสักครู่ขึ้นโฮส ใช้เวลาพอสมควรประมาณ ครึ่งถึงหนึ่งชั่วโมง นะ
     อาจมีบางไฟล์ตกอยู่ในช่อง "รับส่งข้อมูลไม่สำเร็จ" ไม่ต้องตกใจ ปล่อยให้โหลดจนเสร็จแล้วเราค่อย คลิ๊กขวาที่ไฟล์ส่งไม่สำเร็จ แล้วเริ่มกระบวนการอัพโหลดเพิ่มเติมไปจนครบได้
     ตอนต่อไปจะทำการติดตั้ง(Installation) จูมลา กันครับ

วันอังคารที่ 12 เมษายน พ.ศ. 2554

ถ้าทำทุกอย่างจากตอนที่แล้วครบ ครั้งนี้เราจะได้ลงมือสร้างเว็บกันจริง ๆ เสียที  เริ่มจากไปที่ co.cc ที่เราขอชื่อเว็บ หรือ โดเมนเนม มาฟรี ๆ นั่นแหละครับ  พอลงชื่อเข้าระบบแล้ว กดตรงเมนู Manage Domain ด้านซ้าย แล้วเราจะเห็นรายชื่อโดเมนที่เราขอไว้เป็นตาราง กดตรงคำว่า Name Server(DNS) ท้ายโดเมนเนมเพื่อตั้งค่า  ตรงช่อง Name Server 1 และ Name Server 2 ใส่ เนมเซิร์ฟเวอร์ที่เราได้มาจาก awardspace.com
     อย่าเพิ่งงงครับ เนมเซิร์ฟเวอร์ของ awardspace เขาส่งมาทางอีเมล ที่เราไปสมัครเอาไว้ครับ ของผมได้  ns5.awardspace.com และ ns6.awardspace.com ของคุณอาจไม่เหมือนกัน ต่างกันนิดหน่อยครับ
     หลังจากตั้งค่า name server แล้วจะใช้เวลาไม่เกิน 72 ชั่วโมง ทางเว็บ co.cc จะจัดการให้  ระหว่างนี้ให้เรา login ที่ awardspace.com ครับ ด้านซ้ายจะมีเมนูสารพัด ให้เราดูตาราง Account Statistics และตาราง Account Features ครับ จะบอกรายละเอียดของฟรีที่เราได้มาเป็นอย่างดี เช่น พื้นที่เก็บข้อมูลของเว็บ 250 Mb(น้อยโครตT_T) ใส่ได้ 1 โดเมน กับ 3 ซับโดเมน ฯลฯ  ต่อไปให้กดคำว่า Hosting Settings ท้ายตาราง Account Features  จะได้เมนูด้านซ้ายมาใหม่ครับ 
     กดที่เมนู Domain Manager แล้ว Add โดยเมนฟรีของเราลงไปเลยครับ ที่นี้ก็รอครับ อาจจะแค่ 24 ชม. หรือมากสุดก็ 72 ชม.

วันจันทร์ที่ 11 เมษายน พ.ศ. 2554

ครับวันนี้จะมาไล่เรียงกันดูว่าคุณต้องมีอะไรบ้างในการสร้างเว็บไซต์กับจูมลา  หามาให้ครบแล้วจะได้ลงมือสร้างกันในแบบง่าย ๆ ก่อน  เริ่มกันเลยนะครับ

  • คอมพิวเตอร์ ที่เชื่อมต่ออินเตอร์เน็ต
  • จูมลา เวอร์ชั่น 1.5.23 หรือ 1.6
  • โปรแกรม FTP สำหรับอัพโหลดไฟล์ขึ้น Host
  • โดเมนเนม คือ ชื่อเว็บเราครับ จะลงท้ายด้วย .com , .net , .in.th หรืออะไรก็ได้
  • โฮส เอาไว้เป็นที่อยู่ของเว็บไซต์ โหลดไฟล์ต่าง ๆ ไปไว้ที่นี่ครับ
  • โปรแกรมตกแต่ง สร้างภาพ ประเภท PhotoShop เอาไว้สร้างโลโก้ ทำพื้นหลังเว็บ ฯลฯ
  • โปรแกรมบีบอัดและคลายไฟล์ ประเภท zip
เห็นอย่างนี้ไม่ต้องต๊กกะใจครับ ที่เสียเงินมีแค่คอมพิวเตอร์ กับ ค่าอินเตอร์เน็ตเท่านั้นครับ(ถ้าใช้ของคนอื่นก็ไม่เสียซักบาท 5 5)  นอกนั้นสามารถโหลดมาใช้ได้ฟรีครับ 
     เริ่มจาก จูมลา ครับ ให้ไปที่ joomla.org กดปุ่ม download แล้วเลือกเวอร์ชั่นที่ต้องการได้เลยครับ ในที่นี้ผมขอแนะนำ 1.5.23 ก่อนนะครับ  โหลดมาเก็บไว้ในเครื่องไว้ก่อนเลยครับ เป็นไฟล์ zip ครับ สำหรับเวอร์ชั่น 1.6.1 stable กดโหลดได้เลยครับ
     ต่อไปก็โปรแกรม FTP ครับ ไปที่ http://filezilla-project.org/  เลือก download FileZilla Client ล่าสุดเวอร์ชั่น 3.4 เลือกแพลตฟอร์มของคุณ ไม่ว่าจะเป็น window , mac os , linux ตามสะดวก หรือกดโหลดที่นี่ก็ได้ครับ FileZilla 3.4.0 win32 จัดให้ !!(สำหรับผู้ใช้วินโดว์ทุกเวอร์ชั่น)
     โดเมนเนม หรือชื่อของเว็บไซต์เรานั่นเอง วันนี้แนะนำของฟรีก่อนนะครับ ไปเลือกชื่อที่ชอบ ที่ชอบกันได้ที่ 
  1. www.co.cc อันนี้เราก็จะได้ .co.cc ลงท้ายครับ  แต่บางชื่อที่มันเท่ห์ ๆ อาจมีคนเอาไปแล้ว หรือ มีการเก็บเงิน ก็เปลี่ยนเอาชื่อใหม่ครับ เลือกจนกว่าจะฟรี ไม่ฟรี ไม่เอา  อ้อ !! ต้องลงทะเบียนด้วยอีเมลกันก่อนนะครับ
  2. www.pr.in.th อันนี้เราก็จะได้ .pr.in.th ลงท้ายครับ 
     โฮส(Host) เป็นที่สิงสถิตย์ของเว็บไซต์เรา โดยเราจะเอา โดเมนเนม และ ไฟล์ต่าง ๆ รวมทั้ง จูมลา ไปฝากไว้เพื่อเปิดทำการ  ของฟรีก็มี http://www.awardspace.com/ ลงทะเบียนการใช้งานให้เรียบร้อย  เช็คอีเมลเพื่อยืนยันการใช้งาน
     โปรแกรมตกแต่ง สร้างภาพ ที่ฟรี ๆ ก็มีครับ เช่น PhotoScape , GIMP หาโหลดฟรีแล้วหัดใช้กันเองนะครับ  แต่ถ้าใครมี PhotoShop อยู่แล้วก็แจ่มครับ
     โปรแกรม zip ก็เชิญดาวน์โหลดได้ครับ 7zip เวอร์ชั่น 9.20 ใช้งานง่ายและฟรีครับ

     หามาให้ครบนะครับแล้วตอนหน้ามาลงมือจริง ๆ กันเลย หุ หุ

วันเสาร์ที่ 9 เมษายน พ.ศ. 2554

ความเดิมจากตอนที่แล้ว .. (^^) เราได้รู้จักความสามารถ คุณสมบัติคร่าว ๆ ของ Joomla กันแล้ว  ที่นี้ลองมาดูประวัติ ภูมิหลัง และการพัฒนา Joomla กันอีกนิ๊ดส์ เพื่อจะได้รู้จักน้องจูมกันมากขึ้น และหากยังลังเลก็จะได้มั่นใจขึ้นว่า จูมลา นี้มีทีมงานพัฒนาอย่างไร
เดิมทีมีการพัฒนาโปรแกรม ที่เรียกว่า CMS หรือ content management system  มันคือ โปรแกรมจัดการเนื้อหาของเว็บไซต์ เพื่อให้ง่ายต่อการเข้าถึงของทุกคน  โดยใช้ชื่อโปรแกรมนี้ว่า membo อ่านว่า เมมโบ้  ต่อมาทีมงานพัฒนา่ส่วนหนึ่งแตกตัวออกมาพัฒนาโปรแกรมในแนวทางของตนเอง ใช้ชื่อว่า Joomla  ซึ่งเป็นโปรแกรมแจกฟรี  มีการพัฒนาอย่างต่อเนื่อง ได้รับการสนับสนุนจากเงินบริจาค  จากเวอร์ชั่น 1.0 และ 1.5 ปัจจุบันมีมาถึง 1.5.22  และล่าสุดคือเวอร์ชั่น 1.6 
และแล้วประวัติโดยสรุปของจูมลา ก็ลงเอยด้วยประการละฉะนี้  อันนี้เ็ก็บตกจากความทรงจำที่ได้อ่าน ๆ มานะครับ อาจไม่ถูกต้องเต็มร้อย  เว็บไซต์หลักอย่างเป็นทางการของจูมลา คือ www.joomla.org ซึ่งคุณสามารถดาวน์โหลดจูมลา และส่วนเสริมต่าง ๆ ได้มากมาย  และมีบอร์ดในหลาย ๆ ภาษา รวมทั้งภาษาไทย ที่ให้คุณสามารถสอบถามปัญหาต่าง ๆ ในการใช้งานได้ครับ ตามลิงค์นี้ครับ 

มีเกร็ดเล็กน้อยเรื่องเว็บ joomla.org เล่าให้ฟังครับ คือ เป็นเว็บที่สร้างอันดับในหน้าค้นหาของกูเกิ้ลได้รวดเร็วเป็นประวัติการณ์  เพราะเว็บไซต์ที่สร้างด้วย จูมลา มีจำนวนมหาศาล และทุกเว็บก็จะมีลิงค์ตรงกลับมาที่ joomla.org  ทำให้ขึ้นหน้าหนึ่งพี่กู(เกิ้ล) ได้ไวโครต
ตอนหน้า มาเตรียมพร้อมสำหรับการสร้างเว็บกันครับ(อย่าใจร้อนครับ ผมต้องเลี้ยงลูก 5 5)

วันพฤหัสบดีที่ 7 เมษายน พ.ศ. 2554

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

หลังจากได้ศึกษาแล้วก็ลองลงมือทำ  โดยเริ่มจากหา โดเมนเนม และ โฮสฟรี  ปล้ำอยู่พักหนึ่งก็แน่ใจว่า จูมลา นี่แหละพระเอกตัวจริงในการทำเว็บไซต์ เพราะมีข้อดีมากมาย เช่น
  • โปรแกรมนี้ฟรีครับ มีการอัพเดทอยู่ตลอด
  • ปรับแต่งได้มากมาย
  • เขียนเนื้อหาง่ายเหมือนพิมพ์งานธรรมดา
  • มีตัวเสริมที่หลากหลาย ทั้ง โมดูล , ปลั๊กอิน และ คอมโปเนนท์ มีทั้งแบบฟรี และเสียเงิน
  • มีเว็บไซต์ให้ความรู้มากมาย ในทุกภาษา
ลืมภาษา HTML และโค้ด CSS ไปได้เลย แล้วตอนหน้า(มีภาคต่อด้วย อิอิ) จะเริ่มกันล่ะครับ