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

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

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

F. สร้างไฟล์ Redirect เพื่อเรียกใช้งานเว็บไซต์
เป็นการสร้างไฟล์เพื่อรีไดเรคให้วิ่งเข้าไปอ่านข้อมูลในโฟลเดอร์ joomla ที่เก็บไฟล์ของจูมล่า ในเว็บไซต์
1. ลักษณะการเก็บข้อมูลในเว็บไซต์จะแยกเก็บไฟล์ของโปรแกรมต่างๆ ไว้คนละโฟลเดอร์ เช่น joomla เก็บไฟล์ของจูมล่า board เก็บไฟล์เว็บบอร์ด
2. ถ้าภายนอกสุด ไม่มีไฟล์อะไรเลย เมื่อเข้าเว็บไซต์โดยพิมพ์ชื่อเว็บไซต์ก็จะแสดงรายชื่อ ไฟล์ภายใน แต่ไม่แสดงหน้าจอจูมล่า
3. ให้สร้างไฟล์รีไดเรคไว้ภายในเช่น index.html, index.php, index.htm ถ้าเป็นการ ใช้งานจริงๆ ให้สร้างไว้ 3 ไฟล์ แล้วอัพโหลดเข้าเว็บไซต์ กำหนด Chmod = 644 ตรงนี้สำคัญมาก เพราะบางคนสามารถเจาะระบบผ่านไฟล์เหล่านี้ได้
4. ในโฟลเดอร์หลักที่เก็บเว็บไซต์ในเครื่องของเราเอง ให้ชี้เมาส์ที่ว่างๆ ด้านขวามือ คลิก ปุ่มขวาของเมาส์ เรียกคำสั่งลัด
5. คลิกคำสั่ง New>>Text Document
6. จะได้ไฟล์ชื่อ New Text Document.txt ปรากฏบนจอ ให้คลิกที่ไฟล์ช้าๆ 2 ครั้ง แล้วเปลี่ยน ชื่อเป็น index.php แล้วกด Enter สร้างไฟล์ index.htm และ index.html ด้วย วิธีการเดียวกัน
7. คลิก Yes

8. แก้ไขข้อมูลข้างในไฟล์ โดยชี้ที่ไฟล์ index.php ที่ได้ คลิกปุ่มขวาของเมาส์
9. คลิก Open With>>Notepad
10. พิมพ์ข้อมูลเข้าไปคล้ายตัวอย่าง เริ่มตั้งแต่ <html> ถึง </html>
<html>
<head>
<META HTTP-EQUIV="Refresh" CONTENT="0;URL=http://www.joomlatips.kmancity.com/joomla">
</head>
</html>
** http://www.joomlatips.kmancity.com เป็นชื่อเว็บไซต์ของผม คุณผู้อ่านใช้ต้อง ใช้ชื่อเว็บของคุณเอง
ห้ามใช้ชื่อนี้เพราะจะเป็นการเรียกใช้งานเว็บไซต์ของผม ส่วนชื่อโฟลเดอร์ ที่เก็บไฟล์ของจูมล่าก็เช่นกัน ถ้าใช้ชื่ออื่นก็ต้องแก้ไขให้ถูกต้อง
11. เสร็จแล้วคลิก File>>Save
12. จัดการอัพโหลดไฟล์นี้ไปไว้ในเว็บไซต์ ในตำแหน่งด้านนอกสุด คล้ายตัวอย่าง เมื่อ เข้าเว็บไซต์ โดยพิมพ์ชื่อเว็บไซต์ เช่น www.joomlatips.kmancity.com ก็จะเข้าหน้าเว็บไซต์ทันที

Details: Category: มือใหม่เจาะลึก Joomla!; Hits: 1420

G. การยกเลิกการติดตั้ง Joomla
ถ้าเป็นการฝึกติดตั้งจูมล่า และยังไม่มีการปรับแต่งอะไร อาจเผลอลบไฟล์หรือแต่งจนเละ กู่ไม่กลับ อยากลบออกแล้วลงใหม่ เพราะไม่อยากเสียเวลาแก้ไข
1. จัดการลบโฟลเดอร์ที่เก็บไฟล์ของ Joomla! ในเว็บไซต์ตัวอย่างนี้ได้ติดตั้งไว้ใน joomla ก็ลบโฟลเดอร์นี้ออกไป แค่นั้นเอง
2. จัดการอัพโหลดเข้าไปใหม่อีกครั้ง แล้วเริ่มทำการติดตั้งใหม่
3. ถ้ามีการปรับแต่งใดๆ ไว้ พื้นที่ในเว็บไซต์ ยังมีอีกเยอะ ก็ยังไม่ต้องลบ ให้สร้างโฟลเดอร์ ใหม่เพื่อเก็บไฟล์ของ Joomla! เช่น mainsite จัดการก็อปปี้ไฟล์ของจูมล่ามาไว้ในนี้ แล้วติดตั้งใหม่ โดยพิมพ์ ชื่อเว็บไซต์/ชื่อโฟลเดอร์ใหม่ที่เก็บไฟล์ Joomla!/installation
4. ติดตั้งเสร็จแล้ว ก็แก้ไขไฟล์ index.html ที่ได้สร้างรีไดเรคไว้ ให้ชี้ไปที่โฟลเดอร์ใหม่ ที่ได้ติดตั้งจูมล่า
5. คงจะเห็นประโยชน์ของไฟล์ที่ทำหน้าที่รีไดเรคกันแล้ว ในเครื่องจะติดตั้งโปรแกรมอะไร ไว้ก็ตาม จะเป็น Wordpress, drupal, mambo, smf, PHP-Nuke ฯลฯ อยากจะให้ตัวไหนทำงาน ก็แก้ไขในไฟล์รีไดเรค ให้ชี้ไปยังตำแหน่งโฟลเดอร์ที่ต้องการได้เลย
6. นอกจากการลบไฟล์ของจูมล่าแล้ว ก็ต้องไปลบฐานข้อมูล MySQL ด้วย ไม่เช่นนั้นก็ จะเสียพื้นที่ในการเก็บไฟล์ฐานข้อมูล ตรงนี้ต้องใช้โปรแกรม cPanel หรือ DirecAdmin เฉพาะ ผู้ที่เช่าฟรีเว็บไซต์บางที่หรือเช่าพื้นที่ทำเว็บไซต์เป็นของตนเอง จึงจะได้ใช้งานโปรแกรมแบบนี้ ส่วน ที่ kmancity ผมไม่อนุญาตให้ใช้ครับ ต้องหาโปรแกรมเสริมของ Joomla มาติดตั้งเอง

Details: Category: มือใหม่เจาะลึก Joomla!; Hits: 1632

ย้าย Joomla ไปไว้ในเว็บไซต์ใหม่
ในครั้งแรกอาจทดลองติดตั้งเว็บไซต์ในฟรีเว็บไซต์ เมื่อใช้ไปนานๆ แล้วต้องการมีเว็บไซต์ เป็นของตนเอง เช่น จากเดิม ขอฟรีเว็บไซต์ไว้ที่ www.kmancity.com ชื่อเว็บไซต์ที่ได้ จะค่อนข้าง ยาวเช่น www.joomlatips.kmancity.com อยากจะมีเว็บไซต์เป็นของตัวเอง เช่น ชื่อ www.joomlatips.com หรือ www.joomlatips.co.th ฯลฯ ก็สามารถย้ายข้อมูลจากฟรีเว็บไซต์ www.joomlatips.kmancity.com ไปไว้ที่ใหม่ได้เลย โดยไม่ต้องติดตั้งใหม่ หรือปรับแต่งใดๆ ทั้งสิ้น ก็เหมือนการก็อปปี้ไปทั้งก้อนเลย โดยใช้โปรแกรม JoomlaPack

Details: Category: มือใหม่เจาะลึก Joomla!; Hits: 979

A. ดาวน์โหลดโปรแกรม Joomla Pack
1. ไปที่ http://extensions.joomla.org
2. คลิกหมวด Access & Security
3. คลิกเลือกหมวดย่อยชื่อ Backup
4. คลิกชื่อโปรแกรมเสริมของจูมล่าที่ต้องการดาวน์โหลด = JoomlaPack