ความหมายของ Dreamweaver CS6

2.2.2 ความหมายของ Dreamweaver CS6

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

ดรีมวีฟเวอร์มีทั้งในระบบปฏิบัติการแมคอินทอช และไมโครซอฟท์วินโดวส์ ดรีมวีฟเวอร์ยังสามารถทำงานบนระบบปฏิบัติการแบบยูนิกซ์ ผ่านโปรแกรมจำลองอย่าง WINEได้ รุ่นล่าสุดคือ ดรีมวีฟเวอร์ CS6

           

ความรู้เบื้องต้นเกี่ยวกับ Dreamweaver CS6

2.2.1 ความรู้เบื้องต้นเกี่ยวกับ Dreamweaver CS6

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

การทำงานกับภาษาต่างๆ

                 ดรีมวีฟเวอร์ สามารถทำงานกับภาษาคอมพิวเตอร์ในการเขียนเว็บไซต์แบบไดนามิค ซึ่งมีการใช้ HTML เป็นตัวแสดงผลของเอกสาร เช่น ASP, ASP.NET, PHP, JSP และ ColdFusion รวมถึงการจัดการฐานข้อมูลต่างๆ อีกด้วย และในเวอร์ชันล่าสุด (เวอร์ชัน 8) ยังสามารถทำงานร่วมกับ XML และ CSS ได้อย่างง่ายดาย

มุมมองในการทำงานกับ ดรีมวิฟเวอร์

·         มุมมองแบบ Code เป็นมุมมองที่ใช้ในการแก้ไขโค้ด HTML หากผู้ที่จะใช้มุมมอง Code ในการจัดการกับไฟล์ต้องมีความรู้เกี่ยวกับโค้ด HTML

·         มุมมองแบบ split เป็นมุมมองที่แสดงให้เห็นทั้งโค้ด HTML และมุมมองปรกติ ซึ่งจะบอกให้ทราบว่าการทำงานกับไฟล์ ขณะนั้นอยู่ในส่วนใดของโค้ด HTML กับมุมมองปรกติ

·         มุมมองแบบ Design เป็นมุมมองการทำงานปรกติ ที่แสดงเหมือนจริงของเอกสารเว็บเพจ

บทที่2 เอกสารและทฤษฎีที่เกี่ยวข้อง

บทที่2

เอกสารและทฤษฎีที่เกี่ยวข้อง

2.1 เอกสารที่เกี่ยวข้อง

            2.1.1 คำอธิบายรายวิชา การพัฒนาเว็บเพจด้วยโปรแกรมสำเร็จรูป วิชา3204-2202

            2.1.2 หนังสือ Photoshop Dreamweaver CS6 ออกแบบและสร้างเว็บไซต์

            ผู้แต่ง ปิยะ นากสงค์ ,มณีนุช สมานหมู่

 2.2 ทฤษฎีที่เกี่ยวข้อง

            2.2.1 ความรู้เบื้องต้นเกี่ยวกับ Dreamweaver

            2.2.2 ความหมายของ Dreamweaver CS6

            2.2.3 การเปิดใช้งาน Dreamweaver

            2.2.4 ส่วนประกอบของDreamweaver

                        - แถบสถานะ

                        - พาเนลเครื่องมือ

                        - พาเนลคุณสมบัติ

                        - กลุ่มหน้าต่างเพจต่างๆ

            2.2.5 มุมมองการทำงานใน Dreamwerver

            2.2.6 ขั้นตอนการลงปรแกรม

            2.2.7 การสร้างเว็บไซต์

            2.2.8 การสร้างข้อความ

            2.2.9 การตกแต่งด้วยภาพ

            2.2.10 การใส่ตาราง

            2.2.11 การเชื่อมโยง

            2.2.12 การออกแบบ

            2.2.13 การสร้างฟอร์ม

            2.2.14 การใช้มัลติมีเดีย

            2.2.15 การอัพโหลดไฟล์สู่เว็บไซต์

บทที่1 บทนำ

บทที่1

บทนำ

1.หลักการและเหตุผล

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

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

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

2.วัตถุประสงค์

2.1   สร้างสื่อการเรียนรู้ด้วย Adobe Dreamweaver CS6

2.2มีความรู้ความเข้าใจเกี่ยวกับการพัฒนาเว็บเพจ

2.3   สามารถสร้างเว็บไซต์ด้วยโปรแกรม Adobe Dreamweaver CS6   ได้

2.4   นำความรู้ที่ได้มาประยุกต์ในการศึกษาหรือในชีวิตประจำวัน

 3.  ขอบเขตของโครงงาน

          3.1  โปรแกรม Adobe Dreamweaver CS6

            3.2  คอมพิวเตอร์ 

 4.  วัสดุอุปกรณ์ที่ใช้

4.1    เครื่องคอมพิวเตอร์

            4.2    โปรแกรม Adobe Dreamweaver CS6

            4.3    แผ่นซีดี

 5.  งบประมาณที่ใช้

5.1   กระดาษ80บาท

            5.2   แผ่นซีดี    24  บาท

            5.3   ค่าเข้าเล่ม  30   บาท

 6. ผลที่คาดว่าจะได้รับ

            6.1   รู้และเข้าใจการจัดทำโครงงานด้านคอมพิวเตอร์ธุรกิจ

            6.2   รู้และเข้าใจการใช้งานโปรแกรม Adobe Dreamweaver CS6 

            6.3   สามารถสร้างเว็บไซต์ที่มีคุณภาพได้ด้วยตนเอง

            6.4   สามารถนำมาประยุกต์ใช้ในด้านการศึกษาและในชีวิตประจำวัน