Page 15 - เวบไซตสอการเรยนการสอนโปรแกรมฐานขอมล
P. 15
5
2.4 โปรแกรมที่ใช้ในการสร้างเว็บไซต์ โปรแกรม “Adobe Dreamweaver”
Dreamweaver เป็นโปรแกรมของบริษัท Macromedia Lnc. ที่ใช้ส าหรับการออกแบบ
ั
และพฒนาเว็บไซต์ เว็บเพจและเว็บ แอปพลิเคชั่น ด้วยโปรแกรม Dreamweaver เราสามารถ
ที่จะออกแบบและพฒนาเว็บไซต์โดยการเขียนโค๊ดภาษา HTML หรือใช้เครื่องมือที่โปรแกรม
ั
ั
Dreamweaver เราสามารถที่จะออกแบบและพฒนาเว็บไชต์โดยการเขียนโค๊ดภาษา HTML
หรือใช้เครื่องมือที่โปรแกรม Dreamweaver มีให้ซึ่งเครื่องมือเหล่านี้จะสร้างโค้ดภาษา HTML
่
ให้เราโดยอัตโนมัติ โดยที่เราไมจ าเป็นต้องเขียนโคัดภาษา HTML เอง ในปัจจุบันโปรแกรม Dreamweaver
นอกจากจะสนับสนุนการใช้งานกับภาษา HTIML และยังสนับสนุนการใช้งานร่วมกับเทคโนโลยี
ทางด้านเว็บอื่นๆ ด้วย เช่น CSS และ Java Script เป็นต้นการสร้างเว็บแอปพลิเคชั่น (Web Application)
ด้วยโปรแกรม Dreamweaver นั้นสามารถที่จะสร้างการติดต่อกับฐานข้อมูลและดึงข้อมูลจากฐานข้อมูล
โดยไม่จ าเป็นที่จะต้องเขียนโค๊ดของเชิร์ฟเวอร์สคริปต์ (Server Script) โปรแกรมจะสร้างให้เอง
โดยอัตโนมัติ ซึ่งจะท าเวลาที่ใช้ในการพัฒนาเว็บแอปพลิเคชั่นนั้นน้อยลง
การเริ่มต้นการสร้างเว็บไซต์
1. สร้างความสัมพนธ์เอกสารข้อมูล โดยเรียงล าดับความส าคัญของข้อมูลที่ใช้ในการน าเสนอ
ั
ก าหนดชื่อไฟล์ของเอกสารเว็บให้สามารถสื่อเข้าใจได้ง่ายและต้องท าการตั้งชื่อไฟล์ เป็นภาษาอังกฤษเท่านั้น
2. สร้างโฟลเดอร์เฉพาะส าหรับเอกสารเว็บแต่ละชุด/เรื่อง เพอความเป็นระเบียบและต้อง
ื่
ท าการตั้งชื่อโฟลเดอร์เป็นภาษอังกฤษเท่านั้น
3. จัดหาภาพ หรือสร้างภาพที่เกี่ยวข้องกับเนื้อหา หลังจากนั้นให้น าภาพที่ต้องใช้งานทั้งหมด
บันทึกไว้ในโฟลเดอร์ที่สร้างไว้ก่อน เพื่อความสะดวกต่อการเรียกใช้งาน
4.สร้างเอกสารเว็บโดยการลงรหัส HTML หรือใช้โปรแกรมช่วย หลังจากนั้นให้น าไฟล์เอกสาร
HTML ทุกไฟล์บันทึกไว้ในโฟลเดอร์ที่สร้างไว้ก่อน เพื่อความสะดวกต่อกรเรียกใช้งาน
ภาพที่ 2.1 โปรแกรม “Adobe Dreamweaver CS6”