ใบงานที่ 1

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

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

ชื่อ คณิตพงศ์ สก่ล เอี่ยมสินธร ชั้นม. 3/ 1

เลขที่ 1

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

1 2 3 4 6
5

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

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

ws 08-3-03
 7 8 9 1
11
1. คือ ไตเติลบาร์

2. คือ เมน้ บาร์

3. คือ ชื่อเรื่องเว็บเพจ

4. คือ insert ท้ลบาร์

5. คือ ท้ลบาร์
6. คือ กล่่ม panel
7. คือ tag selector
8. คือ เอกสารที่เปิ ดอย่้
9. คือ properties inspector
10. คือ ปรับขนาดวินโดว์
ร.ร.บ.ด.๒ \ ใบความร้้ 2-2
ฉบับที่ 1 : 17 พฤษภาคม 2553

ws 08-3-03
 11. คือ ขนาดข้อม้ล และรายละเอียดการดาวโหลด

2. จงอธิบายลักษณะการทำางานของม่มมองการทำางานทั้ง 3 ม่ม
มองดังนี้
1. ม่มมองออกแบบ (Design View)
การใช้ม่มมองนี้ ให้คลิกที่ เพื่อแสดงหน้าจอสำาหรับการ
ออกแบบและจัดองค์ประกอบของเว็บเพจ ซึ่งสามารถทำาการ
ตกแต่งสีสันของหน้าเว็บเพจได้อย่างอิสระโดยไม่ต้องทำางานกับ
ภาษา HTML หรือกับคำาสัง่ สคริปต์ต่าง ๆ

2. ม่มมองโค้ด HTML (Code View)

การให้ม่มมองนี้ ให้คลิกที่ จะแสดงโค้ด HTML หรือ
Script ในหน้าเว็บที่กำาลังทำางานอย่้ ซึ่งม่มมองนี้ สามารถใช้ใน
การเพิ่มเติมหรือแก้ไขโค้ดให้เว็บไซต์
3. ม่มมองโค้ดและออกแบบ (Code & Design View)
การใช้ม่มมองนี้ ให้คลิกที่ จะแสดงทั้งโค้ดและหน้าเว็บเพจ
(Design) ที่กำาลังทำางานอย่้พร้อม ๆกันทำาให้สามารถเปรียบ
เทียบด้ผลลัพธ์ของโค้ดที่ได้สร้างขึ้นมาในร้ปแบบของเว็บเพจ (การ
ทำางานกับโค้ดต้องมีความร้้เกี่ยวกับภาษา HTML)

3. แถบ Insert Bar ช่วยในการทำางานด้านใด จงยกตัวอย่าง

ประกอบ
เป็ นเครื่องมือ Insert Bar หรือแถบเครื่องมือ Insert อันดับแรก ๆที่
ต้องทำาความร้้จักและต้องเรียกใช้งานอย่้เป็ นประจำา เพราะเป็ นที่สำาหรับจัด

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

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

ws 08-3-03
 เก็บเครื่องมือต่าง ๆ จำาเป็ นสำาหรับการสร้างเว็บไซต์ แยกเครื่องมือออกเป็ น
7 กล่่ม เพื่อสะดวกต่อการใช้งาน ยกตัวอย่าง เช่น
1..กล่่ม Common เป็ นกล่่มเครื่องมือหลักในการสร้างเว็บไซต์ที่มักจะ
ถ้กเรียกใช้งานอย่้เป็ นประจำา เช่น ป่ ่มสร้างตาราง , ป่ ่มสำาหรับสร้างอีเมล์ลิงค์
เป็ นต้น
2.กล่่ม Layout เป็ นกล่่มเครื่องมือสำาหรับสร้างตารางในแบบเลย์เอาต์หรือ
สร้างตารางสำาหรับออกแบบเว็บเพจ
3.กล่่ม Forms เป็ นกล่่มเครื่องมือสำาหรับสร้างคำาสัง่ ฟอร์ม และช่องรับ
ข้อม้ลในแบบต่าง ๆ
4.กล่่ม Data เป็ นกล่่มเครื่องมือที่ใช้สำาหรับการติดต่อระหว่างหน้าเว็บเพจ
กับฐานข้อม้ล ใน Adobe Dreamweaver CS3 สามารถทำางาน
กับฐานข้อม้ลได้อย่างสมบร้ณ์
5.กล่่ม Spry เป็ นกล่่มเครื่องมือที่ใช้ในการจัดการหน้าเว็บเพจ ซึ่งเครื่อง
มือนี้ ได้เพิ่มขึ้นมาใน Adobe Dreamweaver CS3 จะช่วยในการ
ทำางานเพิ่มเติมหรือแก้ไขได้สะดวกยิ่งขึ้น
6.กล่่ม Text เป็ นกล่่มเครื่องมือสำาหรับทำางานเกี่ยวกับตัวอักษรและ
สัญลักษณ์แบบพิเศษที่ใช้ในการเขียนเว็บไซต์
7. กล่่ม Favorites เป็ นกล่่มเครื่องมือสำาหรับรวบรวมเครื่องมือที่ใช้งานบ่อย
ไว้ในเครื่องมือ Favorites เพื่อความสะดวกรวดเร็วในการเรียกใช้งานครั้งต่อ
ไป

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

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

ws 08-3-03