รวมบทความทั้งหมดในหมวดการพัฒนาเว็บไซท์ สอนสร้างเว็บไซต์

การพัฒนาเว็บไซท์

รวมบทความและหนังสืออธิบายเกี่ยวกับการพัฒนาเว็บไซท์ โดยนำเสนอวิธีใช้งานโปรแกรมต่างๆ ที่เกี่ยวข้องกับการสร้างโฮมเพจ เช่น การใช้งาน Dreamweaver ใช้งาน Joomla รวมเรื่องน่ารู้เกี่ยวกับการสร้างเว็บไซต์ ฯลฯ

การติดตั้ง Joomla 3.x สามารถทำได้หลายแบบ ตามความสะดวกของแต่ละท่าน ในที่นี้จะยกตัวอย่างวิธียอดนิยม 3 แบบด้วยกัน ชอบแบบไหนก็เลือกได้ตามต้องการ

วิธีที่ 1 ติดตั้งจากโปรแกรมในเว็บคอนโทรลพาเน่ล
ในโปรแกรมบริหารจัดากรเว็บไซต์ อย่าง Direct Admin หรือ cPanel จะมีโปรแกรมช่วยในการติดตั้ง Joomla 3.x แต่อาจจะมีเฉพาะผู้ให้บริการบางรายเท่านั้น รายอื่นอาจจะยังคงเป็น Joomla รุ่น 2.5.x มากกว่า การติดตั้งแบบนี้ เป็นวิธีติดตั้งที่ง่ายที่สุด คลิกไม่กี่ครั้ง ก็ได้เว็บไซต์แบบ Joomla 3.x ตามต้องการ

ตัวอย่างการติดตั้งที่จะยกมาเป็นตัวอย่างประกอบการทำบทความ ก็คือการติดตั้ง Joomla 3.x ในเว็บไซต์ tabletpcth.com เว็บไซต์นำเสนอเรื่องราวน่ารู้เกี่ยวกับแท็บเล็ตพีซี

วิธีที่ 2 ติดตั้ง Joomal 3.0.x ด้วยตนเอง อัพโหลดเองติดตั้งเอง
การติดตั้งแบบนี้จะเริ่มต้นด้วยการดาวน์โหลด Joomla 3.x มาไว้ในเครื่องคอมพิวเตอร์ของเราเองก่อน ก่อนจะปรับแต่งค่าที่จำเป็นๆ แล้วก็อัพโหลดเข้าพื้นที่เว็บไซต์จริง เพื่อทำการติดตั้งต่อไป กรณีนี้เหมาะสำหรับผู้ที่เช่าพื้นที่ทำเว็บไซต์ ที่ไม่มีโปรแกรมช่วยติดตั้ง Joomla แบบอัตโมัติหรือมีแต่ไม่รองรับ Joomla รุ่น 3.0.x เลยต้องทำเองทุกขึ้นตอน

ตัวอย่างการติดตั้งที่จะนำมาเป็นตัวอย่างประกอบการทำบทความ จะเป็นการติดตั้ง Joomla 3.x ที่เว็บไซต์ siteth.com เว็บไซต์วาไรตี้นำเสนอเรื่องราว 1081009 ทั้งไอที เทคโนโลยี่ ทั่วไป ฯลฯ

วิธีที่ 3 ติดตั้งแบบ Local ติดตั้ง Joomla 3.x ในคอมพิวเตอร์ของเราเอง
การติดตั้งแบบ Local จะเป็นการทดลองติดตั้ง Joomla 3.x ในคอมพิวเตอร์ของเราเอง สะดวกสำหรับหลายๆ คน ซึ่งส่วนใหญ่ไม่มีเว็บไซต์เป็นของตนเองให้ทดลองติดตั้ง ก็สามารถลองในเครื่องคอมพิวเตอร์ของเราได้ อนาคตหากจะทำเว็บไซต์ใช้งานจริงๆ ก็สามารถย้ายไปใช้งานได้เลย หรืออาจจะเป็นการติดตั้งเพื่อใช้กับระบบอินทราเน็ตก็ได้

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

ตัวอย่างการติดตั้งที่จะยกมาเป็นตัวอย่างประกอบการทำบทความ จะเป็นการติดตั้ง Joomla 3.x ในเว็บไซต์ androidosguide.com เว็บบล็อกนำเสนอเรื่องราวน่ารู้เกี่ยวกับระบบปฏิบัติการ Android สำหรับอุปกรณ์พกพายอดนิยมอย่างมือถือและแท็บเล็ต

Details: Category: รวมบทความสอนใช้งาน Joomla 3.x; Hits: 2800

Joomla 3.x รุ่นนี้มีความโดดเด่นน่าใจมากทีเดียว หน้าตาที่ใช้งานง่าย รองรับการสร้างเว็บไซต์ประเภทบล็อก และสำคัญมากคือรองรับการแสดงผลผ่านหน้าจออุปกรณ์หลายๆ แบบ มีความยืดหยุ่นในการแสดงผล ปรับย่อขนาดหน้าจอเองได้

Joomla 3.x รองรับการแสดงผลหลายขนาดหน้าจออุปกรณ์ท่องเว็บ
การท่องเว็บไซต์ ดูข้อมูลในเว็บไซต์ อาจจะเป็นการใช้คอมพิวเตอร์ท่องเน็ต ใช้แท็บเล็ต หรือใช้มือถือ ซึ่งจะมีขนาดหน้าจอแตกต่างกันไป กรณีใช้คอมพิวเตอร์ หน้าจอก็ใหญ่กว่า 10 นิ้ว ส่วนแท็บเล็ตก็มีหลายขนาดตั้งแต่ 6 นิ้วถึง 10 นิ้ว ส่วนมือถือก็เช่นกัน เว็บไซต์ที่สร้างด้วย Joomla 3.x จะปรับเปลี่ยนขนาดหน้าจอเว็บไซต์ให้เหมาะสมกับอุปกรณ์เหล่านี้โดยอัตโนมัติ ทำให้เราไม่ต้องย่อขยายหน้าเว็บไซต์เวลาท่องเน็ตบนมือถือ เพราะมันจะย่อให้พอดี ตัวหนังสือก็โตพอสมควร อ่านง่ายสบายตา

ตัวอย่างเว็บไซต์ที่สร้างด้วย Joomla 3.x เมื่อดูผ่านหน้าจอแท็บเล็ตขนาด 10 นิ้ว หรือใช้จอที่มีขนาดใหญ่กว่านี้จะแสดงผลแบบเดียวกัน จะเห็นว่าองค์ประกอบต่างๆ ในหน้าเว็บไซต์จะถูกแสดงครบทั้งหมด ภาพหัวเว็บไซต์ เมนูซ้ายหรือขวามือ hosttook0026.jpg

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

กรณีแสดงผลกับหน้าจอมือถือ ก็จะปรับขนาดหน้าจอเว็บไซต์ให้พอดีเช่นกัน ซึ่งเว็บไซต์ประเภทบล็อกจะเหมาะกับการอ่านบนมือถือมาก เพราะเนื้อหาไม่ซับซ้อน ไม่มีโฆษณารกลูกตา

จากการสำรวจของ Google พบว่าพฤติกรรมท่องเน็ตของผู้คนเปลี่ยนไปใช้การท่องเน็ตผ่านมือถือมากขึ้น และมีแนวโน้มสูงขึ้น และทาง Google เองก็พยายามผลักดันเช่นกัน ทางตรงก็คือการปล่อยระบบปฏิบัติการ Android ให้ผู้ผลิตแท็บเล็ตและมือถือนำไปใช้กับสินค้าของตัวเองได้ฟรี ทำให้อุปกรณ์เหล่านี้ถูกผลิตออกวางจำหน่ายจำนวนมากหลักล้านต่อวันเลยทีเดียว

จำนวนอุปกรณ์ที่เพิ่มขึ้นหลายล้านเครื่อง หากมีเว็บไซต์ที่รองรับการแสดงผลกับอุปกรณ์เหล่านี้ ก็จะยิ่งเป็นเรื่องดี เพราะยิ่งมีโอกาสที่จะเผยแพร่โฆษณา เพิ่มรายได้ให้ Google นั่นเอง เมื่อยักษ์ใหญ่วงการอินเตอร์เน็ต มีแผนการหาเงินแบบนี้ หากเราเหล่าสาวก โดยเฉพาะการหาเงินกับ Adsense หากเลือกที่จะเดิมตาม ก็ต้องได้เศษเงินดอลล่าร์เข้ากระเป๋าอย่างแน่นอน

การสร้างเว็บไซต์จึงต้องมีการปรับเปลี่ยนให้เหมาะสม เพื่อความสะดวกในการท่องเว็บไซต์และการสร้างรายได้จากเว็บไซต์จากการวางโฆษณา Google Adsense จากภาพตัวอย่างจะเห็นว่า ตำแหน่งการแสดงป้ายโฆษณาในเว็บไซต์ที่สร้างด้วย Joomla 3.x จะอยู่ในตำแหน่งที่ดีมาก มีโอกาสคลิกจากการแตะพลาด ไม่ใช่ครับ มีโอกาสสูงเพราะตำแหน่งดีเหลือเกิน

ส่วนเว็บไซต์ที่ไม่ได้สร้างเพื่อรองรับการแสดงผลกับหน้าจอมือถือ จะพบว่าการแสดงป้ายโฆษณา จะไม่โดดเด่นนัก คล้ายกับการท่องเว็บไซต์ผ่านหน้าจอคอมพิวเตอร์ โอกาสคลิกนั้นยากกว่าแน่นอน เพราะเวลาเราจะอ่านเนื้อหา เราก็จะขยายหน้าจอเฉพาะส่วนที่เป็นเนื้อหา เราไม่ไปขยายดูโฆษณากันสักเท่าไหร่นัก

Details: Category: รวมบทความสอนใช้งาน Joomla 3.x; Hits: 2788

มีฟรีบล็อกหลายที่ที่เปิดให้บริการ แต่ Blogger.com มีระบบรองการใช้งานที่ดีกว่าที่อื่น เพราะเป็นบริการของ Google ซึ่งไม่เพียงแต่การใช้งานบล็อกเท่านั้น แต่เรายังสามารถนำบริการต่งๆ ของ Google มาใช้ร่วมกับบล็อกที่ Blogger.com ได้อีกด้วย เราไปดูข้อดีกันเลย ว่าทำไมจึงควรใช้งานบล็อกฟรีของ Blogger.com

1. ความสะดวกในการใช้งาน เพียงแค่มีอีเมล์ของ Gmail หรือ Google Mail ก็สามารถลงทะเบียนใช้งานได้เลย เพราะเจ้าของเดียวกัน

2. ความง่ายในการ ถ้ามีอีเมล์ของ Gmail อยู่แล้ว ก็สามารถเปิดใช้งานบล็อกของ Blogger.com ได้ในเวลาไม่กี่นาที และหากมีข้อมูลสำหรับทำบทความลงบล็อกอยู่แล้ว ก็จะสามารถสร้างบล็อกและเปิดใช้งานได้ทันที

3. Blogger.com มีเทมเพลทหรือหน้าเว็บบล็อกแบบสำเร็จรูปให้เลือกใช้มากมมาย สามารถเลือกได้ตามต้องการ

4. บล็อกที่ Blogger.com จะมีแกตเจ็ตหรือโปรแกรมเสริมการทำงาน ร่วมกับบล็อกหลายแบบให้เลือกใช้เช่น การแสดงภาพในบล็อก แสดงสถิติคนเข้าชมเว็บไซต์ ฯลฯ เป็นแกตเจ็ดที่สามารถเรียกใช้งานได้ทันที

5. บล็อกที่ Blogger.com เราสามารถใช้งานบล็อกในเชิงธุริจได้ ขายสินค้าผ่านบล็อก หรือติดป้ายโฆษณา หรือสร้างรายได้เข้าบล็อกได้หลายแบบ ขอเพียงไม่ผิดกฏการใช้งาน แถมฟรีอีกด้วย

6. บล็อกที่มีชื่อเสียง มีคนเข้าใช้งานมากๆ สามารถขายได้ ขายบล็อกให้คนอื่นไปเลย

7. Google ซึ่งเป็นเจ้าของ Blogger.com นั่นมีบริการอีกมากที่เราสามารถนำมาใช้งานร่วมกับบล็อกของเราได้ เช่น
- การสมัครใช้บริการ Youtube เพื่ออัพโหลดวิดีโอเข้าไป แล้วดึงมาแสดงในบล็อกของเรา
- กรณีทำเว็บบล็อกเพื่อขายสินค้า ก็จะสามารถทำโฆษณาของตัวเองผ่าน Adwords ของ Google เพื่อขายสินค้าและบริการในบล็อก
- การใช้งานร่วมกับโซเชียลเน็ตเวิร์ค Google+ เป็นอีกทางที่ช่วย เผยแพร่เนื้อหาในบล็อกให้เป็นที่รู้จัก

8. สำหรับผู้ที่ใช้งานมือถือ Android หรือแท็บเล็ตทั้ง Android และ iPad การสร้างบล็อกรองรับการใช้งานกับอุปกรณ์เหล่านั้น ซึ่งจะมีแอพให้ใช้งาน ช่วยให้เราสามารถอัพเดทข้อมูลลงบล็อกได้ทุกที่ที่ต้องการ

Details: Category: สร้างเว็บบล็อกฟรีด้วย blogger; Hits: 1641

การสร้างบล็อกเพื่อใช้งานที่ Blogger.com จะมีขั้นตอนต่างๆ ที่สามารถเริ่มทำตามนี้ได้เลย
Step 1 สมัครอีเมล์ของ Gmail หรือ Google Mail
การสมัครให้ใช้ชื่อจริงนามสกุลจริง และเตรียมโทรศัพท์มือถือให้พร้อม เพราะอาจจะมีการร้องขอให้มีการส่งรหัสบางอย่างเข้ามือถือแล้วนำมาป้อนในการสมัครอีเมล์ การสมัครนั้นกรณีมีมือถือ Android จะสมัครง่ายกว่า

Step 2 สมัคร Blogger.com ด้วยอีเมล์ Gmail
เนื่องจากเป็นเจ้าของเดียวกัน จึงสามารถสมัครใช้งาน Blogger.com ด้วยอีเมล์ของ Gmail ได้ไม่ยาก แค่กรอกข้อมูลนิดๆ หน่อยๆ ก็ใช้งานได้ทันที

Step 3 เริ่มต้นสร้างชื่อบล็อก หลังจากได้สมัครเรียบร้อยแล้ว
หลังจากสมัครเป็นสมาชิก Blogger.com เรียบร้อยแล้ว ต่อไปก็จัดการสร้างชื่อบล็อกของเราได้เลย เช่น blogtipsforthais ก็จะได้ชื่อบล็อกให้ใช้งานก็คือ blogtipsforthais.blogspot.com การใช้ชื่อบล็อกนั้น อาจจะใช้ชื่อหน่วยงาน ร้านค้า ฯลฯ การตั้งชื่อจะยุ่งยากกรณีเดียวเท่านั้นก็คือ กรณีที่ต้องการทำเว็บบล็อกเพื่อหาเงิน จะมีขั้นตอนการตั้งชื่อที่ยุ่งยาก เพราะชื่อที่ดี นั่นหมายถึงเงินจะไหลมาเทมานั่นเอง ชื่อดีๆ ที่ทำเงินนับวันก็หายากมาก

Step 4 ปรับแต่งบล็อกขั้นพื้นฐาน
ขั้นตอนหลังจากได้บล็อกเป็นของเราเองแล้ว ต่อไปก็จะทำการปรับแต่งค่าพื้นฐานบางอย่างก่อน จะใช้งานจริง

Step 5 เริ่มต้นทำบทความหรือโพสต์ลงบล็อก
การเขียนบทความหรือการโพสต์ใน Blogger แทบไม่ต่างจากการส่งอีเมล์เลย ง่ายมากๆ แค่พิมพ์เนื้อหาบทความที่ต้องการ แล้วคลิกเผยแพร่ ข้อมูลก็พร้อมจะแสดงให้ผู้เข้าชมอ่านได้ทันที การเขียนบทความสามารถใส่ภาพหรือวิดีโอประกอบในบทความได้เช่นกัน

Step 6 เผยแพร่บทความในบล็อกให้เป็นที่รู้จัก
เมื่อมีบทความแล้วก็หาทางเผยแพร่บทความในบล็อก Blogger.com ของเราให้เป็นที่รู้จัก ซึ่งอาจจะเสียเงินค่าโฆษณา หรือใช้ Adwords หรือเว็บบอร์ดต่างๆ ไปแสดงความคิดเห็นแล้วทิ้งลิงค์มายังเว็บบล็อกของเราให้คนติดตามมาเยี่ยมชม

Step 1 - Step 6 นี้สามารถทำได้ในเวลาไม่ถึง 1 ชั่วโมงเท่านั้นเอง ก็จะมีบล็อกเป็นของตนเอง ไว้เผยแพร่ข้อมูล จะใช้เป็นการส่วนตัวหรือเชิงธุรกิจก็ตาม ไม่มีปัญหา ขอเพียงไม่ทำผิดกฏการใช้บริการ