คอม-ไทย ดอทเน็ต

ทำเว็บไซต์แบบมืออาชีพง่ายๆ ด้วย PHP-Nuke ระบบสร้างเว็บไซต์แบบ CMS
PHP-Nuke ชื่อนี้ได้ยินมานานแล้ว เมื่อก่อนทราบมาเพียงแต่ว่าเป็นระบบการ สร้างเว็บไซต์สำเร็จรูป (Content Management System หรือ CMS) ด้วยการใช้งานภาษา PHP ร่วมกับระบบฐานข้อมูล MySQL ครั้งแรก ๆ ที่ผมพอจะทราบเรื่องราวของ PHP-Nuke ก็ไม่ได้สนใจอะไรมากนัก แต่ต่อมา ได้มีการพัฒนารูปแบบ และมีความสามารถในการเพิ่มลูกเล่นต่าง ๆ ได้มาก จึงทำให้ผู้สร้างเว็บไซต์ หันมานำเอา PHP-Nuke มาใช้ทำเว็บไซต์กันมากขึ้น เนื่องจากรูปแบบที่ปรับเปลี่ยนได้ง่าย และมีความสวยงามไม่แพ้มืออาชีพเลยทีเดียว โดยที่ผู้สร้างเว็บไซต์ ไม่จำเป็นต้องทราบการเขียนสคริปต์ต่าง ๆ มากนัก

แรกเริ่มจากการทดลอง หาข้อมูลต่าง ๆ เพื่อหัดใช้งาน PHP-Nuke ตัวนี้ ต้องยอมรับเลยครับว่า ไม่ง่ายสำหรับผู้เริ่มต้น อย่างที่คิดไว้นัก ขนาดว่าตัวผมเอง ทำเว็บไซต์มานานพอสมควรแล้ว ยังต้องงมอยู่พักใหญ่ ๆ จึงจะถึงบางอ้อครับ ดังนั้น จุดประสงค์สำหรับเรื่องนี้ คือการให้คำแนะนำ รูปแบบ วิธีการติดตั้ง และเทคนิคทั่ว ๆ ไปที่ต้องนำมาใช้งาน และเทคนิคการติดตั้ง PHP-Nuke ในเบื้องต้น โดยจะแนะนำในแต่ละขั้นตอน จนกว่าคุณจะสามารถสร้างเว็บไซต์ด้วย PHP-Nuke ตัวอย่างขึ้นมา เป็นของตัวเองได้ แต่หากใครต้องการ พัฒนาหรือทำความรู้จักกับ PHP-Nuke ให้มากขึ้น ก็คงจะต้อง พยายามศึกษาหาความรู้ และทดลองปรับแต่งระบบต่าง ๆ กันเองต่อไปนะครับ

การเตรียมเครื่องคอมพิวเตอร์และซอฟต์แวร์ที่จำเป็นต่าง ๆ ไว้ให้พร้อม

ก่อนอื่น คุณจะต้องเตรียมการติดตั้งโปรแกรมต่าง ๆ ที่จำเป็นในการดาวน์โหลด แก้ไข และอัพโหลด PHP-Nuke ไปใส่ใน Server ก่อนนะครับ โดยมีรายละเอียดของซอฟต์แวร์ที่จำเป็นดังนี้

1. WinRAR สำหรับการแตกไฟล์ของ PHP-Nuke ที่ดาวน์โหลดมา
2. WinZIP สำหรับการแตกไฟล์ของ PHP-Nuke ที่ดาวน์โหลดมา
3. Edit Plus สำหรับการแก้ไขไฟล์ต่าง ๆ ของ PHP ที่เป็น Source Code
4. WS_FTP สำหรับการอัพโหลดไฟล์ PHP ที่แก้ไขแล้ว ขึ้นไปเก็บไว้ใน Server (แนะนำให้ใช้ version 7.5 ขึ้นไปครับ)

Read the rest of this entry »

การสร้างหน้า Error Not Found ต่าง ๆ ให้เป็นแบบของเราเอง
เคยเห็นหน้าตาของเว็บ ที่เมื่อเราใส่ URL ผิดและจะขึ้นว่า Page Not Found บ้างไหมครับ อย่างของที่นี่เอง จะใช้ hosting ของ hypermart.net ซึ่งหากมีการใส่ URL ผิดไป ก็จะขึ้นหน้า Error ของ Hypermart แต่เราสามารถที่จะทำการกำหนด หรือสร้างหน้าเว็บสำหรับ Error Page ขึ้นมาเองได้ คุณสามารถทำการทดสอบ หน้า Error เว็บของที่นี่ได้ โดยการพิมพ์ชื่อ http://www.com-th.net/xxxx.html (ซึ่งจะไม่มีหน้าเว็บชื่อนี้อยู่จริง) จะเห็นตัวอย่างนะครับ การสร้างหน้า Error ของเว็บไซต์ขึ้นเอง มีวิธีการง่าย ๆ ดังนี้

สร้างไฟล์ .htaccess ขึ้นมาก่อนโดยมีข้อความข้างในตามด้านล่างนี้ (ให้ตรวจสอบดูก่อนว่าใน root server มีไฟล์ .htaccess อยู่แล้วหรือยัง ถ้ามีอยู่แล้ว ให้นำมาเปิด และเพิ่มบรรทัดเหล่านี้เข้าไปแทนนะครับ)

โดยจะเป็นการกำหนด code การผิดพลาดในกรณีต่าง ๆ และทำการระบุชื่อไฟล์ html ที่ต้องการให้แสดงดังนี้

401 หมายถึง Error – Unauthorized สำหรับการเข้าหน้าเว็บที่ไม่ได้รับอณุญาติ
404 หมายถึง Error – File Not Found สำหรับการเข้าหน้าเว็บที่ไม่มีอยู่จริง
500 หมายถึง Error – Server Error สำหรับการแจ้ง error ต่าง ๆ ของ server

ให้ใช้ Notepad ก็อปปี้หรือสร้างไฟล์ .htaccess นี้และ save เก็บไว้ก่อน จากนั้น ให้ทำการ Upload ไปเก็บไว้ใน Root Server ที่เดียวกับที่คุณใช้เก็บไฟล์ index.html เช่นที่ http://www.com-th.net/.htaccess และตรวจสอบชื่อไฟล์ให้ถูกต้องด้วย

หลังจากนั้น สร้างไฟล์ .html สำหรับหน้า Error ในแบบต่าง ๆ ตามต้องการ โดยตั้งชื่อไฟล์ให้ตรงกับข้อความใน .htaccess เช่นตั้งชื่อให้เป็น error401.html error404.html หรือ error500.html เป็นต้น ทำการอัพโหลดไปเก็บไว้ใน Root Server เช่นเดียวกัน

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

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

<style type=”text/css”> <!– body { scrollbar-face-color: #eff0e0; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffcccc; scrollbar-arrow-color: #000000;} –> </style>

โดยให้ใส่ไว้ในช่วงระหว่าง tag <head>…. กับ </head> นะครับ (โดยอาจจะใช้ Notepad เปิดไฟล์มาทำการแก้ไขก็ได้) ถ้าหากมีการกำหนดสีพื้น หรือรูปแบบตัวอักษรที่ช่อง body อยู่แล้ว ก็ให้ใส่โค้ดนี้ เพิ่มเติมต่อเข้าไปได้เลย ส่วนสีต่าง ๆ ก็ทดลองเปลี่ยนไปเรื่อย ๆ จนกว่าจะถูกใจกันนะครับ และเท่าที่ทราบมา วิธีนี้จะใช้ได้เฉพาะการแสดงผลบน IE เท่านั้นนะครับ