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

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

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

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

แบบฝึกหัดสำหรับใช้ในการสร้างโมดูล จัดการป้ายโฆษณา
ป้ายโฆษณาขนาดต่างๆ
จัดการออกแบบป้ายโฆษณาขนาดต่างๆ ดังภาพตัวอย่าง
1. ขนาด 400 x 50 Pixels
2. ขนาด 500 x 60 Pixels
3. ขนาด 117 x 117 Pixels 2 ภาพ
กรณีที่ดาวน์โหลดไฟล์ตัวอย่างจากเว็บไซต์จากผู้เขียน ก็ไม่ต้องสร้างแบนเนอร์ เพราะมีไฟล์ภาพตัวอย่าง อยู่แล้ว

ข้อความสำหรับการลงโฆษณา
ข้อมูลลูกค้า
ชื่อลูกค้า ชมดาว รีสอร์ท
ชื่อผู้มาติดต่อ คุณแสงสุรี
อีเมล์ sangsuree@chomdao.com
ลูกค้าเข้าระบบ sangsuree
รหัสผ่านลูกค้า (โปรแกรมจะสร้างให้เอง)
ข้อมูลเพิ่มเติม ลูกค้าที่อช.เขาใหญ่ ทางลงปากช่อง โทร 081:1567431

ชื่อลูกค้า ครัวแก่งกระจาน
ชื่อผู้มาติดต่อ คุณสมพล
อีเมล์ sompol@hotmail.com
ลูกค้าเข้าระบบ sompol
รหัสผ่านลูกค้า (โปรแกรมจะสร้างให้เอง)
ข้อมูลเพิ่มเติม ลูกค้าที่อุทยานแห่งชาติแก่งกระจาน ร้านอาหารภายในอุทยานแห่งชาติ

ชื่อลูกค้า Mr. K อุปกรณ์เดินป่า
ชื่อผู้มาติดต่อ คุณก้อง
อีเมล์ kong@yahoo.com
ลูกค้าเข้าระบบ kong
รหัสผ่านลูกค้า (โปรแกรมจะสร้างให้เอง)
ข้อมูลเพิ่มเติม ร้าน Mr.K อุปกรณ์เดินป่า ที่จังหวัดกาญจนบุรี โทร 086:167-5423

ชื่อลูกค้า BlueCafe
ชื่อผู้มาติดต่อ คุณนุรี
อีเมล์ nuree@yahoo.com
ลูกค้าเข้าระบบ nuree
รหัสผ่านลูกค้า (โปรแกรมจะสร้างให้เอง
ข้อมูลเพิ่มเติม ร้านกาแฟที่นครนายก โทร 084:868-1548

ข้อมูลป้ายโฆษณา

ชื่อลูกค้า คุณ แสงสุรีย์
ชื่อป้ายโฆษณา ชมดาว รีสอร์ท
จำนวนครั้งที่แสดง 0
ชนิดของป้ายโฆษณา รูปภาพ
ที่อยู่ของไฟล์ภาพ http://localhost/02banner/chomdao.gif
ขนาดรูปภาพ 400 x 50 Pixels
คลิกของ URL http://localchost/02banner/chomdao.php
ข้อความประกอบ ชมดาว รีสอร์ท สุดยอดบรรยากาศ
โค้ดจาวา/HTML
ประเภท 0-Page-Top
ทำงาน ใช่

ชื่อลูกค้า คุณสมพล
ชื่อป้ายโฆษณา ครัวแก่งกระจาน
จำนวนครั้งที่แสดง 0
ชนิดของป้ายโฆษณา รูปภาพ
ที่อยู่ของไฟล์ภาพ http://localhost/02banner/khaeng.gif
ขนาดรูปภาพ 117 x 117 Pixels
คลิกของ URL http://localchost/02banner/khaeng.php
ข้อความประกอบ ครัวแก่งกระจาน อาหารเลิศรส
โค้ดจาวา/HTML
ประเภท Left-Block
ทำงาน ใช่

ชื่อลูกค้า คุณ ก้อง
ชื่อป้ายโฆษณา Mr.K อุปกรณ์เดินป่า
จำนวนครั้งที่แสดง 0
ชนิดของป้ายโฆษณา รูปภาพ
ที่อยู่ของไฟล์ภาพ http://localhost/02banner/mrk.gif
ขนาดรูปภาพ 500 x 50 Pixels
คลิกของ URL http://localchost/02banner/mrk.php
ข้อความประกอบ อุปกรณ์เดินป่า อุปกรณ์ท่องเที่ยวต้อง Mr.K อุปกรณ์เดินป่า
โค้ดจาวา/HTML
ประเภท Left-Block
ทำงาน ใช่

ชื่อลูกค้า คุณ นุรี
ชื่อป้ายโฆษณา BlueCafe กาแฟโบราณสูตรพิเศษ
จำนวนครั้งที่แสดง 0
ชนิดของป้ายโฆษณา รูปภาพ
ที่อยู่ของไฟล์ภาพ http://localhost/02banner/blue.gif
ขนาดรูปภาพ 117 x 117 Pixels
คลิกของ URL http://localchost/02banner/blue.php
ข้อความประกอบ BlueCafe กาแฟโบราณสูตรพิเศษ
โค้ดจาวา/HTML
ประเภท Right-Block
ทำงาน ใช่

ข้อมูลแผนการลงโฆษณา
ชื่อแผน ลงโฆษณาด้านบน
รายละเอียด แบนเนอร์ขนาด 400x50 Pixels
จำนวน 1
หน่วยการนับ เดือน
ราคา 200
URL สำหรับสั่งซื้อ http://localhost/02banner/top.php
สถานะ ใช่
หมายเหตุ ตำแหน่งนี้

ชื่อแผน ลงโฆษณาตรงกลางจอ
รายละเอียด แบนเนอร์ขนาด 400x50 Pixels
จำนวน 1
หน่วยการนับ เดือน
ราคา 150
URL สำหรับสั่งซื้อ http://localhost/02banner/cente.php
สถานะ ใช่

ชื่อแผน ลงโฆษณาด้านซ้ายมือ
รายละเอียด แบนเนอร์ขนาด 117x117 Pixels
จำนวน 1
หน่วยการนับ เดือน
ราคา 100
URL สำหรับสั่งซื้อ http://localhost/02banner/left.php
สถานะ ใช่

ชื่อแผน ลงโฆษณาด้านขวามือ
รายละเอียด แบนเนอร์ขนาด 117x117 Pixels
จำนวน 1
หน่วยการนับ เดือน
ราคา 100
URL สำหรับสั่งซื้อ http://localhost/02banner/right.php
สถานะ ใช่

ชื่อแผน ลงโฆษณาแบบข้อความ
รายละเอียด ข้อความโฆษณาตรงกลางจอ
จำนวน 1
หน่วยการนับ เดือน
ราคา 50
URL สำหรับสั่งซื้อ http://localhost/02banner/text.php
สถานะ ใช่

Details: Category: คู่มือสร้างเว็บไซต์สำเร็จรูปด้วย PHP- NUKE; Hits: 2236

การเพิ่มลูกค้าใหม่ใน PHPNuke
1. คลิกคำสั่ง จัดการป้ายโฆษณา
2. คลิกที่ เพิ่มลูกค้าใหม่
3. พิมพ์รายละเอียดลูกค้าลงไป
4. ตัวเลือก ลูกค้าเข้าระบบ และ รหัสผ่านลูกค้า จะเป็นชื่อและรหัสผ่านสำหรับให้ลูกค้าที่มาลง โฆษณา เข้าไปตรวจสอบผลการลงโฆษณา เช่น ดูจำนวนครั้งที่ผู้เยี่ยมชมคลิกเพื่อดูแบนเนอร์โฆษณานั้นๆ
5. เสร็จแล้ว คลิกปุ่ม เพิ่มลูกค้า

Details: Category: คู่มือสร้างเว็บไซต์สำเร็จรูปด้วย PHP- NUKE; Hits: 1257

เพิ่มข้อมูลแบนเนอร์โฆษณา
หลังจากเพิ่มลูกค้าแล้ว ก็ให้เพิ่มแบนเนอร์เป็นขั้นตอนถัดมา ในส่วนเพิ่มป้ายโฆษณาใหม่
1. ช่อง ชื่อลูกค้า คลิกเลือกชื่อลูกค้าที่จะเพิ่มแบนเนอร์
2. ชื่อป้ายโฆษณา พิมพ์ลงไป เช่น ชมดาว รีสอร์ท
3. ช่อง กรอกตัวเลขจำนวนครั้งที่ต้องการให้แสดงแบนเนอร์ อาจกำหนดได้ 2 แบบ
3.1 ไม่จำกัดจำนวนครั้งที่แสดง ให้พิมพ์ค่าเป็น 0 กรณีนี้อาจประยุกต์ใช้กรณีคิดเป็นเดือน ซึ่งจะไม่กำหนดจำนวนครั้ง แต่ต้องกำหนดเอง ครบเดือนก็ยกเลิการแสดงแบนเนอร์
3.2 ให้แสดงแบนเนอร์เป็นจำนวนครั้ง เช่น จ่าย 100 บาท แสดง แบนเนอร์ 1,000 ครั้ง (ผู้เข้าเยี่ยม ชมคลิก 1,000 ครั้ง เพื่อดูโฆษณา)
ในที่นี้ให้พิมพ์ 0 เพื่อแสดงตลอดชีพ
4. ชนิดของป้ายโฆษณา เป็น รูปภาพ
5. ช่อง พิมพ์ชื่อไฟล์ภาพแบนเนอร์ ถ้าเป็นการใช้งานจริงก็ให้ลูกค้าส่งภาพแบนเนอร์มาให้เรา จากนั้น ก็อัพโหลด ไปไว้บนเว็บไซต์แล้วจึงเรียกใช้งานตามตำแหน่งชื่อไฟล์ภาพ เช่น www.siamebook.com/02banner/banner1.gif
6. ขนาดรูปภาพ คลิกและพิมพ์ลงไป เช่น 400 x 50 Pixels
7. ช่อง URL คลิกและพิมพ์ชื่อเว็บไซต์ของลูกค้า
8. ช่อง พิมพ์ข้อความไว้แสดงแทนภาพกรณีที่ผู้เยี่ยมชมอาจยกเลิกการแสดงภาพในเว็บบราวเซอร์ เพื่อความเร็วในการโหลดข้อมูลจากเว็บไซท์
9. ช่อง ประเภท เป็นลักษณะการแสดงแบนเนอร์บนหน้าจอ มี 3 แบบ คือ
0-Page TOP แสดงด้านบน
1-Left Block แสดงในบล็อกด้านซ้ายมือ
2-Right Block แสดงในบล็อกด้านขวามือ
10. เสร็จแล้ว คลิกเพิ่มป้ายโฆษณา
11. ลักษณะการแสดงแบนเนอร์ แบบ 0-Page TOP จะแสดงด้านบนไม่ต้องกำหนดค่าอะไร ส่วนนี้จะ แสดงแบนเนอร์ของ ชมดาว รีสอร์ท
12. ลักษณะการแสดงแบนเนอร์ แบบ 1-Left Block จะต้องสร้างเมนูแบบ Block เพื่อแสดงแบน เนอร์โดย จะแสดงแบนเนอร์ของ ครัวแก่งกระจาน
13. ลักษณะการแสดงแบนเนอร์ แบบ 2-Right Block จะต้องสร้างเมนูแบบ Block เพื่อแสดงแบน เนอร์โดย จะแสดงแบนเนอร์ของ BlueCafe กาแฟโบราณ

Details: Category: คู่มือสร้างเว็บไซต์สำเร็จรูปด้วย PHP- NUKE; Hits: 1168

จากตัวอย่างผู้เขียน ได้สร้างโฟลเดอร์ชื่อ 02banner เพิ่มเข้าไปใน www ในโฟลเดอร์ก็จะมีไฟล์รูปภาพ แบบเนอร์ และเว็บเพจตัวอย่างที่มีการเรียกใช้งานในหัวข้อก่อนหน้านี้
1. ภาพแบนเนอร์
2. ไฟล์เว็บเพจ
3. ในการใช้งานจริง อาจสร้างผลงานคล้ายกันกับผู้เขียนก็ได้ สร้างโฟลเดอร์ 02banner ไว้เก็บข้อมูล เกี่ยวกับการลงโฆษณาทั้งหมด ส่วนเว็บเพจที่เก็บข้อมูลการลงโฆษณา ก็สร้างด้วยโปรแกรมออกแบบเว็บเพจ เช่น Dreamweaver