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

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

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

ดาวน์โหลดโปรแกรมเว็บบอร์ด
ในที่นี้จะใช้โปรแกรมเว็บบอร์ด ccBoard เพื่อนำมาติดตั้งใน Virtuemart สามารถดาวน์โหลดได้ที่ www.joomla.org
1. ไปที่ http://extensions.joomla.org
2. คลิกและพิมพ์ชื่อโปรแกรม ccBoard
3. คลิกปุ่มค้นหา รูปแว่นขยาย
4. คลิกชื่อของโปรแกรมเพื่อดาวน์โหลด
5. ไฟล์ที่ดาวน์โหลดมาแล้วจะเป็นไฟล์แบบ Zip ให้แตกไฟล์ไว้ในโฟลเดอร์ใดๆ

แตกไฟล์ Zip แล้วอัพโหลดเข้าเว็บไซต์
1. ไฟล์ที่ดาวน์โหลดมา จะเป็นไฟล์แบบ zip จะต้องแตกไฟล์เสียก่อน
2. ตัวอย่างไฟล์ที่แตกไฟล์หรือ Unzip เรียบร้อยแล้ว จะอยู่ในโฟลเดอร์ ccboard
3. การอัพโหลดเข้าเว็บไซต์ ให้ใช้โปรแกรม FileZilla เชื่อมต่อไปยังพื้นที่เว็บไซต์
4. ในช่องขวามือที่เป็นพื้นที่เก็บข้อมูลในเว็บไซต์คลิกเลือกโฟลเดอร์ tmp
5. ในช่องซ้ายมือที่เป็นข้อมูลในเครื่องของเราเอง คลิกเลือกไดรว์ที่เก็บโฟลเดอร์ ccboard ชี้ลูกศรที่ชื่อโฟลเดอร์ คลิกปุ่มขวาของเมาส์ เรียกคำสั่งลัด
6. คลิกปุ่มซ้ายที่คำสั่ง อัพโหลด
7. ตัวอย่างโฟลเดอร์ที่อัพโหลดเรียบร้อยแล้ว จะมี 2 โฟลเดอร์หลักๆ ก็คือ ตัวโปรแกรม เว็บบอร์ดและโปรแกรมเสริมสำหรับแสดงกระทู้ล่าสุด Latest Post

Details: Category: เปิดร้านค้าออนไลน์ด้วย VirtueMart; Hits: 1458

เริ่มต้นติดตั้งโปรแกรมเว็บบอร์ด ccBoard
1. เข้าโปรแกรมแบบผู้ดูแลระบบ แล้วคลิก ส่วนขยาย>>ติดตั้ง/ถอนการติดตั้ง
2. ในส่วน ติดตั้ง จากไดเรคทอรี คลิกและพิมพ์ชื่อโฟลเดอร์ที่ได้ก็อปปี้ไฟล์ไปเก็บไว้ ให้ คลิกและพิมพ์ / ตามด้วยชื่อโฟลเดอร์ของ ccboard เช่น /ccboard
3. คลิก ติดตั้ง

Details: Category: เปิดร้านค้าออนไลน์ด้วย VirtueMart; Hits: 1155

ปรับแต่งโปรแกรมเว็บบอร์ด
หลังจากติดตั้งเสร็จแล้วก็จะปรับแต่งการทำงานของโปรแกรมเว็บบอร์ด
1. คลิก คอมโพเน้นท์
2. คลิก ccBoard
3. หน้าจอโปรแกรมสำหรับปรับแต่ง
4. คำสั่งต่างๆ
- Global Configuration คำสั่งปรับแต่งเว็บบอร์ด ccBoard ตั้งค่าการใช้งาน
- Categories คำสั่งสร้างหมวดหมู่หลักของเว็บบอร์ด เช่น ทั่วไป
หมวด ทั่วไป
- เว็บบอร์ดลงประกาศ ซื้อขายสินค้า
- เว็บบอร์ดสอบถามปัญหาสินค้า

- Forums คำสั่งสร้างบอร์ดย่อยในหมวดหมู่ หรือ Categories เช่น เว็บบอร์ดลงประกาศ ซื้อขายสินค้า เว็บบอร์ดสอบถามปัญหาสินค้า
- User Profiles บริหารจัดการรายชื่อสมาชิกเว็บบอร์ด
- Ranks บริหารจัดการ การจัดอันดับ ความถี่ในการโพสต์ของสมาชิกเว็บบอร์ด
- Style Sheet ปรับแต่งหน้าตาเว็บบอร์ดด้วย Style Sheet เป็นไฟล์แบบ css
- Tools คำสั่งจัดการกับเว็บบอร์ดเช่น การอัพเดทเว็บบอร์ดให้ทันสมัย การย้ายเว็บบอร์ด จากเว็บบอร์ดโปรแกรมอื่น มาใช้ใน ccBoard
- About ข้อมูลเกี่ยวกับผู้ผลิตโปรแกรม

Global Configuration
คำสั่งปรับแต่งเว็บบอร์ด ccBoard ตั้งค่าการใช้งาน
1. คลิกแท็ป Global Configuration
2. คลิกเลือกส่วนที่ต้องการปรับแต่งได้ตามต้องการ เช่น Basic Settings

A. Basic Settings
ตั้งค่าพื้นฐานทั่วไป เช่น ชื่อเว็บบอร์ด การเลือกหน้าตาเว็บบอร์ด
Board Title ชื่อเว็บบอร์ดของคุณ เช่น เว็บบอร์ดร้านค้า KCamp
Board Offline คำสั่งปิดเว็บบอร์ด กรณีต้องการปิดปรับปรุงหรือปรับแต่ง
Template เลือกรูปแบบของเทมเพลทหรือหน้าตาร้านค้า
Board Editors โปรแกรมสำหรับพิมพ์ข้อความลงในเว็บบอร์ด มี 2 โปรแกรมให้เลือก
Editor width ความกว้างของหน้าจอโปรแกรมสำหรับพิมพ์ข้อความลงในเว็บบอร์ด
Editor Height ความสูงของหน้าจอโปรแกรมสำหรับพิมพ์ข้อความลงในเว็บบอร์ด
Post Subject text box width ความกว้างของพื้นที่สำหรับพิมพ์หัวข้อของกระทู้
Maximum Signature Length ความยาวของลายเซ็นที่จะแสดงในข้อความที่โพสต์
Board Time Offset: ระบุเวลาเป็น Time Zone เช่น +7 กรณีเป็นประเทศไทย
Date Format รูปแบบของวันที่ที่จะแสดงในเว็บบอร์ด
Prefered Message Display Order แสดงข้อความที่โพสต์ล่าสุดจะแสดงโดยเริ่มจาก ด้านบนหรือด้านล่าง

B. Advanced Settings
User Profile to use ส่วนเก็บข้อมูลของผู้ใช้งานเว็บบอร์ด จะใช้ของโปรแกรมใด
Display Real Name แสดงชื่อจริงของสมาชิกเว็บบอร์ดหรือไม่
Allow Editing Permission for การแก้ไขข้อความที่โพสต์ในเว็บบอร์ด ใครสามารถทำ ได้บ้าง ค่ามาตรฐานจะเป็นสมาชิกเว็บบอร์ด ซึ่งเป็นผู้โพสต์กระทู้นั้นๆ
Allowed Editing Time (Seconds) กำหนดระยะเวลาที่ยินยอมให้แก้ไขข้อความที่โพสต์ ค่า 0 จะแก้ไขได้ตลอดเวลา
Show Edit Mark Up ให้แสดงแถบสีที่ข้อความที่มีการแก้ไขโดยสมาชิกหรือไม่
Allow Email Subscription สามารถกำหนดการแจ้งทางอีเมล์ กรณีมีการโพสต์ข้อความ ใหม่
Show Ranking แสดงแรงค์หรือความบ่อยที่สมาชิกเว็บบอร์ดโพสต์ข้อความหรือไม่
Allow Favourites ยินยอมให้สมาชิกสามารถปักหมุดกระทู้ใดๆ เป็นกระทู้ที่ตัวเองชื่นชอบ ได้หรือไม่
Show Karma แสดง Karma หรือไม่
Small Avatar Height ระบุขนาดความสูงของ Avatar หรือภาพแทนตัวสมาชิก
Small Avatar Width ระบุขนาดความกว้างของ Avatar หรือภาพแทนตัวสมาชิก
Avatar Height ระบุขนาดความสูงของ Avatar หรือภาพแทนตัวสมาชิกภาพ ภาพขนาด ใหญ่
Avatar Width ระบุขนาดความกว้างของ Avatar หรือภาพแทนตัวสมาชิกภาพ ภาพขนาด ใหญ่

C. Security Settings
Show Captcha แสดงหรือซ่อน Captcha ให้ผู้เข้าใช้งานเว็บบอร์ดมองเห็น จะแสดงเป็น ภาพข้อความ ให้พิมพ์ เพื่อช่วยป้องกันโปรแกรม Spam มาโพสต์ข้อความ
Email Notification ต้องการให้มีอีเมล์แจ้งเตือน เมื่อมีผู้โพสต์ที่เว็บบอร์ดหรือไม่
Log IP Address ให้โปรแกรม Log ทำหน้าที่เก็บข้อมูลไอพีของผู้มาโพสต์ข้อความหรือไม่
Bad Words to Filter ข้อความหรือคำไม่สุภาพที่ต้องการให้ลบออกจากเว็บบอร์ดทันที พิมพ์ลงไป คั่นแต่ละคำด้วยคอมม่า เช่น ไ..บ้า, ไ..เลว, ไ..ชั่ว ....

D. Upload Settings
Allow Avatar Upload ให้อัพโหลดภาพแทนตัวสมาชิก (Avatar) หรือไม่
Max. Avatar File Size (KB) ขนาดของไฟล์ภาพ Avatar ที่อนุญาตให้อัพโหลดได้
Allow File Upload for ผู้ใช้งานแบบใดที่สามารถอัพโหลดไฟล์เข้าเว็บไซต์ได้ ปกติจะเป็น สมาชิกที่ลงทะเบียน
Max. Attachment File size (KB) ขนาดใหญ่สุดของไฟล์ที่ยินยอมให้อัพโหลดแบบแนบ ไฟล์
Attachement File types allowed ชนิดของไฟล์แบบใดบ้างที่ยินยอมให้อัพโหลด เลือกเฉพาะไฟล์ภาพก็น่าจะพอ gif, jpg และ jpeg ตัวอื่นๆ โดยเฉพาะ Zip อาจไม่ปลอดภัย กับเว็บบอร์ด

Details: Category: เปิดร้านค้าออนไลน์ด้วย VirtueMart; Hits: 6756

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

วิธีสร้างหมวดหมู่เว็บบอร์ด
1. คลิก Categories
2. คลิก สร้างใหม่
3. คลิกและพิมพ์ ทั่วไป
4. คลิกบันทึก
5. ผลที่ได้ จะมีหมวดหมู่เว็บบอร์ดเพิ่มเข้ามา
6. คลิก สร้างใหม่ สร้างเพิ่มเติม
7. ตัวอย่างได้สร้างไว้ 2 หมวด
8. คลิกเลือกสลับตำแหน่งบนล่างได้