Sponsored Ads

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

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

 


ตัวอย่างการติดตั้ง Joomla 2.5 นี้จะเป็นการติดตั้งในเว็บไซต์ englishforthai.com ซึ่งเป็นเว็บไซต์ที่ใช้งานจริง เว็บไซต์รวมข้อมูลการเรียนภาษาอังกฤษด้วยตนเอง ซึ่งหัวข้อก่อนๆ หน้านี้เรา ได้เตรียมความพร้อมก่อนติดตั้งแล้วเช่น อัพโหลดไฟล์ Joomla เข้าพื้นที่เว็บไซต์และสร้างฐานข้อมูล MySQL เรียบร้อยแล้ว ระหว่างการติดตั้งให้เปิดโปรแกรม File Manager รอไว้ด้วย
1. เริ่มการติดตั้งโดยพิมพ์ชื่อเว็บไซต์เช่น www.englishforthai.com ก็จะเข้าสู่หน้าจอให้ติดตั้ง Joomla 2.5 ทันที
2. จะเข้าสู่หน้าจอแรกของการติดตั้ง คลิกเลือก English (United States) แล้วคลิก Next

 

3. ขั้นตอนการตรวจสอบการติดตั้ง คลิก Next ถ้ามีข้อความสีแดง แสดงว่ายังมีบางไฟล์ ที่น่าจะมีปัญหา ให้อ่านดูก่อนว่า จะมีผลอย่างไรบ้าง ส่วนใหญ่ปัญหาเดียวก็คือจะไม่มีไฟล์ configuration.php

 

4. หน้าจอแสดง ลิขสิทธิ์ การใช้โปรแกรม คลิก Next

 

5. พิมพ์ข้อมูลการเรียกใช้งานฐานข้อมูล MySQL ที่ได้สร้างไว้ก่อนหน้านี้แล้วด้วย PhpMyAdmin
6. คลิก Next

 

7. การตั้งค่า FTP คลิกเลือก No
8. คลิก Next

 

9. พิมพ์ชื่อเว็บไซต์ของเรา เช่น English For Thai
10. พิมพ์อีเมล์และรหัสผ่าน จดไว้ให้ดี ไม่เช่นนั้นจะเข้าเว็บไซต์ไม่ได้ สิ่งสำคัญที่ต้องจำก็คือ ชื่อเข้าระบบของคุณ เช่น admin และรหัสผ่าน
11. คลิก Install Sample Data สำหรับมือใหม่ แนะนำตัวเลือกนี้ เพื่อให้เห็นตัวอย่างจริงๆ ว่าเวลาที่มีการใส่ข้อมูลเข้าไปแล้ว หน้าตาเว็บไซต์ที่ได้จะเป็นอย่างไร เมื่อเข้าใจดีแล้วก็สามารถติด ตั้งโดยไม่ต้องติดตั้งข้อมูลตัวอย่าง เพราะจะเสียเวลาลบข้อมูลตัวอย่าง ซึ่งมีเยอะเหมือนกัน แต่ในที่นี้ไม่ได้ติดตั้งข้อมูลตัวอย่าง เพราะจะสร้างเอง
12. คลิก Next


13. หน้าจอสุดท้าย จะแสดงชื่อและข้อมูลสำหรับเข้าเว็บไซต์ Joomla ที่ติดตั้งเสร็จแล้ว
14. คลิก Site เพื่อดูหน้าตาของเว็บไซต์ที่ได้ (แต่ห้ามคลิกในตอนนี้)
15. คลิก Administrator เพื่อเข้าไปปรับแต่งเว็บไซต์ (แต่ห้ามคลิกในตอนนี้)


16. ให้กลับไปที่หน้าจอโปรแกรมจัดการไฟล์ File Manager กรณีใช้ DirectAdmin ให้คลิกคำสั่ง Rename หลังชื่อโฟลเดอร์ installation เพื่อไปเปลี่ยนชื่อให้เป็นชื่ออื่น การลบจะใช้เวลานาน เปลี่ยนชื่อจะเร็วกว่า ไว้มีเวลาค่อยลบทิ้งไป

 

17. ให้กลับไปที่หน้าจอโปรแกรมจัดการไฟล์ File Manager กรณีใช้ DirectAdmin ให้คลิกเลือกโฟลเดอร์ installation

18. คลิกคำสั่ง Rename

19. แก้ไขชื่อโฟลเดอร์แล้วคลิก Rename File การลบจะเสียเวลามาก ไว้ลบภายหลัง

 

20. จากนั้นจึงคลิก Administrator หรือ Site ในข้อที่ 14 หรือ 15
21. เมื่อคลิกที่ Administrator ก็จะปรากฏหน้าจอให้พิมพ์ Username และ Password รหัสผ่าน จะเป็นรหัสผ่านที่ได้ตั้งไว้ในข้อที่ 10 ส่วน Username ให้ใช้ admin
Username = admin
Password = ที่ได้ตั้งไว้ในข้อที่ 10
22. พิมพ์เข้าไปแล้วคลิก Login

 

23. หน้าจอผู้ดูแลระบบ ชื่อ URL เช่น http://www.englishforthai.com/administrator/index.php ให้ Bookmark หรือ Favorites เก็บไว้ เพราะต้องใช้ในการเข้าระบบ ไปปรับแต่งเว็บไซต์ จะได้ไม่เสียเวลาพิมพ์ชื่อยาวขนาดนี้
24. หน้าจอที่เห็นสำหรับเจ้าของเว็บไซต์เข้ามาปรับแต่งระบบ แต่หน้าจอที่คนเข้าเยี่ยมชมเห็นจะเป็นอีกหน้าจอหนึ่ง คลิกที่ View Site มุมบนขวาของจอ

 

25. ตัวอย่างหน้าจอเว็บไซต์ที่ได้สร้างด้วยโปรแกรม Joomla! 2.5 หน้าจอแบบนี้เป็นกรณีที่ติดตั้งข้อมูลตัวอย่าง


26. ตัวอย่างหน้าจอ กรณีที่ไม่ติดตั้งข้อมูลตัวอย่าง

 

สรุปสิ่งที่ต้องรู้หลังการติดตั้ง Joomla 2.5
1. URL เว็บไซต์ ของเรา เช่น http://www.englishforthai.com เป็นหน้าจอที่คนเข้าชมเว็บไซต์จะมองเห็น
2. การเข้าไปปรับแต่งระบบจะพิมพ์ URL คือ http://www.englishforthai.com/administrator/index.php หน้าจอนี้สำหรับเจ้าของเว็บไซต์เข้ามาปรับแต่ง ใส่ข้อมูล พิมพ์บทความลงในเว็บไซ ต์


ตัวอย่างการติดตั้ง Joomla 2.5 นี้จะเป็นการติดตั้งในเว็บไซต์ englishforthai.com ซึ่งเป็นเว็บไซต์ที่ใช้งานจริง เว็บไซต์รวมข้อมูลการเรียนภาษาอังกฤษด้วยตนเอง ซึ่งหัวข้อก่อนๆ หน้านี้เรา ได้เตรียมความพร้อมก่อนติดตั้งแล้วเช่น อัพโหลดไฟล์ Joomla เข้าพื้นที่เว็บไซต์และสร้างฐานข้อมูล MySQL เรียบร้อยแล้ว ระหว่างการติดตั้งให้เปิดโปรแกรม File Manager รอไว้ด้วย
1. เริ่มการติดตั้งโดยพิมพ์ชื่อเว็บไซต์เช่น www.englishforthai.com ก็จะเข้าสู่หน้าจอให้ติดตั้ง Joomla 2.5 ทันที
2. จะเข้าสู่หน้าจอแรกของการติดตั้ง คลิกเลือก English (United States) แล้วคลิก Next

 

3. ขั้นตอนการตรวจสอบการติดตั้ง คลิก Next ถ้ามีข้อความสีแดง แสดงว่ายังมีบางไฟล์ ที่น่าจะมีปัญหา ให้อ่านดูก่อนว่า จะมีผลอย่างไรบ้าง ส่วนใหญ่ปัญหาเดียวก็คือจะไม่มีไฟล์ configuration.php

 

4. หน้าจอแสดง ลิขสิทธิ์ การใช้โปรแกรม คลิก Next

 

5. พิมพ์ข้อมูลการเรียกใช้งานฐานข้อมูล MySQL ที่ได้สร้างไว้ก่อนหน้านี้แล้วด้วย PhpMyAdmin
6. คลิก Next

 

7. การตั้งค่า FTP คลิกเลือก No
8. คลิก Next

 

9. พิมพ์ชื่อเว็บไซต์ของเรา เช่น English For Thai
10. พิมพ์อีเมล์และรหัสผ่าน จดไว้ให้ดี ไม่เช่นนั้นจะเข้าเว็บไซต์ไม่ได้ สิ่งสำคัญที่ต้องจำก็คือ ชื่อเข้าระบบของคุณ เช่น admin และรหัสผ่าน
11. คลิก Install Sample Data สำหรับมือใหม่ แนะนำตัวเลือกนี้ เพื่อให้เห็นตัวอย่างจริงๆ ว่าเวลาที่มีการใส่ข้อมูลเข้าไปแล้ว หน้าตาเว็บไซต์ที่ได้จะเป็นอย่างไร เมื่อเข้าใจดีแล้วก็สามารถติด ตั้งโดยไม่ต้องติดตั้งข้อมูลตัวอย่าง เพราะจะเสียเวลาลบข้อมูลตัวอย่าง ซึ่งมีเยอะเหมือนกัน แต่ในที่นี้ไม่ได้ติดตั้งข้อมูลตัวอย่าง เพราะจะสร้างเอง
12. คลิก Next


13. หน้าจอสุดท้าย จะแสดงชื่อและข้อมูลสำหรับเข้าเว็บไซต์ Joomla ที่ติดตั้งเสร็จแล้ว
14. คลิก Site เพื่อดูหน้าตาของเว็บไซต์ที่ได้ (แต่ห้ามคลิกในตอนนี้)
15. คลิก Administrator เพื่อเข้าไปปรับแต่งเว็บไซต์ (แต่ห้ามคลิกในตอนนี้)


16. ให้กลับไปที่หน้าจอโปรแกรมจัดการไฟล์ File Manager กรณีใช้ DirectAdmin ให้คลิกคำสั่ง Rename หลังชื่อโฟลเดอร์ installation เพื่อไปเปลี่ยนชื่อให้เป็นชื่ออื่น การลบจะใช้เวลานาน เปลี่ยนชื่อจะเร็วกว่า ไว้มีเวลาค่อยลบทิ้งไป

 

17. ให้กลับไปที่หน้าจอโปรแกรมจัดการไฟล์ File Manager กรณีใช้ DirectAdmin ให้คลิกเลือกโฟลเดอร์ installation

18. คลิกคำสั่ง Rename

19. แก้ไขชื่อโฟลเดอร์แล้วคลิก Rename File การลบจะเสียเวลามาก ไว้ลบภายหลัง

 

20. จากนั้นจึงคลิก Administrator หรือ Site ในข้อที่ 14 หรือ 15
21. เมื่อคลิกที่ Administrator ก็จะปรากฏหน้าจอให้พิมพ์ Username และ Password รหัสผ่าน จะเป็นรหัสผ่านที่ได้ตั้งไว้ในข้อที่ 10 ส่วน Username ให้ใช้ admin
Username = admin
Password = ที่ได้ตั้งไว้ในข้อที่ 10
22. พิมพ์เข้าไปแล้วคลิก Login

 

23. หน้าจอผู้ดูแลระบบ ชื่อ URL เช่น http://www.englishforthai.com/administrator/index.php ให้ Bookmark หรือ Favorites เก็บไว้ เพราะต้องใช้ในการเข้าระบบ ไปปรับแต่งเว็บไซต์ จะได้ไม่เสียเวลาพิมพ์ชื่อยาวขนาดนี้
24. หน้าจอที่เห็นสำหรับเจ้าของเว็บไซต์เข้ามาปรับแต่งระบบ แต่หน้าจอที่คนเข้าเยี่ยมชมเห็นจะเป็นอีกหน้าจอหนึ่ง คลิกที่ View Site มุมบนขวาของจอ

 

25. ตัวอย่างหน้าจอเว็บไซต์ที่ได้สร้างด้วยโปรแกรม Joomla! 2.5 หน้าจอแบบนี้เป็นกรณีที่ติดตั้งข้อมูลตัวอย่าง


26. ตัวอย่างหน้าจอ กรณีที่ไม่ติดตั้งข้อมูลตัวอย่าง

 

สรุปสิ่งที่ต้องรู้หลังการติดตั้ง Joomla 2.5
1. URL เว็บไซต์ ของเรา เช่น http://www.englishforthai.com เป็นหน้าจอที่คนเข้าชมเว็บไซต์จะมองเห็น
2. การเข้าไปปรับแต่งระบบจะพิมพ์ URL คือ http://www.englishforthai.com/administrator/index.php หน้าจอนี้สำหรับเจ้าของเว็บไซต์เข้ามาปรับแต่ง ใส่ข้อมูล พิมพ์บทความลงในเว็บไซ ต์


ผู้คนส่วนใหญ่จะค้นหาข้อมูลผ่าน Search Engine อย่าง Google, Yahoo หรือ bing ดังนั้นการปรับแต่ง Joomla เพื่อให้เข้ากับหลัก SEO จึงเป็นเรื่องสำคัญมากในปัจจุบัน เพราะจะช่วยให้ เว็บไซต์ถูกแสดงในหน้าแรกของผลการค้นหาผ่านหน้า Google ที่ดูน่าสนใจกว่าเว็บไซต์ที่สร้างโดยไม่คำนึงถึงหลัก SEO

ตั้งชื่อเว็บไซต์ Joomla 2.5 ให้เข้าหลัก SEO
การตั้งชื่อเว็บไซต์เป็นที่สำคัญที่ต้องตั้งให้เข้าหลัก SEO เพื่อให้อ่านแล้วสื่อความหมาย และน่าสนใจเมื่อชื่อเว็บไซต์ถูกแสดงในผลการค้นหา ผ่าน Google, Yahoo, bing หรือ Search Engine อื่นๆ

ตัวอย่างชื่อเว็บไซต์ที่ตั้งให้เข้าหลัก SEO เมื่อมีการค้นหาด้วยคำค้นหาที่เกี่ยวข้องกับชื่อเว็บไซต์ หรือกรณีพิมพ์ชื่อเว็บไซต์นั้นๆ โดยตรง (english for thai.com) ผ่านส่วนค้นหาใน Google ตัวอย่างผลการค้นหา ที่แสดงออกมานั้น จะเห็นว่า ลำดับสุดท้าย English for Thais บล็อกแนะนำการเรียนภาษาอังกฤษผ่านเน็ตฟรีที่ดีที่สุด อ่านแล้วน่าคลิกไปอ่านมากๆ รองมา ก็คือ รายการแรก รวมบทความ รวมเทคนิคการเรียนภาษาอังกฤษด้วยตนเองสำหรับคนไทย ในขณะที่ผลการค้นหาอื่นๆ ดูแล้วเข้าใจยาก
english for thai จะเปรียบได้กับการชื่อบทความหรือชื่อเว็บไวต์ ส่วนข้อความที่เหลือ เช่น สโลแกนเว็บไซต์หรือย่อหน้าแรกของบทความหรือ Category ต้องสอดคล้องกัน

#
English For Thai
englishforthai.com/component/content/?view=featured - แคช
คุณ +1 รายการนี้สู่สาธารณะ เลิกทำ
3 วันก่อน – รวมบทความ รวมเทคนิคการเรียนภาษาอังกฤษด้วยตนเองสำหรับคนไทย.
#
learn English with free English lessons, ESL, TOEFL, TOEIC
www.yindii.com/ - แคชใกล้เคียง
คุณ +1 รายการนี้สู่สาธารณะ เลิกทำ
Click here. and get 1 CD free! Buy a set of 3 CDs for only 550 baht. Software for Thai learners of English from the Yindii.com team ...
#
English Room - Learn English for Thai Students
www.english-room.com/ - แคชใกล้เคียง - แปลหน้านี้
คุณ +1 รายการนี้สู่สาธารณะ เลิกทำ
Joomla - the dynamic portal engine and content management system.
#
Study English For Thai From Thai in UK | Facebook
www.facebook.com/...English-For-Thai...Thai.../142327575835... - แคช
คุณ +1 รายการนี้สู่สาธารณะ เลิกทำ
Study English For Thai From Thai in UK - This is an English school and Online community for Thai. - Description: This school is a pilot school for Thai people ...
#
English For Thais (English4thai) on Twitter
twitter.com/#!/English4thai
คุณ +1 รายการนี้สู่สาธารณะ เลิกทำ
English For Thais (English4thai) is on Twitter. Sign up for Twitter to follow English For Thais (English4thai) and get their latest updates.
#
English for Thais บล็อกแนะนำการเรียนภาษาอังกฤษผ่านเน็ตฟรีที่ดีที่สุด
learningpune.com/?p=2743 - แคชใกล้เคียง
คุณ +1 รายการนี้สู่สาธารณะ เลิกทำ
5 ม.ค. 2010 – สิบปากว่าไม่เท่าตาเห็น ลองเข้าไปดูกันได้ที่นี่ http://english-for-thais-2.blogspot.com/ แล้วอย่าลืมบอกต่อๆ กันนะ ช่วยกันกระจายแหล่งความรู้ดีๆ ...

 

 


ชื่อเว็บไซต์และสโลแกนเว็บไซต์ต้องตั้งให้สื่อความหมายหรือมีลักษณะเป็นโฆษณาชวนเชื่อนั่นเอง แต่เนื้อหาต้องน่าเชื่อถือตามนั้น ส่วนการทำ SEO ใน Joomla จะช่วยให้การแสดงชื่อบท ความ มีความหมาย ไม่ว่าจะเป็นการจดโดเมนทำเว็บไซต์ของตนเองหรือใช้ฟรีเว็บไซต์ก็ตาม ต้องคิดหาชื่อและสโลแกนที่อ่านแล้วโดนใจ น่าคลิกเข้าไปอ่าน

 

ตัวอย่างชื่อบทความที่ไม่มีความหมาย ไม่เข้าหลัก SEO เช่น go2pasa.ning.com/xn/detail/2456660:Topic:874239?xg_source... และ www.pantown.com/board.php? id=18488&area=3.
ตัวอย่างเว็บที่ตั้งชื่อบทความเข้าหลัก SEO ชื่อลิงค์หรือ URL ดูมีความหมาย เช่น www.iqkidonline.com/2012/02/.../นิทาน-หมูสามตัว-ภาษาอังก..
1. เข้า File Manager แล้วจัดการเปลี่ยนชื่อไฟล์ htaccess.txt ของ Joomla 2.5 เป็นชื่อ .htaccess

 

2. ตัวอย่างไฟล์ที่เปลี่ยนชื่อเรียบร้อยแล้ว

 

3. ไฟล์ .htaccess นี้ให้ Chmod เป็น 777 ไว้ด้วย รอให้ตั้งค่าเสร็จแล้ว ให้เปลี่ยนเป็น 644 เหมือนเดิม

 

4. เข้า Joomla 2.5 แบบผู้ดูแลระบบ แล้วคลิก Site>>Global Configuration
5. ช่อง Site Name พิมพ์ชื่อ เว็บไซต์ของเราลงไป
6. ในส่วน SEO Settings คลิกเลือกตามตัวอย่าง
Search Engine Friendly URLs = Yes
Use URL rewriting = Yes
Adds Suffix to URL = Yes
Unicode Aliases = Yes
Include Site Name in Page Titles เลือก No

 

7. เลื่อนลงด้านล่าง ไปตั้งค่าสโลแกนเว็บไซต์ ในช่อง Site Meta Description
8. ส่วน Site Meta Keywords ให้พิมพ์คำค้นหาที่เกี่ยวข้องหรือสอดคล้องกับชื่อเว็บไซต์หรือเนื้อหาที่นำเสนอในเว็บไซต์ของเรา คั่นแต่ละคำด้วยคอมม่า
9. เสร็จแล้วคลิก Save & Close

 

 

10. สำหรับการตั้งค่า Global Configuration ก่อนจะตั้งค่าให้ Chmod ไฟล์ Configuration.php เป็น 777 ก่อน ไม่เช่นนั้นอาจจะตั้งค่าไม่ได้ โดยจะทำในโปรแกรม File Manager
11. แต่หลังจากปรับแต่งเสร็จแล้ว ให้เปลี่ยนเป็น 444 เพื่อความปลอดภัย

 

 

ข้อมูลเพิ่มเติมเกี่ยวกับการทำ SEO ใน Joomla
หลักการทำ SEO สำหรับเว็บไซต์ที่สร้างด้วย Joomla