Sponsored Ads

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

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

 

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

การอัพโหลดข้อมูลเข้าเว็บไซต์
เป็นการอัพโหลดไฟล์เว็บเพจเข้าเว็บไซต์จริงๆ แล้วทดสอบการทำงาน
1. การสร้างไฟล์เว็บเพจในตัวอย่างนี้จะเก็บไว้ในโฟลเดอร์ frame การทดสอบบนเว็บไซต์จริงๆ ก็เพียงแต่อัพโหลดไปทั้งโฟลเดอร์
2. พิมพ์ชื่อเว็บไซต์/ชื่อโฟลเดอร์ที่เก็บไฟล์เว็บเพจเช่น
www.pasakresort.kmancity.com/frame/index.php แล้วกด Enter
3. ก็จะปรากฏหน้าจอเว็บเพจ
4. คลิกลิงค์ต่างๆ เพื่อตรวจสอบการทำงาน

 


สร้างเว็บเพจแสดงไฟล์มีเดีย
ใน Dreamweaver CS

 

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

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

สร้างเว็บเพจเล่นเพลง MP3 ใน Dreamweaver CS3


1. สร้างไฟล์ชื่อ mp3.php
2. ดับเบิ้ลคลิกเปิดไฟล์
3. แทรกเพลง mp3 โดยคลิก Insert>>Media>>Plugin
4. คลิกเลือกโฟลเดอร์ media ซึ่งไฟล์มิเดียถูกเก็บไว้ในนี้
5. คลิกเลือกเพลง mp3 เช่น mysong.mp3

 

6. คลิกขยายขนาดของไอคอนเล่นเพลง ขยายในแนวนอนเท่านั้น
7. ผลที่ได้

8. บันทึกงานเก็บไว้ และดูผลงานกดปุ่ม F12
9. จะมีปุ่มควบคุมการเล่นเพลง

 

สร้างเว็บเพจเล่นไฟล์วิดีโอ mpeg ใน Dreamweaver CS3

อาจเป็นไฟล์วิดีโอที่ถ่ายไว้ด้วยกล้องดิจิตอล
1. สร้างเว็บเพจชื่อ mpeg.php
2. ดับเบิ้ลคลิกเปิดไฟล์
3. คลิก Insert>>Media>>Plugin
4. คลิกโฟลเดอร์ชื่อ media
5. คลิกไฟล์ video01.mpg
6. คลิกปุ่ม OK

 

7. ขยายขนาดไอคอน
8. ขนาดไอคอนที่ขยายแล้ว
9. บันทึกงานเก็บไว้ แล้วดูผลงานโดยกดปุ่ม F12
10. ผลงานที่ได้