You are on page 1of 2

ใบงานที่ 1

เรื่อง ส่วนประกอบบนโปรแกรม Dreamweaver ระดับชั้นมัธยมศึกษาปีที่ 3


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

ชื่อ กษิดิศ สกุล ปถมกุล ชั้นม. 3/10 เลขที่ 1

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

1 2 3 4 6
5
. . . . .
.

7 8 9 10 11
.1. คือ. Title Bar . . ใ..
2. คือ Menu Bar
3. คือ Title (ชื่อเว็บเพจ)
4. คือ Insert Toolbar
ร.ร.บ.ด.๒ \ ใบความรู้ 1-2 ฉบับที่ 1 : 17 พฤษภาคม 2553
ws 08-3-03
5. คือ Toolbar
6. คือ Panel
7. คือ Tag Selector
8. คือ เอกสารที่เปิดอยู่
9. คือ Properties Inspector
10. คือ ปรับขนาด Windows
11. คือ ขนาดของข้อมูลและรายละเอียดการ Download

2. จงอธิบายลักษณะการทางานของมุมมองการทางานทั้ง 3 มุมมองดังนี้
1. มุมมองออกแบบ (Design View)
Design View คือลักษณะมุมมองการทางานแบบออกแบบ ไม่ต้องเห็นโค้ดให้ยุ่งยาก
มากมาย เหมาะสาหรับมือใหม่ที่ยังไม่คล่องเรื่อง HTML เพราะว่าจะสามารถออกแบบ
ได้ง่ายและรวดเร็ว
2. มุมมองโค้ด HTML (Code View)
มุมมองนี้จะเหมาะสาหรับผู้ที่เชี่ยวชาญด้านภาษา HTML มาแล้ว เพราะ มุมมองนี้เรา
จะต้องเขียนโค้ดเองทั้งหมดโดยเราจะไม่รู้เลยว่าหน้าตาของเว็บมันเป็นอย่างไร
3. มุมมองโค้ดและออกแบบ (Code & Design View)
มุมมองนี้จะเป็นการสลับการทางานทั้งสองแบบ เพราะว่าเราจะเห็นทั้งมุมมองแบบ
โค้ด แล้วมุมมอง ออกแบบ มุมมองค่อนข้างง่ายสาหรับการทางานเพราะว่าเมื่อเราใส่
โค้ดที่เราต้องการแล้ว ผลลัพธ์ก็จะออกมาในมุมมองออกแบบมาเลย เราจะได้ตกแต่งถูก
ว่าชอบแบบนี้ไม่ชอบแบบนี้ ก็สามารถแก้ไขได้เลย
3. แถบ Insert Bar ช่วยในการทางานด้านใด จงยกตัวอย่างประกอบ
แถม Insert Bar จะเป็นแถบที่เราใช้งานบ่อยที่สุด เพราะว่าแถบ Insert Bar จะช่วยในการแทรก
Objects ต่างๆลงในเว็บเพจโดยจะแยกเป็นหมวดหมูแท็บ ดังนี้
Common – เอาไว้แทรกรูปภาพ แทรกตาราง เป็นต้น Layout – เอาไว้สร้างตาราง เป็นต้น
Text – เอาไว้จัดรูปแบบตัวอักษรในเพจ Table - สร้าง ตาราง แถว คอลัมน์ เป็นต้น
Frame – เอาไว้แบ่งเว็บเพจออกเป็นเฟรมย่อยๆ

ร.ร.บ.ด.๒ \ ใบความรู้ 2-2 ฉบับที่ 1 : 17 พฤษภาคม 2553


ws 08-3-03