การสร้างเว็บด้วย dynamic html
DESCRIPTION
อธิบายการสร้างเว็บด้วย Dynamic HTMLTRANSCRIPT
![Page 1: การสร้างเว็บด้วย Dynamic HTML](https://reader030.vdocuments.pub/reader030/viewer/2022020308/568befc41a28ab89338d5204/html5/thumbnails/1.jpg)
![Page 2: การสร้างเว็บด้วย Dynamic HTML](https://reader030.vdocuments.pub/reader030/viewer/2022020308/568befc41a28ab89338d5204/html5/thumbnails/2.jpg)
� StaticStaticStaticStatic ((((คงที ่คงที ่คงที ่คงที ่) ) ) ) เปนคําที่ใชเรียกพื้นที่เว็บที่มีลักษณะคงที่ อยูนิ่ง ไมเปลี่ยนแปลง แมจะเปดหนาเว็บนั้นกี่ครัง้ก็ตาม
� DynamicDynamicDynamicDynamic ((((เปลีย่นแปลงเปลีย่นแปลงเปลีย่นแปลงเปลีย่นแปลง) ) ) ) เปนคําที่ใชเรียกในสวนของพื้นที่เว็บที่มีลักษณะที่เปลี่ยนแปลงไดไมคงที่ ไมเหมือนเดิมDynamicDynamicDynamicDynamic ((((เปลีย่นแปลงเปลีย่นแปลงเปลีย่นแปลงเปลีย่นแปลง) ) ) ) เปนคําที่ใชเรียกในสวนของพื้นที่เว็บที่มีลักษณะที่เปลี่ยนแปลงไดไมคงที่ ไมเหมือนเดิม
![Page 3: การสร้างเว็บด้วย Dynamic HTML](https://reader030.vdocuments.pub/reader030/viewer/2022020308/568befc41a28ab89338d5204/html5/thumbnails/3.jpg)
� เชน ASP (Active Server pages) ,PHP (Personal Home page) หรือ JSP (Java Server Pages) เทคโนโลยีเหลานี้จะถูกประมวลผลที่ฝงเซิรฟเวอร และผลลัพธที่ไดจากการประมวลผลจะเปนโคด HTML ซึ่งโคดนี้จะสงตอไปยังบราวเซอรของผใูชเพื่อใชแสดงผลตอไปจะสงตอไปยังบราวเซอรของผใูชเพื่อใชแสดงผลตอไป
![Page 4: การสร้างเว็บด้วย Dynamic HTML](https://reader030.vdocuments.pub/reader030/viewer/2022020308/568befc41a28ab89338d5204/html5/thumbnails/4.jpg)
� ขอดี การใช Server-Side Script ก็คือ จะชวยปองกันขอมูลสําคัญๆ ได เชน เลขบัตรเครดิต รหัสผานเขาใชงาน เพราะขอมูลเหลานี้จะถูกเก็บที่เครื่องเซิรฟเวอร และประมวลผลที่เครื่องเซิรฟเวอรขอมูลเหลานี้จึงไมรั่วไหลออกไปไหน มีแตเพียงผลลัพธสําเร็จรปูเทานั้นที่ถูกสงออกไปรั่วไหลออกไปไหน มีแตเพียงผลลัพธสําเร็จรปูเทานั้นที่ถูกสงออกไป
� ขอเสีย การใช Sever-Side Script เปนการเพิ่มภาระใหกับเครื่องเซิรฟเวอร เพราะเซิรฟเวอรตองประมวลผล และสงผลลัพธหนาเว็บใหกับเครื่องที่รองขอ ซึ่งมีผลทําใหเครื่องเซิรฟเวอรทํางานไมทัน และทําใหผูเรียกดหูนาเว็บหงุดหงดิจากการรอดหูนาเว็บนานเกินไป
![Page 5: การสร้างเว็บด้วย Dynamic HTML](https://reader030.vdocuments.pub/reader030/viewer/2022020308/568befc41a28ab89338d5204/html5/thumbnails/5.jpg)
� เชน VBScript , JavaScript เทคโนโลยีเหลานี้จะถูกประมวลผลที่ฝงไคลเอ็นท หรือที่เครื่องที่เปดดูเว็บ โดยโคดสวนนี้จะถูกสงมาพรอมสวนที่เปน Static จากนั้นสวนที่เปน Static จะถูกแสดงผลแตสวนที่เปน Dynamic จะตองประมวลผลกอน ถึงจะเปดดูได
![Page 6: การสร้างเว็บด้วย Dynamic HTML](https://reader030.vdocuments.pub/reader030/viewer/2022020308/568befc41a28ab89338d5204/html5/thumbnails/6.jpg)
� เปรยีบเทยีบขอดแีละขอเสยีของเทคโนโลยีทัง้สองเปรยีบเทยีบขอดแีละขอเสยีของเทคโนโลยีทัง้สองเปรยีบเทยีบขอดแีละขอเสยีของเทคโนโลยีทัง้สองเปรยีบเทยีบขอดแีละขอเสยีของเทคโนโลยีทัง้สอง
เทคโนโลยีฝงเซิรฟเวอร เทคโนโลยีฝงไคลเอ็นท
เซิรฟเวอรรับภาระการประมวลผลซอนโคดคําสั่งและขอมูลได
ไคลเอ็นทรับภาระการประมวลผลเปดเผยโคดคําสั่งและขอมูลซอนโคดคําสั่งและขอมูลได
เหมาะกับขอมูลสําคัญนิยมใชในการทํา Dynamic ดานขอมูล
เปดเผยโคดคําสั่งและขอมูลเหมาะกับขอมูลไมสําคัญนิยมใชในการทํา Dynamic ดานการแสดงผล
![Page 7: การสร้างเว็บด้วย Dynamic HTML](https://reader030.vdocuments.pub/reader030/viewer/2022020308/568befc41a28ab89338d5204/html5/thumbnails/7.jpg)
� Dynamic HTML หรือเรียกสั้น ๆ วา DHTML คือ สวนเพิ่มเติม ที่ชวยให HTML ไมนาเบื่อ มีลูกเลน มีการเคลื่อนไหว ทําใหเว็บนาสนใจมากยิ่งขึ้น เชน การมีการตูนวิ่งไปมาบนหนาเว็บ การนาสนใจมากยิ่งขึ้น เชน การมีการตูนวิ่งไปมาบนหนาเว็บ การสรางเมนูปอปอัพเพมือ่วางเมาสบนปุม เปนตน
![Page 8: การสร้างเว็บด้วย Dynamic HTML](https://reader030.vdocuments.pub/reader030/viewer/2022020308/568befc41a28ab89338d5204/html5/thumbnails/8.jpg)
� <html>� <head>� <title> ขอความบนไตเติ้ล (ถามี) </title>� </head>
<script language= ชื่อภาษาที่เขียนสคริปต> คําสั่งสคริปต (ถามี) </script>� <script language= ชื่อภาษาที่เขียนสคริปต> คําสั่งสคริปต (ถามี) </script>� </head>� <body>� <แท็กตางๆ >…..</….>� </body>� </html>
![Page 9: การสร้างเว็บด้วย Dynamic HTML](https://reader030.vdocuments.pub/reader030/viewer/2022020308/568befc41a28ab89338d5204/html5/thumbnails/9.jpg)
� โดยรูปแบบของแท็กจะมีทั้งแบบคู <แท็กเปด>…</แท็กปด>� ภายในแท็กหรอืภายในออบเจ็กตก็จะมีสวนประกอบ 2 สวน คือ
คุณสมบัตหิรือแอทริบิวต (attribute) และเหตุการณหรืออีเว็นท (event)คุณสมบัตหิรือแอทริบิวต (attribute) และเหตุการณหรืออีเว็นท (event)
![Page 10: การสร้างเว็บด้วย Dynamic HTML](https://reader030.vdocuments.pub/reader030/viewer/2022020308/568befc41a28ab89338d5204/html5/thumbnails/10.jpg)