Contenu connexe
Similaire à เอกสารประกอบการสอน Dreamweaver8 ม.6
Similaire à เอกสารประกอบการสอน Dreamweaver8 ม.6 (20)
Plus de ไกรลาศ จิบจันทร์ (20)
เอกสารประกอบการสอน Dreamweaver8 ม.6
- 1. การสร้างเว็บเพจโดย โปรแกรม Macromedia Dreamweaver 8
4.1 ขั&นตอนการเข้าสู่โปรแกรม
วิธีการเข้าสู่โปรแกรมมีขันตอนดังนี
1.คลิก ที Taskbar ด้านล่าง
2. เลือกที Program > Macromedia > Macromedia Dreamweaver 8 โปรแกรมจะทํางาน และเปิด
หน้าต่างโปรแกรมขึนมา
- 3. 4.3 หน้าจอการทํางานหลักของโปรแกรม
หลังจากทีเลือกโปรแกรมเสร็จแล้ว เราจะพบกับหน้าต่างการทํางาน ซึงประกอบด้วย
1.Title Bar คือ ส่วนทีแสดงชือโปรแกรม และชือไฟล์ทีกําลังทํางานอยู่
2.Menu Bar คือ ส่วนทีรวมคําสังการทํางานทังหมด แล้วแบ่งย่อยตามประเภทและในคําสังหลักมักจะมีเมนู
ลัดให้กดด้วย
3.Object Palette คือ แถบแสดงปุ่มต่างๆของโปรแกรม
เราสามารถเลือกประเภทคําสังได้ด้วยการคลิกที Common จะปรากฏเมนูขึนมา
4.Toolbar คือ แถบเครืองมือสําหรับการใช้งานด้าน HTML และอินเตอร์เน็ท ประกอบด้วย
- 4. Show Code View แสดงการทํางานในรูปแบบ HTML
Show Code and Design Views แสดงการทํางานแบบ HTML ควบคู่กับแสดงพืนทีออกแบบ
Show Design View แสดงการทํางานแบบแสดงพืนทีออกแบบ
Document Title ตังชือของเว็บเพจ
Check Errors ตรวจสอบข้อผิดพลาดจาก Browser
File Management จัดการกับไฟล์ๆ ทีอยู่ในเว็บเพจ
Preview / Debug in Browser ทดลอง ดูเว็บเพจทาง Browser หรือกด F12
View Options มุมมองในการทํางานเพิมเติม
5.หน้าต่างออกแบบเว็บเพจ ใช้พิมพ์ข้อความและจัดเรียงรูปภาพ
6.Tag Selector ใช้ควบคุมการทํางานในรูปแบบ HTML
7.Window Size กําหนดพืนทีใช้งานตามต้องการ
8.Estimate Download Time แสดงเวลา ทีใช้ในการดาวน์โหลด
9.Properties ใช้กําหนดรูปแบบต่างๆ ของตัวอักษร และรูปภาพ รวมถึงการสร้างลิงค์
หน้าต่าง Proties สามารถจะเปิดปิดได้ตามต้องการด้วยการคลิกที เพือขยายหน้าต่างการทํางานให้
มากขึน หรือคลิกที Window > properties ก็ได้เช่นกัน
10. Dockable Window เปิดหน้าต่างทีรวบรวมเครืองมืออํานวยความสะดวกเอาไว้ โดยคลิกที เพือ
เปิด-ปิดได้ เช่นเดียวกับ Properties
- 5. 4.4 วิธีการสร้าง Site
การสร้าง Site ก็เพื8อที8เวลาสร้างเว็บไซต์ ข้อมูลจะได้ถูกจัดอย่างเป็นระเบียบ ไม่กระจัด
กระจาย ง่ายต่อการตรวจสอบ วิธีการสร้างก็ง่ายๆ ตามรูปเลย
- 10. 4.5 การสร้างข้อความบน Dreamweaver 8
การสร้างข้อความบน Dreamweaver 8 มี ดังนี
พิมพ์ข้อความลงในส่วนของหน้าจอการทํางานเลย เป็นวิธีทีง่ายทีสุด เราแค่เตรียมเนือหาให้พร้อม
จากนันก็พิมพ์ได้เลย
+--ข้อควรจํา--+
ในเรืองของการพิมพ์ข้อความ ก็เลือกเอาตามความถนัดเลย แต่ควรตรวจเรืองของ Font ให้ดีเพราะบางFont
อ่านไทยไม่ได้ โดยสามารถตังค่าได้โดยการกด Ctrl + U แล้วก็จะได้หน้าต่าง Preferences ดังรูป
- 22. 4.12 การสร้างลิงค์จากข้อความ
ลิงค์ (Link) หรือจุดเชื8อมโยงเว็บเพจ มีหลายรูปแบบดังนี&
การทําลิงค์แบบข้อความ การทําลิงค์ไปยัง E-mail
การทําลิงคืไปยัง Named Anchor การทําลิงค์แบบ Rollover Image
การทําลิงค์ใน Dreamweaver 8 ส่วนสําคัญจะอยุ่ตรงทีแถบ Properties ซึงจะมีอยู่ 2 ส่วนด้วยกัน ได้แก่
1.Link คือ แถบสําหรับเลือกไฟล์ทีต้องการจะลิงค์ไปถึง
2.Target คือ แถบสําหรับเลือกรูปแบบของปลายทาง ซึงได้แก่
_blank คือ การแสดงเว็บเพจปลายทางในหน้าต่างใหม่
_parent คือ การแสดงเว็บเพจทีหน้าต่างเดียว แต่อยู่ในเฟรมหลัก
_self คือ การแสดงเว็บเพจในเฟรมเดียวกับต้นทาง
_top คือ การแสดงผลเว็บเพจ โดยจะไม่มีเฟรม
วิธีสร้างลิงค์จากข้อความ
1.พิมพ์ข้อความลงไป 2.ลากเม้าส์ทึบข้อความทีต้องการ
3.คลิกที ในแถบ properties เพือเลือกไฟล์ทีจะลิงค์ 4.เมือเลือกได้แล้ว ให้คลิกปุ่ม
5.ข้อความกลายเป็นลิงค์เรียบร้อยแล้ว
- 28. 4.15 การทําปุ่ม Flash
วิธีการนําปุ่มกด Flash มาใช้งาน มีขันตอนดังนี
1.วางเคอเซอร์บนพืนทีทํางาน
2.ไปที Menu Bar เลือก Insert > Media > Flash button
3.ในขันนีถ้าเรายังไม่ได้บันทึกเว็บเพจ โปรแกรมจะเตือนให้เราบันทึกก่อน ถึงจะสามารถใช้ปุ่ม Flash ได้ ให้
เราทําการบันทึก
4.จะปรากฏหน้าต่าง Insert Flash Button ขึนมา ให้เราเลือกรูปแบบของปุ่ม
5.จะได้ปุ่ม Flash เรียบร้อยแล้ว ให้ทดสอบแสดงผลทาง Browser โดยการกดปุ่ม F12