Embed Size (px)
DESCRIPTION
อธิบายการสร้างเว็บด้วย Dynamic HTML
Citation preview
� StaticStaticStaticStatic ((((คงที ่คงที ่คงที ่คงที ่) ) ) ) เปนคําที่ใชเรียกพื้นที่เว็บที่มีลักษณะคงที่ อยูนิ่ง ไมเปลี่ยนแปลง แมจะเปดหนาเว็บนั้นกี่ครัง้ก็ตาม
� DynamicDynamicDynamicDynamic ((((เปลีย่นแปลงเปลีย่นแปลงเปลีย่นแปลงเปลีย่นแปลง) ) ) ) เปนคําที่ใชเรียกในสวนของพื้นที่เว็บที่มีลักษณะที่เปลี่ยนแปลงไดไมคงที่ ไมเหมือนเดิมDynamicDynamicDynamicDynamic ((((เปลีย่นแปลงเปลีย่นแปลงเปลีย่นแปลงเปลีย่นแปลง) ) ) ) เปนคําที่ใชเรียกในสวนของพื้นที่เว็บที่มีลักษณะที่เปลี่ยนแปลงไดไมคงที่ ไมเหมือนเดิม
� เชน ASP (Active Server pages) ,PHP (Personal Home page) หรือ JSP (Java Server Pages) เทคโนโลยีเหลานี้จะถูกประมวลผลที่ฝงเซิรฟเวอร และผลลัพธที่ไดจากการประมวลผลจะเปนโคด HTML ซึ่งโคดนี้จะสงตอไปยังบราวเซอรของผใูชเพื่อใชแสดงผลตอไปจะสงตอไปยังบราวเซอรของผใูชเพื่อใชแสดงผลตอไป
� ขอดี การใช Server-Side Script ก็คือ จะชวยปองกันขอมูลสําคัญๆ ได เชน เลขบัตรเครดิต รหัสผานเขาใชงาน เพราะขอมูลเหลานี้จะถูกเก็บที่เครื่องเซิรฟเวอร และประมวลผลที่เครื่องเซิรฟเวอรขอมูลเหลานี้จึงไมรั่วไหลออกไปไหน มีแตเพียงผลลัพธสําเร็จรปูเทานั้นที่ถูกสงออกไปรั่วไหลออกไปไหน มีแตเพียงผลลัพธสําเร็จรปูเทานั้นที่ถูกสงออกไป
� ขอเสีย การใช Sever-Side Script เปนการเพิ่มภาระใหกับเครื่องเซิรฟเวอร เพราะเซิรฟเวอรตองประมวลผล และสงผลลัพธหนาเว็บใหกับเครื่องที่รองขอ ซึ่งมีผลทําใหเครื่องเซิรฟเวอรทํางานไมทัน และทําใหผูเรียกดหูนาเว็บหงุดหงดิจากการรอดหูนาเว็บนานเกินไป
� เชน VBScript , JavaScript เทคโนโลยีเหลานี้จะถูกประมวลผลที่ฝงไคลเอ็นท หรือที่เครื่องที่เปดดูเว็บ โดยโคดสวนนี้จะถูกสงมาพรอมสวนที่เปน Static จากนั้นสวนที่เปน Static จะถูกแสดงผลแตสวนที่เปน Dynamic จะตองประมวลผลกอน ถึงจะเปดดูได
� เปรยีบเทยีบขอดแีละขอเสยีของเทคโนโลยีทัง้สองเปรยีบเทยีบขอดแีละขอเสยีของเทคโนโลยีทัง้สองเปรยีบเทยีบขอดแีละขอเสยีของเทคโนโลยีทัง้สองเปรยีบเทยีบขอดแีละขอเสยีของเทคโนโลยีทัง้สอง
เทคโนโลยีฝงเซิรฟเวอร เทคโนโลยีฝงไคลเอ็นท
เซิรฟเวอรรับภาระการประมวลผลซอนโคดคําสั่งและขอมูลได
ไคลเอ็นทรับภาระการประมวลผลเปดเผยโคดคําสั่งและขอมูลซอนโคดคําสั่งและขอมูลได
เหมาะกับขอมูลสําคัญนิยมใชในการทํา Dynamic ดานขอมูล
เปดเผยโคดคําสั่งและขอมูลเหมาะกับขอมูลไมสําคัญนิยมใชในการทํา Dynamic ดานการแสดงผล
� Dynamic HTML หรือเรียกสั้น ๆ วา DHTML คือ สวนเพิ่มเติม ที่ชวยให HTML ไมนาเบื่อ มีลูกเลน มีการเคลื่อนไหว ทําใหเว็บนาสนใจมากยิ่งขึ้น เชน การมีการตูนวิ่งไปมาบนหนาเว็บ การนาสนใจมากยิ่งขึ้น เชน การมีการตูนวิ่งไปมาบนหนาเว็บ การสรางเมนูปอปอัพเพมือ่วางเมาสบนปุม เปนตน
� <html>� <head>� <title> ขอความบนไตเติ้ล (ถามี) </title>� </head>
<script language= ชื่อภาษาที่เขียนสคริปต> คําสั่งสคริปต (ถามี) </script>� <script language= ชื่อภาษาที่เขียนสคริปต> คําสั่งสคริปต (ถามี) </script>� </head>� <body>� <แท็กตางๆ >…..</….>� </body>� </html>
� โดยรูปแบบของแท็กจะมีทั้งแบบคู <แท็กเปด>…</แท็กปด>� ภายในแท็กหรอืภายในออบเจ็กตก็จะมีสวนประกอบ 2 สวน คือ
คุณสมบัตหิรือแอทริบิวต (attribute) และเหตุการณหรืออีเว็นท (event)คุณสมบัตหิรือแอทริบิวต (attribute) และเหตุการณหรืออีเว็นท (event)
