การออกแบบและ พัฒนาเว็บไซต์ WEBPAGE DESIGN AND DEVELOPMENT FOR INFORMATION SERVICES สำหรับการบริการสารสนเทศ

CS S Review การใช้งาน รูปแบบคำสั่ง

CS S Review External Style Sheet Embedded Style Sheet Inline Style การใช้งาน รูปแบบคำสั่ง

CS S Review External Style Sheet Embedded Style Sheet Inline Style การใช้งาน รูปแบบคำสั่ง Selector Declaration

CS S Review External Style Sheet Embedded Style Sheet Inline Style การใช้งาน รูปแบบคำสั่ง Selector Declaration

CS S Review External Style Sheet Embedded Style Sheet Inline Style การใช้งาน รูปแบบคำสั่ง Selector Declaration Class Style Tag Style Advanced

การสร้างเว็บเพจให้ โต้ตอบได้โดยใช้ JavaScript Behavior

Javascritp คือ ภาษาสคริปต์ที่เพิ่มลูกเล่นและ การโต้ตอบต่างๆ ให้กับเว็บเพจ ใน Dreamweaver จะเรียกการ ใช้งาน Javascript ว่า Behavior โดย Behavior มีองค์ประกอบการ ทำงานอยู่ 2 ส่วน ได้แก่

1. Event คือ เหตุการณ์ที่เกิดขึ้นกับ ออบเจ็กต์ * บนเว็บเพจ เช่น การ เลื่อนเมาส์ไปชี้หรือคลิก ออบเจ็กต์ จะมีชุดของ Event ที่แตกต่างกัน * ออบเจ็กต์ ในที่นี้คือ สิ่งที่อยู่ในหน้า เว็บเพจ เช่น ตัวอักษร รูปภาพ ช่อง กรอกข้อความ และอื่นๆ

2. Action คือ การตอบสนองของ ออบเจ็กต์ต่อ Event เพื่อทำงาน ตามที่ได้ระบุ เช่น แสดงกล่อง ข้อความ เปลี่ยนภาพกราฟิค หรือ เปิดวินโดว์เบราเซอร์ใหม่

3 ขั้นตอนควรจำเพื่อการ ใช้งาน Behavior 1. เลือกออบเจ็กต์ 2. เลือก Action 3. ปรับแต่ง Event

ความหมายของ Event ต่างๆ - onAbort เหตุการณ์ที่ผู้ชมสั่งยกเลิก ขณะเบราเซอร์ยังดาวน์โหลดไฟล์ยังไม่เสร็จ เช่นการคลิกปุ่ม stop บนเบราเซอร์ - onBlur เมื่อผู้ชมสั่งยกเลิกการทำงาน กับออบเจ็กต์ เช่นหลังจากกรอกข้อความลง ใน Text field ของฟอร์มแล้วไปคลิกเมาส์ที่ อื่น - onBounce เหตุการณ์ที่ข้อความตัววิ่ง เลื่อนไปชนขอบด้านใดด้านหนึ่งที่กำหนดไว้ - onChange เหตุการณ์ที่ผู้ชมเปลี่ยนค่า ของฟิลด์บนฟอร์มเช่นการเลือกตัวเลือกจาก เมนูหรือการเปลี่ยนค่าใน Text field แล้ว คลิกที่ใดที่หนึ่งบนเว็บเพจ

ความหมายของ Event ต่างๆ ( ต่อ ) - onClick เหตุการณ์ที่ผู้ชมคลิก เมาส์บนออบเจ็กต์แล้วปล่อยเมาส์ - onContextMenu เหตุการณ์ที่ ผู้ชมคลิกเมาส์ขวาเพื่อเปิดเมนูลัด - onDbClick เหตุการณ์ที่ผู้ชม ดับเบิลคลิกบนออบเจ็กต์ - onError เหตุการณ์ที่บราวเซอร์ เกิด Error ขณะกำลังดาวน์โหลด เว็บเพจหรือไฟล์ภาพ

ความหมายของ Event ต่างๆ ( ต่อ ) - onFinish เหตุการณ์ที่ข้อความตัววิ่ง ทำงานครบ 1 รอบ - onFocus เหตุการณ์ที่ผู้ชมเริ่มทำงาน กับออบเจ็กต์เช่นคลิกเมาส์ใน Text field ของฟอร์มเพื่อกรอกข้อมูล - onHelp เหตุการณ์ที่ผู้ชมคลิกปุ่ม Help ของเบราเซอร์ หรือเลือกคำสั่ง Help จากเมนู - onKeyDown เหตุการณ์ที่ผู้ชมกดปุ่ม ใด ๆบนคีย์บอร์ด - onKeyPress เหตุการณ์ที่ผู้ชมกดปุ่ม ใด ๆบนคีย์บอร์ดแล้วปล่อยคีย์แล้ว - onKeyup เหตุการณ์ที่ผู้ชมปล่อยปุ่ม คีย์บอร์ดภายหลังการกด

ความหมายของ Event ต่างๆ ( ต่อ ) - onLoad เหตุการณ์ที่เบราเซอร์โหลด เว็บเพจหรือ ไฟล์ภาพ เสร็จสมบูรณ์ - onMouseDown เหตุการณ์ที่ผู้ชมคลิก เมาส์โดยยังไม่ปล่อยเมาส์ - onMouseMove เหตุการณ์ที่ผู้ชม เลื่อนเมาส์ไปมาบนออบเจ็กต์ - onMouseOut เหตุการณ์ที่ผู้ชม เลื่อนปุ่มเมาส์ออกไปนอกออบเจ็กต์ - OnMouseOver เหตุการณ์ที่ผู้ชม เลื่อนเมาส์วางเหนือออบเจ็กต์ - onMouseUp เหตุการณ์ที่ผู้ชมปล่อย ปุ่มเมาส์ หลังจากการคลิก

ความหมายของ Event ต่างๆ ( ต่อ ) - onMove เหตุการณ์ที่วินโดวส์หรือ เฟรมมีการขยับตำแหน่ง - onReadyStageChange เหตุการณ์ที่ ทำให้สถานะออบเจ็กต์เปลี่ยนแปลงไป - onReset เหตุการณ์ที่ผู้ชมล้างค่าใน ฟอร์มกลับสู่ค่าเริ่มต้น - onResize เหตุการณฺที่ผู้ชมเลื่อนหน้า เว็บเพจ - onStart เหตุการณ์ที่ข้อความตัววิ่งเริ่ม ทำงานรอบใหม่ - onSubmit เหตุการณ์ที่ผู้ชม Submit ฟอร์ม - onUnload เหตุการณ์ที่ผู้ชมออกจากเว็บ เพจปัจจุบัน เช่นคลิกลิงค์ไปยังเว็บเพจอื่น

ส่วนประกอบของวินโดวส์เมื่อเรียกใช้ open browser window Navigation toolbar