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

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

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

การแก้ไขภาพประกอบเว็บบอร์ด phpBB
เป็นการแก้ไขภาพประกอบหน้าจอเว็บไซต์ เช่น ภาพปุ่มต่างๆ โลโก้หัวเว็บของเราใช้สีแบบใด ก็ควร แก้ไขภาพประกอบให้เป็นไปในทิศทางเดียวกัน
1. ตำแหน่งของภาพประกอบ
2. ตำแหน่งของปุ่มต่างๆ

A. แก้ไขไฟล์ภาพต่างๆ
แก้ไขภาพปุ่มต่างๆ
1. จัดการดาวน์โหลดไฟล์ภาพ มาไว้ในเครื่องของเราก่อน ซึ่งจะมีไฟล์ภาพในไดเรคทอรี th อยู่ ใน imageset อีกที เป็นภาพปุ่มต่างๆ
2. ภาพที่เป็นส่วนประกอบหน้าจอ phpBB จะอยู่ใน /themes/images

3. จะเป็นตัวอย่างการแก้ไขด้วย Photoshop ชี้ลูกศรที่ชื่อไฟล์ภาพ แล้วคลิกปุ่มขวาเรียกคำสั่งลัด
4. คลิกปุ่มซ้ายที่ Edit With Photoshop
5. ภาพแบบ Gif ให้แปลงเป็น RGB ก่อน โดยคลิก Image>>Mode>>RGB

6. ตัวอย่างการแก้ไขภาพปุ่ม ให้กดปุ่ม Ctrl + + เพื่อซูมภาพให้ใหญ่กว่าเดิม
7. คลิก Select>>Color Range...
8. คลิกที่ตัวข้อความบนปุ่ม เพื่อเลือกสีในส่วนนั้น
9. คลิกปุ่ม OK
10. คลิกเลือกสีในจานสี
11. ระบายสีลงไป โดยกด Alt + Delete
12. กดปุ่ม Ctrl + D ให้เส้นประหายไป

13. เลือกสีที่จะระบายให้กับปุ่ม เช่น สีเขียวอ่อนและสีขาว
14. คลิก Select>>Color Range
15. คลิกเลือกสีขาวที่ตัวปุ่ม
16. คลิกปุ่ม OK
17. คลิกเลือก เครื่องมือ เกรเดียนท์ ระบายสีแบบไล่น้ำหนัก
18. ลากเมาส์ ตามตัวอย่าง สีที่ได้ถ้าไม่ถูกใจ ก็ลากซ้ำไปเรื่อยๆ
19. เสร็จแล้ว กด Ctrl + D ให้เส้นประหายไป

20. ตกแต่งเสร็จแล้ว ก็แปลงกลับเป็นไฟล์แบบ Gif เหมือนเดิม โดยคลิก Images>>Mode>> Indexed Color
21. กำหนดค่าตามตัวอย่าง
22. คลิกปุ่ม OK

Details: Category: คู่มือ phpBB; Hits: 1251

แก้ไขภาพประกอบหน้าจอเว็บบอร์ด phpBB
1. การแก้ไขไฟล์ภาพประกอบหน้าจอ php ภาพเหล่านี้จะเป็นภาพที่เล็กมากๆ เมื่อเปิดขึ้นมาใน Photoshop แล้ว ก็ต้องเปลี่ยนโหมดเช่นกัน จาก Gif ให้เป็น RGB
2. ซูมภาพให้ชัดเจน ด้วยการกด Ctrl + + ภาพจะดูใหญ่ขึ้น
3. ผู้เขียนจะใช้วิธีง่ายๆ ในการแก้ไข โดยเลือกสีเขียวอ่อนและสีขาว
4. คลิกเลือกเครื่องมือ Gradient
5. ลากเมาส์ไปบนตัวภาพ เพื่อระบายสี
6. ได้ภาพตามต้องการแล้ว ให้เปลี่ยนโหมดภาพเป็น Indexed Color
7. จากนั้นก็บันทึกงานเก็บไฟล์
8. ปรับแต่งภาพเสร็จแล้วก็อัพโหลดไปไว้ที่เดิมในเว็บไซต์

Details: Category: คู่มือ phpBB; Hits: 1187

เรียกใช้งานสไตล์แบบ Prosilver ในเว็บบอร์ด phpBB
ปกติเมื่อติดตั้งโปรแกรม phpBB ก็จะเรียกใช้งานสไตล์นี้เป็นค่ามาตรฐานอยู่แล้ว แต่อาจมีการ เปลี่ยนแปลง ก็แก้ไขได้ดังนี้
1. เข้าระบบในฐานะผู้ดูแลระบบ
2. คลิก ทั่วไป
3. คลิกตั้งค่าเว็บบอร์ด
4. รูปแบบเริ่มต้น คลิกเลือก Prosilver
5. เสร็จแล้วคลิกตั้งค่า

Details: Category: คู่มือ phpBB; Hits: 1186

ลบข้อมูลในแคชในเว็บบอร์ด phpBB
แคช (Cache) จะเป็นที่พักข้อมูลชั่วคราว เพื่อดูผลการปรับแต่งที่ไม่ผิดเพี้ยน จึงควรลบข้อมูลใน แคชออกเสียก่อน
1. คลิก ปรับแต่งบอร์ด
2. คลิก Template
3. คลิกคำสั่ง Refresh ที่ธีมชื่อ Prosilver
4. คลิก ใช่
5. คลิก Themes
6. คลิก Refresh เพื่อลบเช่นกัน

7. จัดการลบข้อมูลแคชในเครื่องของเราด้วย โดยเฉพาะ Firefox นี่ตัวดีเลย แม้จะมีการแก้ไข ภาพ แก้ไขสี แต่ Filefox ก็ยังนำค่าเก่าที่เก็บไว้ในแคชของโปรแกรมมาแสดงผล ทำให้ทุกอย่างผิดเพี้ยนไป ให้คลิก Tool>>Clear Private Data...
8. คลิกเลือก ส่วนที่ต้องการ นอกจากตัวแรกบนสุดและตัวสุดท้ายล่างสุด ให้เลือกโดยคลิกติ๊กถูก ทั้งหมด
9. คลิก Clear Private Data Now...