10

Dynamic HTML

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Dynamic HTML
Page 2: Dynamic HTML

Static (คงท ) เปนคาทใชเรยกพนทเวบทมลกษณะคงท อยนง ไม

เปลยนแปลง แมจะเปดหนาเวบนนกครงกตาม

Dynamic (เปลยนแปลง) เปนคาทใชเรยกในสวนของพนทเวบทมลกษณะท

เปลยนแปลงไดไมคงท ไมเหมอนเดม

Page 3: Dynamic HTML

เชน ASP (Active Server pages) ,PHP (Personal Home page) หรอ

JSP (Java Server Pages) เทคโนโลยเหลานจะถกประมวลผลทฝง

เซรฟเวอร และผลลพธทไดจากการประมวลผลจะเปนโคด HTML ซงโคดน

จะสงตอไปยงบราวเซอรของผใชเพอใชแสดงผลตอไป

Page 4: Dynamic HTML

ใ ไ ขอด การใช Server-Side Script กคอ จะชวยปองกนขอมลสาคญๆ ได

เชน เลขบตรเครดต รหสผานเขาใชงาน เพราะขอมลเหลานจะถกเกบท

ฟ ป ฟ ไ เครองเซรฟเวอร และประมวลผลทเครองเซรฟเวอรขอมลเหลานจงไม

รวไหลออกไปไหน มแตเพยงผลลพธสาเรจรปเทานนทถกสงออกไป

ขอเสย การใช Sever-Side Script เปนการเพมภาระใหกบเครอง

เซรฟเวอร เพราะเซรฟเวอรตองประมวลผล และสงผลลพธหนาเวบ

ใหกบเครองทรองขอ ซงมผลทาใหเครองเซรฟเวอรทางานไมทน และทา

ใหผเรยกดหนาเวบหงดหงดจากการรอดหนาเวบนานเกนไป

Page 5: Dynamic HTML

เชน VBScript , JavaScript เทคโนโลยเหลานจะถกประมวลผลทฝงไคลเอนท หรอเชน VBScript , JavaScript เทคโนโลยเหลานจะถกประมวลผลทฝงไคลเอนท หรอ

ทเครองทเปดดเวบ โดยโคดสวนนจะถกสงมาพรอมสวนทเปน Static จากนนสวนท

เปน Static จะถกแสดงผลแตสวนทเปน Dynamic จะตองประมวลผลกอน ถงจะ

เปดดได

Page 6: Dynamic HTML

เปรยบเทยบขอดและขอเสยของเทคโนโลยทงสอง

เทคโนโลยฝงเซรฟเวอร เทคโนโลยฝงไคลเอนทเทคโนโลยฝงเซรฟเวอร เทคโนโลยฝงไคลเอนท

เซรฟเวอรรบภาระการ

ประมวลผล

ไคลเอนทรบภาระการ

ประมวลผลประมวลผล

ซอนโคดคาสงและขอมลได

เหมาะกบขอมลสาคญ

ประมวลผล

เปดเผยโคดคาสงและขอมล

เหมาะกบขอมลไมสาคญเหมาะกบขอมลสาคญ

นยมใชในการทา Dynamic

ดานขอมล

เหมาะกบขอมลไมสาคญ

นยมใชในการทา Dynamic

ดานการแสดงผลดานขอมล ดานการแสดงผล

Page 7: Dynamic HTML

Dynamic HTML หรอเรยกสน ๆ วา DHTML คอ สวนเพมเตม ท

ชวยให HTML ไมนาเบอ มลกเลน มการเคลอนไหว ทาใหเวบชวยให HTML ไมนาเบอ มลกเลน มการเคลอนไหว ทาใหเวบ

นาสนใจมากยงขน เชน การมการตนวงไปมาบนหนาเวบ การ

ป ป ป ป สรางเมนปอปอพเพมอวางเมาสบนปม เปนตน

Page 8: Dynamic HTML

<html>

<head>

<title> ขอความบนไตเตล (ถาม) </title>

</head>

<script language= ชอภาษาทเขยนสครปต> คาสงสครปต (ถาม) </script>

</head>

<body>

<แทกตางๆ >…..</….>

</body>

</html>

Page 9: Dynamic HTML

โดยรปแบบของแทกจะมทงแบบค <แทกเปด>…</แทกปด>

ภายในแทกหรอภายในออบเจกตกจะมสวนประกอบ 2 สวน คอ ภายในแทกหรอภายในออบเจกตกจะมสวนประกอบ 2 สวน คอ

คณสมบตหรอแอทรบวต (attribute) และเหตการณหรออเวนท (event)

Page 10: Dynamic HTML