หน่วยที่ 3
การกำหนด Slide
รู้จักกับโปรแกรม
Adobe Photoshop cs6
หน่วยที่ 1
ส่วนประกอบของหน้าต่างโปรแกรม Microsoft Word 2013
ส่วนประกอบของหน้าต่างโปรแกรม Microsoft Word 2013
ส่ว นประกอบของหน้าต่างโปรแกรม Microsoft Word 2013
ส่วนประกอบของหน้าต่างโปรแกรม Microsoft Word 2013
ส่วนประกอบของหน้าต่างโปรแกรม Microsoft Word 2013
ส่วนประกอบ Adobe Dreamweaver CS6
การเปิดใช้งาน Adobe Dreamweaver CS6
คลิกเม้าที่ >> All Programs >> Adobe Dreamweaver CS6
จากนั้นโปรแกรมจะแสดงหน้าต่างประกอบด้วยส่วนสำคัญ 3 ส่วน คือ
1. Open a Recent Item เปิดเอกสาร (หน้าเว็บ) เดิมที่สร้างไว้
2. Create New สร้างเอกสารเปล่าตามรูปแบบที่เลือก เช่น HTML , ColdFusion ,PHP , ASP , CSS เป็นต้น
3. Top Features (Videos) เข้าสู่หน้าเว็บ Adobe Tv ดูสาธิตการใช้งาน
ส่วนประกอบของโปรแกรม Adobe Dreamweaver CS6 มีดังนี้
1. แถบเมนูบาร์ (Menu Bar) เป็นแถบที่ใช้เก็บคำสั่งทั้งหมดของโปรแกรม
2. แถบ ToolBar แถบเครื่องมือที่ใช้กำหนดสถานะของหน้าเว็บ
3. แถบ Property Inspector กำหนดองค์ประกอบหน้าเว็บไซต์ โดยการปรับแต่งหน้าต่างๆ บนหน้าเว็บไซต์
4. แถบ Status Bar แถบสถานะ ที่จะแสดงข้อมูลที่เกี่ยวกับการทำงาน ที่กำลังทำอยู่
5. กลุ่มเครื่องมือ Insert ประกอบด้วยเครื่องมือกลุ่มสำคัญดังนี้
5.1 แท็บ Common เป็นแท็บที่รวบรวมเครื่องมือต่างๆ ที่เรียกใช้งานบ่อยๆ เช่น การแทรกภาพ
การแทรกตาราง เป็นต้น
5.2 แท็บ Layout เป็นแท็บที่รวบรวมเครื่องมือที่ช่วยจัดองค์ประกอบบนหน้าเว็บ
5.3 แท็บ Forms เป็นแท็บที่รวบรวมเครื่องมือที่ใช้ในการสร้างแบบฟอร์มสอบถามและตัวเลือกต่างๆ
5.4 แท็บ Data เป็นแท็บที่รวบรวมเรื่องมือสำหรับสร้างหน้าเว็บที่ติดต่อกับฐานข้อมูล
5.5 แท็บ Spy เป็นแท็บที่รวบรวมเครื่องมือที่ช่วยให้การสร้างฟอร์มได้รวดเร็ว
5.6 แท็บ jQuery Mobile เป็นแถบที่รวบรวมเครื่องมือที่ช่วยในการสร้างหน้าเว็บบนมือถือ
5.7 แท็บ InContext Editing เป็นแท็บที่ใช้สำหรับสร้างและจัดการส่วนประกอบทั่วไป
เช่น CSSและพื้นที่ในเทมเพลต
5.8 แท็บ Text เป็นแท็บที่รวบรวมเครื่องมือสำหรับจัดวางและปรับแต่งตัวอักษรบนหน้าเว็บ