Static และ Dynamic แตกต่างกันอย่างไร

Static, Dynamic เว็บไซต์ ต่างกันอย่างไร?

Static Website และ Dynamic Website คืออะไร และทำไมบางเว็บไซต์มีการให้บริการทำเว็บที่ราคาถูก อธิบายโดยเข้าใจอย่างง่าย

เว็บไซต์ที่ท่านเห็นมีราคาไม่แพงเลย เนื่องจากเว็บเหล่านั้นเป็นรูปแบบ Static Website นั้นเอง คือ เว็บไซต์ที่สร้างด้วยภาษา HTML ธรรมดา

และบันทึกเป็นไฟล์นามสกุล .html เนื้อหาข้อความ รูปภาพในหน้าเว็บเพจนั้นจะเป็นไปตามที่เราเขียนกำหนดไว้ เมื่อมีผู้เรียกดูหน้าเว็บเพจนั้น (adsbygoogle = window.adsbygoogle || []).push({});

Web Server ก็จะส่งไฟล์นั้นไปให้ยังเครื่องที่ร้องขอ และแสดงผลออกทางโปรแกรมเว็บเบราเซอร์บนเครื่องของผู้ชมนั้น เพราะไม่มีความยุ่งยาก

ในการทำนี้เอง จึงทำให้เว็บไซต์ประเภทนี้มีต้นทุนในการทำไม่สูงมากนั้นเอง

ความหมายของ Static Website และ Dynamic Website คืออะไร?

Static Website : เว็บไซต์ที่ตอบสนองทางเดียว ไม่มีการติดต่อกับฐานข้อมูล และไม่สามารถเก็บข้อมูลได้ เป็นการนำเสนอข้อมูลแบบทางเดียว

เหมือนกับการอ่านหนังสือ ซึ่งเว็บไซต์จะพัฒนาด้วย HTML หรือ DHTML เป็นหลัก และเนื่องจาก Static Website มีการนำเสนอข้อมูลแบบ

ตายตัวนี้เอง ไม่เป็นที่สนใจของผู้พบเห็น ปัจจุบันไม่ค่อยเห็นเว็บไซต์ประเภทนี้มากนัก เนื่องจากไม่สามารถบริหารข้อมูลได้สะดวก จึงทำให้

เว็บไซต์ที่พัฒนาด้วยวิธีนี้ ไม่ค่อยประสบความสำเร็จ และปิดตัวเองไป หรือพัฒนาใหม่ในรูปแบบ Dynamic Website

Dynamic Website : เว็บไซต์ที่สามารถตอบสนองระหว่างผู้ใช้กับเว็บไซต์ได้ มีการติดต่อและเก็บข้อมูลลงในฐานข้อมูล ซึ่งเว็บไซต์จะพัฒนา

ด้วย Web Programming (ASP, PHP, ASP.net, อื่นๆ) อาจกล่าวได้ว่า Dynamic Website เป็นเว็บไซต์ที่มีระบบจัดการข้อมูล (ฺBackoffice)

สำหรับให้ผู้ใช้สามารถแก้ไขข้อมูลได้โดยง่ายผ่านทาง Login ในหน้าเว็บไซต์ โดยผู้ใช้จะได้รับ Username และ Password ส่วนตัวสำหรับ

เข้าไปแก้ไขข้อมูล ในฐานะ Administrator รูปแบบของเว็บไซต์ประเภทนี้ มีตั้งแต่รูปแบบของ ร้านค้าออนไลน์ (E-Commerce), เว็บข่าว

หรือแม้แต่ Corporate Website ที่เน้นการสร้างความน่าเชื่อถือ และให้ข้อมูลที่รวดเร็วแก่ลูกค้า เช่น ราคา โปรโมรชั่นต่างๆ

Dynamic Website ภาษาสคริปมี 2 ประเภท

1. ไคลเอนต์-ไซด์ สคริปต์

ไคลเอนต์-ไซด์ สคริปต์ (อังกฤษ: Client-side scripting) เป็นเทคโนโลยีที่สคริปต์ทำงานบนบนฝั่งไคลเอนต์ เช่น จาวาสคริปต์ โดยมากมักจะฝังอยู่ใน HTML และถูกประมวลผลโดยเว็บเบราว์เซอร์เพื่อตอบสนองต่อผู้ใช้อย่างทันที เช่น การแสดงข้อความเตือน การตรวจสอบข้อมูลที่ผู้ใช้ป้อน การปรับเปลี่ยนเนื้อหา รวมถึงการแสดงแอนิเมชัน ปัจจุบันมีการใช้อย่างแพร่หลายในเทคนิค AJAX เพื่อเพิ่มความคล่องตัวในการใช้งานให้กับเว็บไซต์

2. เซิร์ฟเวอร์-ไซด์ สคริปต์

เซิร์ฟเวอร์-ไซด์ สคริปต์ (อังกฤษ: Server-side scripting) เป็นเทคโนโลยีที่สคริปต์ทำงานบนบนฝั่งเซิร์ฟเวอร์ ซึ่งแตกต่างกับ Client-side scripting อย่างJavascriptที่ทำงานบนฝั่งclient และยังใช้สำหรับสร้างเว็บเพจแบบมีการตอบสนอง (dynamic) ซึ่งอยู่ในรูปแบบเว็บแอปพลิเคชัน ซึ่งมีใช้อยู่แพร่หลายในปัจจุบัน เช่น Web-base อีเมล การทำรายการบัญชีออนไลน์ (online banking) รายงานข่าวพยากรณ์อากาศ หรือ Search Engine

ข้อดีของ Static Web Page

• สร้างได้ง่ายมีพื้นฐานเกี่ยวกับภาษา HTML
• ดูแลง่ายเนื่องจากไม่มีการเปลี่ยนแปลงอะไรมากกมาย
• ใช้เวลาในการเรียกเว็บเพจน้อยกว่าแบบอื่นๆ

ข้อเสียของ Static Web Page

• ถ้าเป็นข้อมูลที่ต้องเปลี่ยนเปลี่ยนแปลงบ่อยจะเกิดความไม่สะดวก
• ขาดความยืดหยุ่น
• ไม่สามารถสร้างการโต้ตอบกับผู้ใช้ได้

• 2019

ก่อนที่จะทำความเข้าใจกับหน้าเว็บนิ่งและไดนามิกเราต้องเข้าใจการทำงานของอินเทอร์เน็ต เว็บเบราว์เซอร์และเว็บเซิร์ฟเวอร์มีบทบาทสำคัญในการสื่อสารบนอินเทอร์เน็ต โปรโตคอลการถ่ายโอน Hypertext ใช้สำหรับธุรกรรมระหว่างเว็บเบราว์เซอร์ (ไคลเอ็นต์) และเว็บเซิร์ฟเวอร์ (เซิร์ฟเวอร์) ในการสื่อสารประเภทนี้เบราว์เซอร์จะส่งการร้องขอ HTTP ไปยังเซิร์ฟเวอร์จากนั้นเซิร์ฟเวอร์จะส่งการตอบสนอง HTTP ไปยังเบราว์เซอร์ที่มีหน้า HTML และการสื่อสารระหว่างพวกเขาจะสิ้นสุดลง ดังนั้นหน้าเว็บประเภทนี้จึงเรียกว่าหน้าเว็บแบบสแตติก

ในทางตรงกันข้ามในหน้าเว็บแบบไดนามิกเว็บเซิร์ฟเวอร์ไม่สามารถส่งหน้า HTML โดยตรงพร้อมการตอบกลับ เรียกโปรแกรมที่วางไว้บนฮาร์ดดิสก์เพื่อเข้าถึงฐานข้อมูลและดำเนินการประมวลผลธุรกรรม

แผนภูมิเปรียบเทียบ

คำจำกัดความของหน้าเว็บแบบคงที่

หน้าเว็บแบบคงที่ นั้นเรียบง่ายและเขียนด้วยภาษา HTML และเก็บไว้ในเว็บเซิร์ฟเวอร์ เมื่อใดก็ตามที่เซิร์ฟเวอร์ได้รับการร้องขอเกี่ยวกับหน้าเว็บมันจะส่งการตอบสนองพร้อมกับหน้าเว็บที่ร้องขอไปยังลูกค้าโดยไม่ต้องดำเนินการเพิ่มเติมใด ๆ มันตั้งอยู่ที่หน้านั้นบนฮาร์ดดิสก์และเพิ่มส่วนหัว HTTP และตอบกลับการตอบกลับ HTTP

สิ่งที่แปลกประหลาดในหน้าเว็บแบบคงที่คือเนื้อหาในหน้าเว็บประเภทนี้จะไม่เปลี่ยนแปลงขึ้นอยู่กับคำขอ พวกเขาจะเหมือนกันเสมอเว้นแต่เนื้อหาจะมีการเปลี่ยนแปลงทางกายภาพบนฮาร์ดดิสก์ของเซิร์ฟเวอร์ นั่นคือเหตุผลที่หน้าเว็บเหล่านี้เรียกว่าหน้าเว็บแบบคงที่

คำจำกัดความของหน้าเว็บแบบไดนามิก

หน้าเว็บแบบไดนามิก ให้บริการโซลูชั่นสำหรับหน้าเว็บแบบคงที่ เนื้อหาเว็บเพจแบบไดนามิกอาจแตกต่างกันไปขึ้นอยู่กับจำนวนของพารามิเตอร์ เนื่องจากมีการกล่าวถึงข้างต้นว่าไม่เหมือนกันกับอายุของเว็บที่คงที่ไม่ใช่เพียงแค่ส่งหน้า HTML เพื่อตอบสนอง เว็บเซิร์ฟเวอร์เรียกโปรแกรมที่อยู่บนฮาร์ดดิสก์ซึ่งสามารถเข้าถึงฐานข้อมูลดำเนินการขั้นตอนการทำธุรกรรมและอื่น ๆ หากแอ็พพลิเคชันโปรแกรมสร้างเอาต์พุต HTML ซึ่งใช้เพื่อสร้างการตอบกลับ HTTP โดยเว็บเซิร์ฟเวอร์ เว็บเซิร์ฟเวอร์ส่งการตอบสนอง HTTP ที่สร้างขึ้นดังนั้นกลับไปที่เว็บเบราว์เซอร์

หน้าเว็บแบบไดนามิกมีการใช้งานที่มีการเปลี่ยนแปลงข้อมูลบ่อยเช่นราคาหุ้นข้อมูลสภาพอากาศข่าวและการปรับปรุงกีฬา สมมติว่าบุคคลต้องเปลี่ยนเว็บเพจทุก ๆ 10 วินาทีเพื่อแสดงการอัพเดทล่าสุดของราคาหุ้นซึ่งไม่สามารถแก้ไขหน้า HTML ได้บ่อยนักดังนั้นในกรณีนี้คุณสามารถใช้เว็บเพจแบบไดนามิกได้

มีเครื่องมือหลายอย่างที่ใช้สำหรับการสร้างเว็บเพจแบบไดนามิก ตัวอย่างเช่น CGI (Common Gateway Interface), ASP (Active Server Pages), JSP (Java Server Pages), ASP.NET, AJAX (JavaScript แบบอะซิงโครนัสและ XML) เป็นต้น

ความแตกต่างที่สำคัญระหว่างหน้าเว็บแบบคงที่และแบบไดนามิก

1. หน้าเว็บแบบคงที่นั้นยากที่จะเปลี่ยนแปลงเนื่องจากต้องการการเปลี่ยนแปลงที่จะนำไปใช้ในแต่ละจุดด้วยตนเองนั่นคือเหตุผลที่เนื้อหาไม่เปลี่ยนแปลงเป็นประจำ ในทางกลับกันโครงสร้างของหน้าแบบไดนามิกจะแตกต่างจากหน้าเว็บแบบสแตติกซึ่งมีรหัสเซิร์ฟเวอร์และอนุญาตให้เซิร์ฟเวอร์สร้างเนื้อหาที่ไม่ซ้ำกันในแต่ละครั้งที่โหลดหน้าเว็บด้วยรหัสต้นฉบับเดียวกัน
2. หน้าเว็บแบบสแตติกสร้างได้ง่ายในขณะที่หน้าเว็บแบบไดนามิกมีความซับซ้อนในการสร้างและออกแบบ
3. หน้าเว็บคงที่เกี่ยวข้องกับเทคโนโลยีเช่น HTML, JavaScript, CSS และอื่น ๆ สำหรับการก่อสร้าง ในทางตรงกันข้ามหน้าเว็บแบบไดนามิกจะถูกสร้างขึ้นโดยใช้ CGI (Common Gateway Interface) และภาษาเช่น AJAX, ASP, PERL, PHP, etcetera ภาษาสคริปต์ฝั่งเซิร์ฟเวอร์
4. เว็บเพจแบบสแตติกจะแสดงเนื้อหาเดียวกันทุกครั้งที่มีผู้เยี่ยมชมในขณะที่หน้าเว็บแบบไดนามิกเนื้อหาของหน้าเว็บจะเปลี่ยนไปตามผู้ใช้
5. เพจ HTML พื้นฐานสามารถโหลดได้อย่างรวดเร็วโดยใช้เวลาน้อยลงนั่นเป็นสาเหตุที่หน้าเว็บแบบสแตติกโหลดในเวลาที่น้อยลง ตรงกันข้ามหน้าเว็บแบบไดนามิกใช้เวลามากขึ้นในขณะที่โหลด
6. ฐานข้อมูลที่ใช้ในตอนท้ายเซิร์ฟเวอร์ในหน้าเว็บแบบไดนามิก ในทางตรงกันข้ามไม่มีฐานข้อมูลที่ใช้ในหน้าเว็บแบบคงที่

ข้อสรุป

เพื่อสรุปการสนทนาไม่มีการมีส่วนร่วมของโปรแกรมประยุกต์ในหน้าคงที่ในขณะที่หน้าเว็บแบบไดนามิกเกี่ยวข้องกับโปรแกรมประยุกต์ที่สามารถดำเนินการต่างๆ แม้ว่าหน้าเว็บแบบสแตติกและแบบไดนามิกจะต้องส่งคืนเนื้อหา HTML ไปยังเว็บเบราว์เซอร์ด้วยการใช้โปรโตคอล HTTP เพื่อแปลและแสดงผลบนเบราว์เซอร์

Staic และ Dynamic ต่างกันอย่างไร

Static and Dynamic Website ต่างกันอย่างไร

ไดนามิค แปลว่าอะไร

Dynamic Website มีอะไรบ้าง