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

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

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

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

เป็นไฟล์วิดีโออีกแบบหนึ่ง ซึ่งเกิดจากการตัดต่อด้วย Windows Movie Maker
1. สร้างเว็บเพจชื่อ wmv.php
2. ดับเบิ้ลคลิกเปิดไฟล์
3. คลิก Insert>>Media>>Plugin
4. คลิกเลือกโฟลเดอร์ media

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

Details: Category: แจกฟรีเว็บไซต์ใช้งาน Dreamweaver CS3; Hits: 1527

สร้างเว็บเพจเล่นไฟล์แฟลช swf ใน Dreamweaver CS3
1. สร้างไฟล์ชื่อ swf.php
2. ดับเบิ้ลคลิกเปิดไฟล์ขึ้นมา
3. คลิก Insert>>Media>>Flash
4. คลิกเลือกไฟล์ piano.swf
5. คลิกปุ่ม OK

6. คลิก Cancel
7. ไฟล์แฟลชที่แทรกเข้ามา
8. บันทึกงานเก็บไว้

9. ทดสอบการทำงานโดยโดยกดปุ่ม F12
10. ผลงานที่ได้

Details: Category: แจกฟรีเว็บไซต์ใช้งาน Dreamweaver CS3; Hits: 1506

การสร้าง Flash Text ใน Dreamweaver CS3
เป็นรูปแบบการนำไฟล์แฟลชแบบ Flash Text มาสร้างเป็นหัวข้อให้คลิกเลือก
1. สร้างไฟล์ชื่อ flashtext.php
2. ดับเบิ้ลคลิกเปิดไฟล์
3. คลิก Insert>>Media
4. คลิกเลือก Flash Text
5. คลิกและพิมพ์เช่น ABOUTUS ให้ใช้ตัวพิมพ์ใหญ่ทั้งหมด จะดูดีกว่า
6. คลิกเลือกแบบ ขนาด ลักษณะของตัวหนังสือ
7. คลิกเลือกสีของข้อความ
8. Rollover Color คลิกเลือกสีที่ต้องการ เมื่อเลื่อนเมาส์ไปวางบนปุ่ม แต่ยังไม่คลิก
9. ช่อง Link = aboutus.php
10. Target = _blank
11. Bg Color เลือกสีพื้นของข้อความ
12. ชื่อไฟล์แบบแฟลช จะตั้งชื่อว่า aboutus.swf ถ้ามีไฟล์จำนวนมาก แนะนให้สร้างที่เก็บแยกไว้
13. คลิก OK

14. สร้าง Flash Text แบบอื่นๆ ตามต้องการ

15. บันทึกงานเก็บไว้ แล้วดูผลงาน โดยกดปุ่ม F12
16. คลิก Yes
17. คลิก No
18. ผลงานที่ได้
19. การใช้ Flash Text ควรใช้ตัวพิมพ์ใหญ่ ไม่เช่นนั้นตัวหนังสือจะไม่เท่ากัน ดูไม่งาม
20. การแก้ไขให้ลบแล้วสร้างใหม่ ลบไฟล์ swf ออกไปด้วย
21. การพิมพ์แบบนี้ภาษาไทยจะใช้ไม่ได้
22. อาจใช้ตารางช่วยในการจัดตำแหน่ง จะช่วยให้การจัดวางภาพทำได้ดีกว่า

Details: Category: แจกฟรีเว็บไซต์ใช้งาน Dreamweaver CS3; Hits: 1163

การสร้าง Flash Buttons ใน Dreamweaver CS3
ลักษณะของ Flash Button จะใช้ปุ่มแบบ Flash ซึ่งมีรูปแบบดูน่าสนใจมากกว่า
1. ตัวอย่างการใช้ปุ่ม Flash
2. ตัวอย่างปุ่มตามปกติหรือใช้ข้อความเป็นลิงค์

วิธีสร้าง
1. สร้างไฟล์ชื่อ FlashButton.php แล้วดับเบิ้ลคลิกเปิดไฟล์
2. แทรกตารางเข้ามา แบบ Row = 3 Column = 1
3. จากนั้นแยกแถวแรกเป็น 5 เซลล์ด้วยคำสั่ง Split Cell
4. อีก 2 แถวด้านล่าง พิมพ์ข้อความตามตัวอย่าง
5. คลิกในช่องแรก
6. คลิก Insert>>Media>>FlashButton

7. คลิกเลือกรูปแบบของปุ่ม มีหลายแบบให้เลือก
8. คลิกและพิมพ์ข้อความเช่น ABOUT US ใช้ตัวพิมพ์ใหญ่จะดูดีกว่า และต้องพิมพ์เป็นภาษา อังกฤษเท่านั้น
9. ช่อง Link คลิกและพิมพ์ aboutus.php ลิงค์ไปหาไฟล์ดังกล่าว
10. กำหนดค่า Target = _blank
11. กำหนดค่า Save As = baboutus.swf (ตั้งชื่อได้ตามตัองการ แต่ห้ามซ้ำกันเด็ดขาด)
12. คลิกปุ่ม OK

13. สร้างปุ่มอื่นๆ ที่เหลือด้วยวิธีการคล้ายกันเช่น ALBUM
14. ปุ่ม PROMOTION

15. ปุ่ม MAP
16. ปุ่ม CONTACT

17. แต่ละปุ่มให้คลิกเลือก แล้วคลิกจัดตำแหน่งไว้ตรงกลาง
18. เสร็จแล้วบันทึกงานเก็บไว้
19. กดปุ่ม F12 ดูผลงาน
20. ผลงานที่ได้
21. ในการแก้ไขปุ่มแบบนี้ ต้องลบออกอย่างเดียวแล้วสร้างใหม่

การอัพโหลดไฟล์เข้าเว็บไซต์
1. ทำการเชื่อมต่ออินเตอร์เน็ตจะใช้ FileZilla หรือ Dreamweaver ก็ได้
2. เลือกไฟล์แบบ PHP, Mp3, Mpg หรือไฟล์ Swf ของแฟลช์ที่มีการเรียกใช้งานในเว็บเพจนั้นๆ
3. ชี้ที่ไฟล์ที่ได้เลือก คลิกปุ่มขวาของเมาส์เรียกคำสั่งลัด
4. คลิกคำสั่ง อัพโหลด