โปรแกรม dreamweaver คืออะไร มีประโยชน์อย่างไร

1. ความหมายของเว็บไซต์

สิทธิชัย ประสานวงศ์ (2546 : 3) ได้ให้ความหมายของคำว่า เวิลด์ไวด์เว็บ (World Wide Web หรือ WWW หรือ W3) หรือเรียกสั้นๆ ว่า เว็บ (Web) เป็นบริการข้อมูลข่าวสารในแบบสื่อประสมหรือมัลติมีเดีย (Multimedia) กล่าวคือ ข้อมูลเหล่านี้จะเป็นข้อมูลที่มีทั้งข้อความ ภาพ และเสียงประกอบกัน แทนที่จะมีเพียงตัวอักษรละลานตาเพียงอย่างเดียว

ดวงพร เกี๋ยงคำ (2551 : 22) ได้ให้ความหมายของคำว่า เว็บไซต์ (Web Site) หมายถึง กลุ่มของเว็บเพจที่เกี่ยวข้องสัมพันธ์กัน เช่น กลุ่มของเว็บเพจที่ให้ข้อมูลเกี่ยวกับประวัติ รวมทั้งสินค้า และบริการของบริษัทหนึ่ง เป็นต้น ภายในเว็บไซต์นอกจากเว็บเพจหรือไฟล์ HTML แล้ว ยังประกอบด้วยไฟล์ชนิดอื่นๆ ที่จำเป็นสำหรับสร้างเป็นหน้าเว็บเพจ เช่น รูปภาพ มัลติมีเดีย ไฟล์โปรแกรมภาษาสคริปต์ และไฟล์ข้อมูลสำหรับให้ดาวน์โหลด เป็นต้น

2. ประโยชน์ของเว็บไซต์

กรอบเกียรติ สระอุบล (2547 : 19) ได้กล่าวถึงประโยชน์ของเว็บไซต์ ได้แก่

1. ช่วยส่งเสริมศักยภาพการแข่งขันในด้านธุรกิจ

2. ช่วยเผยแพร่ข้อมูลข่าวสารและบริการต่างๆ ให้เป็นที่รู้จักอย่างแพร่หลาย

3. ช่วยให้เข้าถึงกลุ่มลูกค้า หรือผู้ใช้บริการเปูาหมายได้ทุกวัน จึงสามารถซื้อ-ขายสินค้าหรือ

4. บริการผ่านเว็บไซต์ได้ตลอด 24 ชั่วโมง และทั่วโลก

5. ช่วยขายสินค้าทางอินเทอร์เน็ต สร้างรายได้โดยไม่ต้องมีหน้าร้าน หรือสำนักงาน

6. สามารถให้บริการต่างๆ ของธุรกิจหรือองค์กรแบบออนไลน์ เป็นการอำนวยความสะดวกแก่ลูกค้า

7. ช่วยสร้างภาพลักษณ์ที่ดี และทันสมัย ให้กับองค์กร บริษัท และธุรกิจต่างๆ

8. ช่วยลดค่าใช้จ่ายในการโฆษณาประชาสัมพันธ์ธุรกิจ

9. ช่วยเพิ่มยอดขายให้กับธุรกิจ เพิ่มประสิทธิภาพในการโฆษณา

10. คอยทำหน้าที่เป็นที่ปรึกษา ให้คำแนะนำต่างๆ เกี่ยวกับสินค้าและบริการแก่ลูกค้าได้ตลอด 24 ชั่วโมง โดยไม่ต้องรอร้านเปิดให้บริการ

11. เป็นการเพิ่มช่องทางในการขายสินค้าและบริการของบริษัทอีกช่องทางหนึ่ง

12. ไม่ต้องเสียค่าใช้จ่ายสูง สำหรับการที่จะมีเว็บไซต์เพื่อติดต่อกับโลกภายนอก

13. การมีหน้าร้านทางอินเทอร์เน็ต (Homepage) เป็นการเปิดตัวสู่ตลาดโลก

14. เสริมภาพลักษณ์ขององค์กรให้มีความทันสมัยน่าเชื่อถือมากขึ้น

15. มีอีเมลในการติดต่อลูกค้า เพื่อความเป็นสากล และความสะดวก

16. เป็นโฆษณาบริษัทฯ หรือองค์กรให้เป็นที่รู้จักทั้งในจังหวัด ต่างจังหวัดและต่างประเทศ

17. เป็นการยกระดับมาตรฐานการซื้อขายภายในประเทศ

ดวงพร เกี๋ยงคำ (2551 : 19) ได้กล่าวถึงประโยชน์ของเว็บไซต์ ไว้ดังนี้

1. เป็นการเพิ่มช่องทางในการขายสินค้าและบริการของบริษัทอีกช่องทางหนึ่ง

2. คุณไม่ต้องเสียค่าใช้จ่ายที่สูง สำหรับการที่จะมีเว็บไซต์เพื่อติดต่อกับโลกภายนอก

3. มีหน้าร้าน (Homepage) ร้านค้าของตนเอง เป็นการเปิดตัวสู่ตลาดโลก

4. เสริมภาพลักษณ์ขององค์กรให้มีความทันสมัยน่าเชื่อถือมากขึ้น

5. มีอีเมลในการติดต่อลูกค้า เพื่อความเป็นสากล เช่น

6. สามารถซื้อ-ขายสินค้าหรือบริการของท่านผ่านเว็บไซต์ได้ตลอด 24 ชั่วโมง

7. โฆษณาบริษัทฯ หรือองค์กรให้เป็นที่รู้จักทั้งในจังหวัด ต่างจังหวัดและต่างประเทศ

8. เป็นอีกช่องทางในการส่งเสริมการขายสินค้าและบริการต่างๆ ของบริษัท

9. ยกระดับมาตรฐานการซื้อขายภายในประเทศ

10. เสริมสร้างธุรกิจให้แข็งแรงด้วยประโยชน์ของ Internet

ค่าใช้จ่ายไม่สูง และในขณะเดียวกันทำให้องค์กรมีความทันสมัยและเป็นที่ยอมรับในระดับสากล

3. องค์ประกอบของเว็บไซต์

กอบเกียรติ สระอุบล (2547 : 20) หน้าเว็บควรประกอบไปด้วย

1) ข้อมูลเกี่ยวกับบริษัทหรือองค์กร (About us ,Company Profile) อาทิ ประวัติ ผลงานที่ผ่านมา ข้อมูลอื่นๆ ที่ทำให้ผู้ชมมั่นใจในองค์กร เช่น ขนาดองค์กร ทุนจดทะเบียน เกียรติบัตร รางวัลที่ได้รับ ฯลฯ

2) ข้อมูลผลิตภัณฑ์และบริการ (Products & Services) ถ้ามีมากก็ควรจัดแบ่งเป็นหมวดหมู่

3) ข่าวสารผลิตภัณฑ์และบริการ (News) ผลิตภัณฑ์ใหม่ โปรโมชั่นพิเศษ ของแถม รายการลดราคา

4) คำถามคำตอบที่มักพบบ่อย (Frequently Asked Question หรือ FAQ) คือ รวบรวมคำถามและคำตอบที่ผู้คนมักสอบถามกันบ่อยๆ มาไว้ในเว็บหน้าหนึ่ง เพื่อที่ผู้ชมจะได้เปิดอ่านแล้วเข้าใจได้ชัดเจนขึ้น

5) ข้อมูลสำหรับติดต่อ (Contact Us) แสดงรายละเอียดสำหรับการติดต่อสอบถามเพิ่มเติม เช่น เบอร์อีเมล โทรศัพท์ โทรสาร อาจมีแผนที่แสดงไว้ด้วยก็ได้

4. โปรแกรม Adobe Dreamweaver

แนะนำโปรแกรมAdobe  Dreamweaver

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

            อะโดบี ดรีมวีฟเวอร์ (Adobe Dreamweaver) หรือ ชื่อเดิมคือ แมโครมีเดีย ดรีมวีฟเวอร์ (Macromedia Dreamweaver) เป็นโปรแกรมแก้ไข HTML พัฒนาโดยบริษัทแมโครมีเดีย (ปัจจุบันควบกิจการรวมกับบริษัท อะโดบีซิสเต็มส์) ดรีมวีฟเวอร์มีทั้งในระบบปฏิบัติการแมคอินทอช และไมโครซอฟท์วินโดวส์ ดรีมวีฟเวอร์ยังสามารถทำงานบนระบบปฏิบัติการแบบยูนิกซ์ ผ่านโปรแกรมจำลองอย่าง WINE ได้ โปรแกรม Dreamweaver มีการพัฒนาดังนี้

             - Dreamweaver 1.0 (ธันวาคม ค.ศ. 1997) เป็นเวอร์ชันแรกสำหรับระบบปฏิบัติการ MAC OS

             - Dreamweaver 1.2 (มีนาคม ค.ศ. 1998) เป็นเวอร์ชันแรกสำหรับระบบปฏิบัติการ Windows

             - Dreamweaver 2.0 (ธันวาคม ค.ศ. 1998)

             - Dreamweaver 3.0 (ธันวาคม ค.ศ. 1999)

             - Dreamweaver UltraDev 1.0 (มิถุนายน ค.ศ. 2000)

             - Dreamweaver 4.0 (ธันวาคม ค.ศ. 2000)

             - Dreamweaver UltraDev 4.0 (ธันวาคม ค.ศ. 2000)

             - Dreamweaver MX (พฤษภาคม ค.ศ. 2002)

             - Dreamweaver MX 2004 (10 พฤศจิกายน ค.ศ. 2003)

             - Dreamweaver 8 (13 พฤศจิกายน ค.ศ. 2005)

             - Dreamweaver CS3 (16 เมษายน ค.ศ. 2007) เป็นเวอร์ชันแรกหลังจากรวมกับบริษัท อะโดบีซิสเต็มส์

             - Dreamweaver CS4 (23 กันยายน ค.ศ. 2008)

             - Dreamweaver CS5 (20 มิถุนายน ค.ศ. 2010)

             - Dreamweaver CS6 (23 เมษายน ค.ศ. 2012)

ความสามารถของ Adobe Dreamweaver

     1. Fluid grid layout

            การออกแบบหน้าเอกสารใหม่บนพื้นฐานของตารางที่สามารถนำไปใช้ได้หลากหลาย บนหน้าจอขนาดต่าง ๆ เช่น SmartPhone Tablet หรือ PC โดยเราสามารถออกแบบครั้งเดียว แล้วสามารถนำไปใช้ได้กับทุกอุปกรณ์

     2. JQuery Mobile Framework updates

            JQuery Mobile Framework เข้ามาใน  Adobe Dreamweaver CS5.5 ในเวอร์ชั่นนี้ได้มีการเพิ่มส่วนช่วยในการทำงานกับ JQuery Mobile Framework ได้สะดวกขึ้นไปอีก เช่น การนำ Theme ที่ออกแบบด้วย Adobe Firework CS6 มาเลือกใช้กับ Mobile Web project และ การเลือกกำหนด icon ต่าง ๆ ให้กับ button เป็นต้น

     3. Adobe PhoneGap Build integration

            สำหรับใน Adobe Dreamweaver CS6 ได้เพิ่มส่วนของการทำงานกับ PhoneGap Build เข้าไป ทำให้คุณสามารถที่จะนำ Mobile project ที่ทำอยู่ขึ้นไปบนระบบ online service ของ PhoneGap Build ให้ทำการ compile ออกมาเป็นไฟล์ mobile application บน platform ต่างๆ ได้ง่าย ๆ

     4. CSS3 Transition

            ความสามารถของ CSS3 นั้นเริ่มปรากฏออกมาให้เห็นมากขึ้นเรื่อย ๆ ทั้งเรื่อง Web Font หรือการทำ animation ของ HTML Element ก็สามารถทำได้อย่างน่าประทับใจ Adobe Dreamweaver CS6 ได้เพิ่มส่วน User Interface ให้คุณสามารถกำหนด CSS3 Transition ให้กับ element ได้ตามที่คุณต้องการ ลดขั้นตอนการเขียน code CSS ด้วยตนเอง ประหยัดเวลาและได้งานสวย ๆ ที่มีคุณภาพและน่าประทับใจ

     5. Integrate with Adobe Business Catalyst

            หากคุณยังไม่รู้จัก Adobe Business Catalyst มาก่อน ให้คุณนึกถึง บริการ hosting ตั้งแต่จด domain name, ใช้บริการ hosting, จนถึง SEO, Web Analytic จนไปถึง E-commerce system เรียกได้ว่าครบวงจร ซึ่ง Adobe นำ online service นี้มาเชื่อมเข้ากับ Adobe Dreamweaver เพื่อให้ Web designer ไม่ต้องออกไปหา domain หรือ hosting ที่ไหน แค่สมัครใช้บริการ แล้วก็สามารถ upload ตัว Web Project ขึ้นไปใช้งานได้ทันที (มีทั้งแบบฟรีให้ทดลองใช้ และเสียเงินเป็นรายเดือน)

     6. Web Font Management

            Adobe Dreamweaver CS6 ได้มีส่วนของการจัดการ Web Font ทำให้ปัญหาเรื่องฟอนต์ในเครื่องผู้ชมสามารถแสดงตัวอักษรบนหน้าเว็บได้ถูกต้อง

     7. CSS Multiple Classes selection

            การเลือกใส่ CSS Class ให้ HTML Element ใน Adobe Dreamweaver รุ่นก่อนๆ ไม่สามารถทำได้อย่างสะดวกนัก ต้องอาศัยความรอบคอบ แต่ใน Adobe Dreamweaver CS6 ได้มีการเพิ่มส่วนในการจัดการ CSS Multiple Class ให้ง่ายและสะดวกขึ้นมาก

โปรแกรม Dreamweaver มีประโยชน์อย่างไร

โปรแกรม Adobe Dreamweaver คืออะไร

โปรแกรมDreamweaverมีอะไรบ้าง

มุมมองการทํางานโปรแกรม Adobe Dreamweaver CC มีอะไรบ้าง