ส่วนประกอบของโปรแกรม dreamweaver cs3

โปรแกรม  Dreamweaver CS3

 Dream weaver เป็นโปรแกรมประเภท Web Design ซึ่งมีคุณสมบัติในการใช้งานในแบบ WYSIWYG อ่านว่า วิสสิวิก (What You See Is What You Get) คือ โปรแกรมประเภทคุณออกแบบหน้าเว็บเพจ หรือเว็บไซต์        มาอย่างไรในโปรแกรม  คุณก็จะเห็นงานของคุณเป็นแบบนั้น

การใช้งานของโปรแกรมจะอำนวยความสะดวกให้กับการออกแบบ webpage เป็นอย่างมาก โดยโปรแกรมจะทำงานในลักษณะ HTML Generator นั่นคือโปรแกรมจะสร้างรหัสคำสั่ง HTML โดยเราไม่จำเป็นต้องมานั่งเรียนรู้ CODE ของ HTML เลย เราก็สามารถสร้าง website ได้อย่างมืออาชีพแล้ว โดยโปรแกรมมีลักษณะการทำงาน คล้าย ๆ กับการพิมพ์เอกสารด้วย Word Processing ที่สามารถใช้เครื่องมือ (Tool bars) หรือแถบคำสั่ง (Menu bar) ควบคุมการทำงาน      ช่วยให้การใช้งานง่าย สะดวกและรวดเร็ว

ความรู้เบื้องต้นเกี่ยวกับ Dream weaver CS3

Dream weaver เป็นโปรแกรมประเภท Web Design ซึ่งมีคุณสมบัติในการใช้งานในแบบ WYSIWYG อ่านว่า วิสสิวิก (What You See Is What You Get) คือ โปรแกรมประเภทคุณออกแบบหน้าเว็บเพจ หรือเว็บไซต์        มาอย่างไรในโปรแกรม  คุณก็จะเห็นงานของคุณเป็นแบบนั้น

การใช้งานของโปรแกรมจะอำนวยความสะดวกให้กับการออกแบบ webpage เป็นอย่างมาก โดยโปรแกรมจะทำงานในลักษณะ HTML Generator นั่นคือโปรแกรมจะสร้างรหัสคำสั่ง HTML โดยเราไม่จำเป็นต้องมานั่งเรียนรู้ CODE ของ HTML เลย เราก็สามารถสร้าง website ได้อย่างมืออาชีพแล้ว โดยโปรแกรมมีลักษณะการทำงาน คล้ายๆกับการพิมพ์เอกสารด้วย Word Processing ที่สามารถใช้เครื่องมือ (Tool bars) หรือแถบคำสั่ง (Menu bar) ควบคุมการทำงาน ช่วยให้การใช้งานง่าย สะดวกและรวดเร็ว

จุดเด่นของโปรแกรม

  1. ผู้ใช้ไม่ต้องศึกษาภาษา HTML ก็สามารถสร้างเว็บเพจได้ เพราะโปรแกรมมีฟังก์ชัน

การทำงานแบบ HTML Generator

  2. สามารถสร้างภาพเคลื่อนไหว (Animation) โดยใช้รูปแบบของ Macromedia Director

ด้วยคุณสมบัติ Animate Netscape และ CSS-P Layers ทำให้ภาพเคลื่อนไหวบนเบราเซอร์ โดยไม่ต้องอาศัยโปรแกรมเสริมใดๆ

  1. สามารถนำข้อความเข้ามาในโปรแกรมได้ (Import Text File)
  2. สนับสนุน CSS (Cascading Style Sheet)
  3. สามารถตรวจสอบชนิดของเบราเซอร์ได้
  4. ความสามารถเกี่ยวกับการปรับปรุง ดูแลรักษาไซต์ เช่น โอนถ่ายข้อมูล (FTP) ขึ้น

เครื่องแม่ข่าย และจัดการเพิ่มลบเว็บเพจได้ เป็นต้น

  1.  ความสามารถในการทำ Image Roller
  2. สนับสนุนภาษาไทย

เริ่มต้นการใช้งานโปรแกรม Dream weaver CS3

1. คลิกที่ปุ่ม start
2. เลื่อนเมาส์ไปที่ Program
3. เลื่อนเมาส์ไปที่คลิกเลือกเมนู Macromedia
4. เลื่อนเมาส์ไปที่คลิกเลือกคำสั่ง Macromedia Dreamweaver CS3 เพื่อเรียกใช้โปรแกรม

โปรแกรม Dreamweaver CS3

           

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

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

             เราจะมาดกันว่าทำไม Dreamweaver ถึงเป็นที่นิยมมีผู้ใช้งานกันมากมาย

       สำหรับท่านที่กำลังตัดสินใจว่าจะใช้โปรแกรม Dreamweaver เป็นเครื่องมือในการสร้างเว็บเพจหรือไม่ ให้เราลองมาพิจารณาความสามารถโดยรวมของ Dreamweaver กันก่อน
       1. สนับสนุนการทำงานแบบ WYSIWYG (What You See Is What You Get) หมายความว่าอะไรก็ตามที่เราทำบนหน้าจอ Dreamweaver ก็จะปรากฏผลแบบเดียวกันบนเว็บเพจ ซึ่งช่วยให้การปรับปรุงแก้ไขเว็บเพจนั้นทำได้ง่าย ไม่ต้องมีความรู้ในภาษา HTML
       2. มีเครื่องมือในการช่วยสร้างรูปแบบหน้าจอเว็บเพจ และมีความยืดหยุ่นในการใช้งานสูง
       3. สนับสนุนภาษาสคริปต์ต่าง ๆ ทั้งฝั่งไคล์เอ็นต์ และเซิร์ฟเวอร์ เช่น Java, ASP, PHP, CGI, VBScript 
       4. มีเครื่องมือในการอัพโหลด (Upload) หน้าเว็บเพจไปที่เครื่องเซิร์ฟเวอร์เพื่อทำการเผยแพร่งานที่เราสร้างในอินเทอร์เน็ต โดยการส่งผ่าน FTP หรือโดยการใช้โปรแกรมภายนอกช่วย
       5. รองรับมัลติมีเดีย เช่นเสียง กราฟิก และอนิเมชั่นที่สร้างโดยโปรแกรม Flash, Shockwave, casino Firework เป็นต้น
       6. มีความสามารถทำการติดต่อกับฐานข้อมูล เพื่อความสะดวกในการเขียนแอพพลิเคชั่น บนเว็บไซต์

คุณสมบัติและข้อดีของโปรแกรม Dreamweaver

1)  ช่วยให้คุณทำงานได้เร็วขึ้น

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


  

2)  เป็น Editor ที่มีประสิทธิภาพตัวหนึ่ง

ในกรณีทีเราต้องการเขียน HTML เอง Dreamweaver ก็เป็นเครื่องมือที่อำนวยความสะดวกให้เราได้ดีมาก ไม่เพียงแต่การใช้การกับ HTML เท่านั้น Dreamweaver ก็รองรับภาษาต่างมากมายเช่น CFML, PHP, ASP, ASP.NET และอื่นอีกมากมาย ช่วยให้เราสามารถเขียน Code ได้ง่ายขึ้น

3)  เป็นโปรแกรมจัดการเว็บไซต์ที่ดี

Dreamweaver ยังเป็นโปรแกรมที่ช่วยให้เราจัดการกับเว็บไซต์ของเราได้ดีขึ้น โดยมีเครื่องมือมากมาย เช่น

    1. FTP เราสามารถแก้ไขหน้าเว็บเพจของเราและส่งไปแสดงผลที่ server ได้ทันที เพราะ dreamwerver จะติดต่อกับ server ให้เราและแสดงไฟล์ของเราที่อยู่ใน server ให้เราเห็นและแก้ไขได้ทันที่ที่เราต้องการถือเป็นเครื่องมือที่สะดวกมาก นอกจากนั้นยังช่วยให้เรามีข้อมูลของเว็บไซต์ของเราสำรองไว้ในเครื่องเราตลอด ด้วย


 

    2. Site map เป็นเครื่องมือที่ช่วยแสดงผลเว็บไซต์ของเราให้เป็น รูปร่างขึ้นมา โดยจะแสดงให้เห็นว่าหน้าใด link ไปยังหน้าใดบ้าง โดยเราสามารถย้ายหรือ เปลี่ยนแปลง link ได้ โดยที่ Dreamweaver จะทำการเขียน Code ให้เราใหม่ทันที ถือเป็นเครื่องมือที่ดีมาก เพราะความจริงแล้วเราต้องแก้เว็บเพจของเราตลอด


 

4)  ช่วยให้เราทำเว็บได้ง่ายขึ้น

สำหรับคนที่ไม่เคยทำเว็บมาก่อนก็สามารถใช้ Dreamweaver เพียงโปรแกรมเดียวเพื่อพัฒนาเว็บไซต์ของตัวเองขึ้นมาได้ง่ายเหมือนกับการ เขียนหนังสือ และสำหรับคนที่เชี่ยวชาญ Dreamweaver ก็ทำให้เรามีความคล่องตัวขึ้นเพราะตอนนี้ Dreamwerver มีเครื่องมือมากมายและทำงานเชื่อมต่อกับโปรแกรมดังๆมากมายเช่น Photoshop,Illustrator,Flash หรือแม้แต่กระทั่งการใช้ในลักษณะ Dynamic webpage ก็พัฒนาขึ้นมาก จะเห็นว่าใน Dreamweaver CS3 นั้นมีการใช้งานในส่วนของ Ajax เพิ่มมาอีกด้วยรวมถึงการใช้งาน CSS ที่ได้รับการพัฒนาขึ้นมาก นี่ยังไม่รวมถึง Template มากมายที่ช่วยในการจัดข้อความ ,หน้าตาของเว็บเพจ และเครื่องมืออีกมากมาย

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

การเปิดใช้งานโปรแกรม  สามารถเรียกใช้งานโปรแกรม ดังนี้  เรียกผ่านปุ่ม  Start  มีวิธีทำ คือ

 เมื่อคุณได้ติดตั้งโปรแกรม Dreamweaver CS3 แล้วก็สามารถเรียกใช้งานโปรแกรมได้ ด้วยวิธีการดังต่อไปนี้
       1. คลิกเมาส์ที่ปุ่ม start 


       2. เลือกคำสั่ง AllPrograms > Dreamweaver CS3

       3. สักครู่ก็จะปรากฎหน้าต่างแรกของโปรแกรม Dreamweaver CS3

     หน้าต่างเริ่มต้น (Start Page)


Open a Recent Item(ชิ้นงานที่เคยสร้างไว้แล้ว)
Create New (เปิดใช้เว็บเพจใหม่)
Create From Samples (รูปแบบอัตโนมัติ)

หน้าต่างเว็บเพจ

       เป็นส่วนที่ใช้แสดงเนื้อหาในหน้าเว็บเพจที่เรากำลังทำงานอยู่ ซึ่งประกอบไปด้วย

Title bar แถบชื่อโปรแกรม
Toolbar แถบคำสั่ง รวบรวมปุ่มคำสั่งที่ใช้งานบ่อย
Menu bar แถบคำสั่ง เป็นแถบที่ใช้เก็บคำสั่งทั้งหมดของโปรแกรม
Objects Palette หน้าต่างออบเจ็กต์ กลุ่มเครื่องมือที่จะนำมาสร้างเป็นหน้าเว็บเพจ
Document Window พื้นที่สำหรับสร้างหน้าเว็บ
Properties Inspector หน้าต่าง Properties แสดงคุณสมบัติต่างๆของวัตถุ
Launcher รวบรวมไอคอนที่ใช้ปเดิ/ปิด หน้าต่างการทำงานพิเศษ
Tag Selector ใช้สำหรับแสดงการทำงานกับส่วนโค๊ดที่เราต้องการ


< ย้อนกลับ ถัดไป >
 

Toplist

โพสต์ล่าสุด

แท็ก