Sponsored Ads

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

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

 

 

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

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

ข้อความสำหรับการลงโฆษณา
ข้อมูลลูกค้า
ชื่อลูกค้า ชมดาว รีสอร์ท
ชื่อผู้มาติดต่อ คุณแสงสุรี
อีเมล์ This email address is being protected from spambots. You need JavaScript enabled to view it.
ลูกค้าเข้าระบบ sangsuree
รหัสผ่านลูกค้า (โปรแกรมจะสร้างให้เอง)
ข้อมูลเพิ่มเติม ลูกค้าที่อช.เขาใหญ่ ทางลงปากช่อง โทร 081:1567431

ชื่อลูกค้า ครัวแก่งกระจาน
ชื่อผู้มาติดต่อ คุณสมพล
อีเมล์ This email address is being protected from spambots. You need JavaScript enabled to view it.
ลูกค้าเข้าระบบ sompol
รหัสผ่านลูกค้า (โปรแกรมจะสร้างให้เอง)
ข้อมูลเพิ่มเติม ลูกค้าที่อุทยานแห่งชาติแก่งกระจาน ร้านอาหารภายในอุทยานแห่งชาติ

ชื่อลูกค้า Mr. K อุปกรณ์เดินป่า
ชื่อผู้มาติดต่อ คุณก้อง
อีเมล์ This email address is being protected from spambots. You need JavaScript enabled to view it.
ลูกค้าเข้าระบบ kong
รหัสผ่านลูกค้า (โปรแกรมจะสร้างให้เอง)
ข้อมูลเพิ่มเติม ร้าน Mr.K อุปกรณ์เดินป่า ที่จังหวัดกาญจนบุรี โทร 086:167-5423

ชื่อลูกค้า BlueCafe
ชื่อผู้มาติดต่อ คุณนุรี
อีเมล์ This email address is being protected from spambots. You need JavaScript enabled to view it.
ลูกค้าเข้าระบบ 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
สถานะ ใช่

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

เพิ่มข้อมูลแบนเนอร์โฆษณา
หลังจากเพิ่มลูกค้าแล้ว ก็ให้เพิ่มแบนเนอร์เป็นขั้นตอนถัดมา ในส่วนเพิ่มป้ายโฆษณาใหม่
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 กาแฟโบราณ


 

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