dynamic html

10

Upload: meaw-sukee

Post on 07-Mar-2016

215 views

Category:

Documents


1 download

DESCRIPTION

 

TRANSCRIPT

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