ใบงานที่ 1

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

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

ชื่อ ด.ช.พีรวัส...............สกุล พันทวี...............ชั้นม. 3/3...............เลขที่ 10..................

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

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

7 8 9 10 11
.1. คื. อ Title Bar……………………………………………………………………............
. .ใใ ใ..
2. คือ Menu Bar……………..…………………………………………………………...
3. คือ Document Bar ……………..……………………………………………………
4. คือ Insert bar …………………………………………………………………………
5. คือ Tool Bar …………………………………………………………………………...
6. คือ Panel Group…………………………………...…………………………………
7. คือ Tag selector…………………………………………………………....................
ร.ร.บ.ด.๒ \ ใบความรู้ 1-2 ฉบับที่ 1 : 17 พฤษภาคม 2553
ws 08-3-03
 8. คือ Status bar …………………………………….......................................................
9. คือ Property Inspector ………………………………………………………............
10. คือ Window resize ………………………………………………………………….....
11. คือ Site information and download details ………………………………………

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

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

ws 08-3-03