ใบงานที่ 1

เรื่อง ส่วนประกอบบนโปรแกรม Dreamweaver ระดับชัน

้
มัธยมศึกษาปี ที่ 3
รหัสวิชา ง 33101 รายวิชา การงานอาชีพและเทคโนโลยี 3 กล่่มสาระการ
เรียนรู้การงานอาชีพและเทคโนโลยี

้ ม. 3/13 เลขที่ 17
ชื่อ ด.ช.พีรวิชญ์ สกุล ศรีสุพรรณ ชัน

คำาสั่ง
1. ให้นักเรียนบอกส่วนประกอบต่างๆ บนโปรแกรม Dreamweaver

1 2 3 4 6
5

ร.ร.บ.ด.๒ \ ใบความร้้ 1-2

ฉบับที่ 1 : 17 พฤษภาคม 2553

ws 08-3-03
 7 8 9 1
11
1. คือ Title bar
2. คือ Menu Bar
3. คือ ชื่อเรื่องเว็บเพจ
4. คือ Insert Bar
5. คือ toolbar
6. คือ แถบเครื่องมือ Panel
7. คือ Tag Selector
8. คือ แถบเครื่องมือแสดงชื่อเว็บที่กำาลังเปิ ดใช้งาน
9. คือ PROPERTIES INSPECTOR
10. คือ ปรับขนาดวินโดว์

11. คือ ขนาดข้อม้ลและรายละเอียดการดาวน์โหลด

2. จงอธิบายลักษณะการทำางานของมุมมองการทำางานทัง้ 3 มุมมอง
ดังนี้
ร.ร.บ.ด.๒ \ ใบความร้้ 2-2
ฉบับที่ 1 : 17 พฤษภาคม 2553

ws 08-3-03
 1. มุมมองออกแบบ (Design View)
เป็ นมุมมองที่แสดงหน้ าจอสำาหรับการออกแบบและจัดองค์
ประกอบของเว็บเพจ สามารถตกแต่งสีสันของหน้ าเว็บเพจได้ โดย
ไม่ต้องทำางานกับภาษา Html หรือคำาสัง่ สคริปต์ต่าง ๆ
2. มุมมองโค้ด HTML (Code View)
เป็ นมุมมองที่แสดงโค้ด HTML หรือ Script ในหน้ าเว็บที่
กำาลังทำางานอย่้ ซึ่งมุมมองนี้สามารถใช้ในการเพิ่มเติมหรือแก้ไข
โค้ดให้เว็บไซต์
3. มุมมองโค้ดและออกแบบ (Code & Design View)
เป็ นมุมมองที่ให้ดไ้ ด้ทัง้ มุมมองคำาสัง่ และมุมมองออกแบบ
พร้อมกันในหน้ าต่างเดียว
4. แถบ Insert Bar ช่วยในการทำางานด้านใด จงยกตัวอย่างประกอบ
เครื่องมือ Insert Bar หรือแถบเครื่องมือ Insert เป็ นเครื่องมือ
สำาคัญอันดับแรก ที่ต้องทำาความร้จ้ ัก เพราะเป็ นที่สำาหรับจัดเก็บเครื่อง
มือต่าง ๆ จำาเป็ นสำาหรับการสร้างเว็บไซต์ แยกเครื่องมือออกเป็ น 7 กลุ่ม
ดังนี้
1. กล่่ม Common เป็ นกลุ่มเครื่องมือหลักในการสร้างเว็บไซต์ท่ี
มักจะถ้กเรียกใช้งานอย่้เป็ นประจำา
2. กล่่ม Layout เป็ นกลุ่มเครื่องมือสำาหรับสร้างตารางในแบบเลย์
เอาต์หรือสร้างตารางสำาหรับออกแบบเว็บเพจ
3. กล่่ม Forms เป็ นกลุ่มเครื่องมือสำาหรับสร้างคำาสัง่ ฟอร์ม และ
ช่องรับข้อม้ลในแบบต่างๆ
4. กล่่ม Data เป็ นกลุ่มเครื่องมือที่ใช้สำาหรับการติดต่อระหว่าง
หน้ าเว็บเพจกับฐานข้อม้ล ใน Adobe Dreamweaver CS3
5. กล่่ม Spry เป็ นกลุ่มเครื่องมือที่ใช้ในการจัดการหน้ าเว็บเพจ
ซึ่งเครื่องมือนี้ได้เพิ่มขึ้นมาใน Adobe Dreamweaver

ร.ร.บ.ด.๒ \ ใบความร้้ 3-2

ฉบับที่ 1 : 17 พฤษภาคม 2553

ws 08-3-03
 CS3 จะช่วยในการทำางานเพิ่มเติมหรือแก้ไขได้สะดวกยิ่งขึ้น

6. กล่่ม Text เป็ นกลุ่มเครื่องมือสำาหรับทำางานเกี่ยวกับตัวอักษร

และสัญลักษณ์แบบพิเศษที่ใช้ในการเขียนเว็บไซต์
7. กล่่ม Favorites เป็ นกลุ่มเครื่องมือสำาหรับรวบรวมเครื่องมือที่
ใช้งานบ่อยไว้ในเครื่องมือ Favorites เพื่อความสะดวก
รวดเร็วในการเรียกใช้งานครัง้ ต่อไป

ร.ร.บ.ด.๒ \ ใบความร้้ 4-2

ฉบับที่ 1 : 17 พฤษภาคม 2553

ws 08-3-03