Static website มีเว็บอะไรบ้าง

• Static website (ตัวอย่าง html)
  เว็บไซต์ที่มีการนำเสนอข้อมูลแบบตายตัว ไม่มีการเปลี่ยนแปลงบ่อย ปัจจุบันไม่ค่อยเห็นมากนัก เนื่องจากไม่สามารถบริหารข้อมูลได้สะดวก จึงทำให้เว็บไซต์ที่พัฒนาด้วยวิธีนี้ ไม่ค่อยประสบความสำเร็จ และปิดตัวเองไป หรือพัฒนาใหม่ในรูปแบบ Dynamic website
• Dynamic website (ตัวอย่าง เว็บที่พัฒนาด้วยภาษา php, asp, asp.net, java)
  เป็นเว็บไซต์ที่มีระบบจัดการข้อมูล (backoffice) สำหรับให้ผู้ใช้สามารถแก้ไขข้อมูลได้โดยง่ายผ่านทาง login ในหน้าเว็บไซต์ โดยผู้ใช้จะได้รับ username และ password ส่วนตัวสำหรับเข้าไปแก้ไขข้อมูล ในฐานะ Administrator รูปแบบของเว็บไซต์ประเภทนี้ มีตั้งแต่รูปแบบของ ร้านค้าออนไลน์ (e-commerce), เว็บข่าว หรือแม้แต่ Corporate Website ที่เน้นการสร้างความน่าเชื่อถือ และให้ข้อมูลที่รวดเร็วแก่ลูกค้า เช่น ราคา โปรโมชั่นต่างๆ
  เว็บไซต์รูปแบบนี้เป็นรูปแบบที่ทาง IDEA SERVER ใช้ในการบริการออกแบบ และบริการสอนการใช้แด่ทุกท่านเสมอมา

สวัสดีค่ะทุกคน วันนี้พิชชาก็มาพร้อมกับบทความใหม่ที่จะแนะนำวิธีการสร้างเว็บไซต์แบบ Static โดยใช้เครื่องมือจากทาง AWS ค่ะ ในวันนี้ก็จะพาทุกท่านไปรู้จักกับเครื่องมือหรือ Service จากทาง AWS กันก่อนว่าเราจะต้องใช้อะไรบ้าง รวมถึงขั้นตอนที่เราจะทำการ Host เว็บไซต์ด้วยค่ะ ส่วนในเรื่องของรายละเอียดในแต่ละขั้นตอนเนี่ย เดี๋ยวพิชชาจะมาเขียนในบทความถัดไปนะคะ

ทำไมถึงต้องใช้ระบบคลาวด์ของ AWS?

• AWS ได้รับการออกแบบมาเพื่อให้มีสภาพแวดล้อมการประมวลผลบนนระบบคลาวด์ที่ปลอดภัยและยืดหยุ่นมาก โดยโครงสร้างพื้นฐานหลักของเค้าก็ถูกสร้างขึ้นตามข้อกำหนดด้านความปลอดภัยสำหรับทุก ๆ ธุรกิจ
• AWS มีบริการที่หลากหลายกว่าผู้ให้บริการระบบคลาวด์รายอื่น โดยมีตั้งแต่เทคโนโลยีโครงสร้างพื้นฐานไปจนถึงเทคโนโลยีเกิดใหม่ เช่น Machine Learning หรือ AI (Artificial Intelligence) ถือว่ามีฟังก์ชันที่เยอะที่สุดในขณะนี้
• มี Community ที่ใหญ่ที่สุด โดยมีลูกค้าประจำอยู่จำนวนหลายล้านราย และพาร์ทเนอร์กว่าหลายหมื่นรายอยู่ทั่วโลก
• AWS มีความเชี่ยวชาญในการดำเนินการ ที่ได้รับการรับรองมากที่สุดในขณะนี้ ด้วยประสิทธิภาพและความน่าเชื่อถือทำให้หลากหลายองค์กรเลือกใช้ ไม่ว่าจะเป็นองค์กรเอกชนหรือองค์กรภาครัฐก็ตาม

การสร้างเว็บไซต์บน AWS ต้องใช้เครื่องมืออะไรบ้างหละ?

Amazon S3

Amazon CloudFront

Amazon Route 53

AWS Certificate Manager

Identity and Access Management (IAM)

ขั้นตอนในการ Host เว็บไซต์

1. อัพโหลดข้อมูลเว็บไซต์ลงบน Amazon S3 โดยทำหน้าที่ในการเก็บข้อมูลเว็บไซต์เอาไว้
2. ดึงเว็บไซต์ให้มาแสดงผลผ่าน Amazon ClouFront ซึ่งเป็น Web Cache Server (ระบบที่ทำการจัดเก็บข้อมูลในการเข้าชมเว็บไซต์)
3. เปลี่ยนชื่อ Domain Name (ชื่อเว็บไซต์ที่เราต้องการจะตั้ง) โดยใช้ Amazon Route 53
4. ขอ SSL Certificate จาก AWS Certificate Manager เพื่อขอการรับรองว่าเว็บไซต์ของเรานั้นมีความปลอดภัยต่อผู้ใช้งาน

ภาพรวมของขั้นตอนทั้งหมด

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

ในบทความตอนต่อไปพิชชาก็จะเริ่มเข้าถึงตัวเนื้อหาหลักของการสร้างเว็บเพจ Static ด้วยเครื่องมือของ AWS ที่ได้กล่าวไปข้างต้น รวมถึงแนะนำวิธีการใช้งานแบบละเอียดด้วยค่ะ

ข้อมูลในบทความนี้ที่พิชชานำมาเล่าให้ทุกท่านได้อ่านนะคะ ก็มาจากงานสัมมนา "งานสัมมนาออนไลน์สำหรับผู้เริ่มต้นใช้ AWS วิธีสร้างเว็บเพจ Static ในราคาที่แสนถูกด้วย S3+CloudFront" ของทาง Classmethod Thailand ที่ได้จัดขึ้น หากท่านใดที่สนใจงานสัมมนาอื่น ๆ ของทาง Classmethod Thailand ที่จะจัดขึ้นในอนาคต ทุกท่านสามารถเข้ามาดูในส่วนของตารางกิจกรรมได้ที่ Classmethod Thailand เลยค่ะ แล้วอย่าลืมติดตามตอนต่อไปกันนะคะ

500 : Internal Error

Couldn't retrieve the HTML document because of server-configuration problems. Contact website administrator...

คลิ๊กที่นี่ เพื่อกลับหน้าแรก / แจ้งปัญหาไปยังผู้ดูแลเวบไซต์ คลิ๊กที่นี่

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

ข้อดีของ Static Web Page

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

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

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

ที่มา: https://sites.google.com/site/stdcas/static-website–dynamic-webpage

Static Web คืออะไรยกตัวอย่าง

Static Website : เว็บไซต์ที่สร้างด้วยภาษา HTML ธรรมดา และมักจะบันทึกเป็นไฟล์นามสกุล .html เหมาะกับเว็บไซต์ ที่มีขนาดเล็กจำนวนหน้าเว็บเพจไม่มาก และเปลี่ยนแปลงข้อมูลไม่บ่อย

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

Dynamic Website หมายถึง เว็บไซต์ที่หน้าเว็บเพจสามารถเปลี่ยนแปลงข้อมูลเองได้โดยไม่ต้องเขียนแต่ละหน้าเว็บเพจเอง เช่น กระดาษข่าว (Webboard), ระบบสืบค้นข้อมูล เว็บไซต์ รูปแบบนี้จะถูกสร้างด้วยภาษาสคริปต์ (Script) แบบ Sever Side Script เช่น PHP,ASP,ASP.NET,JSP และข้อมูลอื่น ๆ ไพล์เอกสารที่ได้จะมีนามสกุล .php, .asp เป็นต้น ...

Dynamic Website มีความหมายตรงตามข้อใด

ไม่มีการเปลี่ยนแปลงข้อมูลบ่อยๆ และไม่มีการติดต่อฐานข้อมูล 2. Dynamic Website. หมายถึง เว็บไซต์ที่หน้าเว็บเพจสามารถเปลี่ยนแปลงข้อมูลเองได้ โดยไม่ต้อง เขียนแต่ละหน้าเว็บเพจเอง เช่น กระดานข่าว (Webboard), ระบบสืบค้นข้อมูล

รูปแบบของเว็บไซต์ มีกี่แบบ อะไรบ้าง

ประเภทของเว็บไซต์.

เว็บท่า (Portal Site) ... .

เว็บข่าว (News Site) ... .

เว็บข้อมูล (Information Site) ... .

เว็บธุรกิจหรือการตลาด (Business/Marketing Site) ... .

เว็บการศึกษา (Educational Site) ... .

เว็บบันเทิง (Entertainment Site) ... .

เว็บองค์กรที่ไม่แสวงหาผลกำไร (Non-profit Organization Site) ... .

เว็บส่วนตัว (Personal Site).