การโปรแกรมเว็บเบื้องต้น

หน่วยที่ 3 การเลือกใช้เครื่องมือเพื่อพัฒนาเว็บไชต์แบบ Dynamic

• 3.1 โปรแกรมสำหรับการสร้างเว็บไซต์
• 3.2 การเลือกใช้ภาษาในการสร้างเว็บไซต์
• 3.3 การเลือกใช้ Framework ในการสร้างเว็บไซต์
• 3.4 การเลือกใช้เว็บไซต์สำเร็จรูป (CMS)

3.1 โปรแกรมสำหรับการสร้างเว็บไซต์
    โปรแกรมสำหรับการสร้างเว็บไซต์ การสร้างและพัฒนาเว็บไซต์ได้จำเป็นต้องมีเครื่องมือ(Tools)และโปรแกรมที่ใช้สร้างและพัฒนา(Software)ซึ่งโปรแกรมที่ใช้ในการสร้างและพัฒนาเว็บไซต์แบ่งเป็นหลายประเภทและในแต่ละประเภทมีหลากหลายโปรแกรมให้เลือกใช้ ทั้งนี้การเลือกใช้โปรแกรมในการสร้างเว็บไซควรคำนึงถึงผลลัพธ์ กระบนการทำงาน ความถนัด และความเหมาะสมกับลักษณะงาน ได้แก่

      3.1.1 โปรแกรมเขียนคำสั่ง (Text Editor)
          โปรแกรมเขียนคำสั่ง คือ โปรแกรมที่สามารถเขียนและแก้ไขคำสั่ง (Coding) ต่าง ๆ ได้ส่วนใหญ่เรียกว่าโปรแกรมเขียนคำสั่ง (Text Editor) ชื่อเครื่องมือ (Tools) หรือ TextEditor ทั้งนี้โปรแกรมเขียนคำสั่ง (Text Editor) ในปัจจุบันมีมากมาย การเลือกใช้โปรแกรมเหล่านี้ขึ้นอยู่กับความถนัดและความเหมาะสมของงาน โปรแกรมเขียนคำสั่ง (Text Editor) ได้แก่ Adobe Dreamweaver, EditPlus, Notepad++,Notepad, NetBeans IDE, Sublime Text, Visual Studio Code

      3.1.2 โปรแกรมจำลองเครื่องเชิร์ฟเวอร์ (Web Server)
          เปรียบเสมือนเครื่องที่ใช้สร้างและพัฒนาเว็บไซต์ให้เป็นเครื่อง Server เพื่อใช้ทดสอบการทำงานของคำสั่งที่เขียนขึ้นโดยแสดงผลอยู่ภายในเครื่องเดียวกันซึ่งภาษาที่จำเป็นต้องติดตั้งโปรแกรมจำลองเครื่องเชิร์ฟเวอร์ได้แก่ ASP, PHP, SQL เป็นต้น เพื่อประมวลผลที่ฝั่ง Server และทำการส่งผลลัพธ์กลับมายังเครื่อง Client โปรแกรมจำสองเครื่องเป็นเชิร์ฟเวอร์ที่ติดตั้งประกอบด้วยระบบจัดการข้อมูลต่างๆ ได้แก่phpMyAdmin,SQL, Apache, Filezilla เป็นต้น ปัจจุบันโปรแกรมจำลองเครื่องเป็นเชิร์ฟเวอร์ (Server) ที่นิยมเลือก ได้แก่ XAMPP, MAMP, AppServ

      3.1.3 โปรแกรมกราฟิก (Graphic Design)
          เว็บไซต์ทุกประเภทล้วนมีรูปภาพประกอบเนื้อหาเพื่อทำให้การสื่อสารไปยังผู้เข้าชมเข้าดูเว็บไซต์สมบูรณ์และเข้าใจมากขึ้น ทั้งนี้การสร้างเว็บไซต์จึงจำเป็นต้องใช้ โปรแกรมกราฟิกเพื่อตกแต่งรีทัชซึ่งโปรแกรมกราฟิกที่เลือกใช้ในปัจจุบันส่วนใหญ่เลือกใช้โปรแกรม Adobe Photoshop, Adobe Flash

      3.1.4 โปรแกรมแสดงผลเว็บไซต์ (Web Browser)
          โปรแกรมแสดงผลเว็บไชค์ คือ โปรแกรมที่แสดงผลลัพธ์ของการสร้างเว็บไซต์ หรือโปรแกรม Web Browser ในขณะที่สร้างหรือพัฒนาจำเป็นต้องดูผลลัพธ์เรื่อย ๆ เพื่อดู การทำงานของคำสั่งที่เขียนขึ้น ซึ่งโปรแกรม Web Browserสามารถตรวจสอบข้อผิดพลาดและสามารถตรวจสอบโครงสร้างภาษา HTMLและJavaScript ได้โดยผ่านหน้าโปรแกรม Web BrowserปัจจุบันโปรแกรมWeb Browserที่นิยมเลือกใช้ ได้แก่ Google Chrome, Firefox, IE, Safari

      3.1.5 โปรแกรมอัปโหลดไฟล์ขึ้นเชิร์ฟเวอร์ (Upload File)
          โปรแกรมอัปโหลดไฟล์ (FTP) คือ โปรแกรมถ่ายโอนย้ายไฟล์จากเครื่องผู้ใช้หรือเครื่อง Client ไปสู่เครื่องเชิร์ฟเวอ (Server) ซึ่งโปรแกรมที่นิยมเลือกใช้ในปัจจุบัน ได้แn FleZila, SmarFTP, CuterTp

3.2 การเลือกใช้ภาษาในการสร้างเว็บไซต์
    การเลือกใช้ภาษาในการสร้างเว็บไซต์การสร้างเว็บไซต์มีการใช้คำสั่งของแต่ละ ภาษา อย่างน้อย1ภาษา ภาษาที่ใช้เป็นโครงสร้างพื้นฐานของเว็บไซต์ ได้แก่ HTML เป็นภาษาที่ใช้ในการแสดงผลบน Web Browser แต่ในการสร้างเว็บไซต์เพื่อใช้งานในเชิงธุรกิจไม่นิยมเลือกใช้เพียงภาษาHTMLอย่างเดียวดังนั้นปัจจุบันเลือกใช้ภาษา HTML5, CSS, JavaScript,ASP, SQL ได้แก่ได้แก่

      3.2.1 ภาษา HTML และ CSS
ภาษา HTML ย่อมาจาก Hyper Text Markup Language เป็นภาษาคอมพิวเตอร์รูปแบบหนึ่งที่มีโครงสร้างการเขียนโดยอาศัยตัวกำกับ(Tag)ควบคุม การแสดงผลข้อความ รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรมเบราว์เซอร์ (Web Browser)ได้แก่สีของข้อความ สีพื้นหลัง ประเภทตัวอักษร และการจัดวางข้อความ การจัด Layoutซึ่งการกำหนดรูปแบบใช้หลักการของการแยกเนื้อหาเอกสารHTMLออกจากคำสั่งที่ใช้ในการจัดรูปแบบการแสดงผล เพื่อให้ง่ายต่อการจัดรูปแบบการแสดงผลลัพธ์ของเอกสาร HTML

      3.2.2 ภาษา JavaScript
ภาษา JavaScript คือ ภาษาคอมพิวเตอร์ที่นิยมใช้สร้างเว็บไซต์และแอปพลิเคชั่นต่างๆภาษาJavaScript ทำงานร่วมกับภาษาHTMLโดยสามารถเปลี่ยนแปลงและควบคุมการทำงานของElementต่างๆของแท็กHTML
เช่น ตรวจสอบUsemame,PasswordภาษาJavaScriptเป็นภาษาที่สามารถประมวลผล ได้อย่างรวดเร็วภายในฝั่งCientซึ่งนำมาประยุกต์ใช้ในการสร้างเว็บไซต์

      3.2.3 ภาษา PHP
          ภาษา PHP ย่อมาจาก PHP Hypertext Preprocessor คือ ภาษาที่ใช้ในการสร้างเว็บไซต์แบบ Dynamic ปัจจุบันภาษา PHP เป็นภาษาที่ใช้ในการสร้างเว็บไซค์ที่นิยมสูงมาก เนื่องจากเป็นภาษาที่ง่ายต่อการศึกษาและสามารถเขียนแทรกในภาษา HTML ได้ อีกทั้งภาษา PHP สามารถประมวลผลการทำงานได้อย่างรวดเร็วและมีประสิทธิภาพจึงเหมาะกับการสร้างเว็บไซต์แบบ Dynamic โดยเว็บไซต์แบบDynamic ที่ใช้ภาษา PHP คือ Facebook ซึ่งในปัจจุบันได้มีการสร้างเว็บไซต์สำเร็จรูป (CMS) ด้วยภาษาPHP มากมายเพื่ออำนวยความสะดวกแก่ผู้พัฒนาเว็บไซต์ ได้แก่ WordPress, Joomla เป็นต้น

      3.2.4 ภาษา SQL
          ภาษา SQL ย่อมาจาก Structured Query Language คือ ภาษาคอมพิวเตอร์ที่ใช้จัดการฐานข้อมูล โดยใช้คำสั่งภาษา SQL ในการเพิ่ม ลบ แก้ไข หรือการดึงชุดข้อมูลมาแสดงบนหน้าเว็บไซต์ภาษา SQL สามารถใช้งานร่วมกับภาษาอื่น ๆ ได้ เช่น ภาษา PHP, ASP, JSP เป็นต้น

      3.2.5 ภาษา ASP
          ภาษา ASP ย่อมาจาก Active Server Pages คือ ภาษาคอมพิวเตอร์ที่ประมวลผลฝั่งเชิร์ฟเวอร์ (Server) ที่พัฒนาโดยบริษัท Microsof ซึ่งภาษา ASP เป็นภาษาที่สนับสนุนสำหรับงานแอปพลิคชันชั้นสูง โดยเฉพาะบริษัทที่มีขนาดใหญ่ มีการจัดเก็บข้อมูลและความรวดเร็วในการประมวลผล

      3.2.6 ภาษา JSP
          ภาษา JSP ย่อมาจาก Java Server Pages คือ ภาษาคอมพิวเตอร์ที่เป็น Subset ของภาษาJava ใช้รูปแบบและชุดคำสั่งของ Java โดยมีนามสกุลเป็น .jsp สามารถรองรับได้ทุก Platพัฒนาเว็บไซต์ด้วยภาษา JSP สามารถเรียกใช้ Library ต่าง ๆ ได้โดยไม่จำเป็นต้องเขียนชุดคำสั่งเว็บไซต์ที่หมาะสำหรับพัฒนาด้วยภาษา JSP ได้แก่เว็บไซที่ต้องการความปลอดภัยสูงและมวลผลข้อมูลขนาดใหญ่ เช่น เว็บไซต์ธนาคาร เว็บไซต์องค์กรขนาดใหญ่ เป็นต้น เว็บไซต์ที่พัฒนาภาษา JSP ได้แก่ Google ธนาคารกรุงไทย เป็นต้น

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

      3.3.1 JavaScript Framework
          JavaScript Framework คือ ชุดคำสั่งที่ถูกออกแบบด้วยคำสั่งภาษา JavaScript เพื่อลดชั้นตอนและลดระยะเวลาในการพัฒนาแอปพลิเคชันต่าง ๆ เช่น คลิกปุ่มเพื่อแสดง Popup คลิกปุ่มเพื่อสลับหน้าจอ เป็นต้นปัจจุบัน JavaScript Framework ได้มีการพัฒนาเพื่อตอบสนองเทคโนโลยีสมัยใหม่ ๆ เช่นการประมวลแบบ Real-time การใช้งานแบบ Single Page การลดชุดคำสั่งบางคำสั่ง ซึ่ง JavaScript Framework ที่นิยมใช้ในปัจจุบัน ได้แก่ Jquery, AngularJS, ReactJS, NodeJS เป็นต้น

      3.3.2 CSS Framework
          CSS Framework คือ ชุดคำสั่งที่ถูกออกแบบด้วยคำสั่ง Stye Sheet เพื่อลดขั้นตอนในการออกแบบ Layout และคุณสมบัติต่าง บนหน้าเว็บไซต์ เช่น สีตัวหนังสือ ขนาดวัตถุ ปุ่มกด การเคลื่อนไหวและการจัดวางตำแหน่ง การแสดงผลที่รองรับทุกอุปกรณ์ เป็นต้น CSS Framework ที่นิยมเลือกใช้ในปัจจุบัน ได้แก่ Bootstrap, Essence, Foundation เป็นต้น

      3.3.3 PHP Framework
          PHP Framework คือ ชุดคำสั่งที่ถูกออกแบบไว้อย่างเป็นระบบและมีมาตรฐาน เพื่ออำนวยความสะดวกแก่นักพัฒนาเว็บไซต์ โดยมีรูปแบบการทำงานเป็นแบบ MVC เพื่อให้การเขียนโปรแกรมเป็นไปอย่างมีระบบและมีมาตรฐานเดียว PHP Framework ในปัจจุบันที่นิยมเลือกใช้ ได้แก่ Yi, Labravel, Cake,Kohana, Cl, Zend เป็นต้น การใช้ Framework ควรเลือกใช้สำหรับโปรเจกต์ที่มีความซับซ้อน ขนาดใหญ่และทำงานเป็นทีม เพื่อลดขั้นตอนดังกล่าว แต่หากเป็นโปรเจกต์ขนาดเล็ก อาจทำให้ผู้พัฒนาเสียเวลาในการเรียนรู้และทำความเข้าใจกับ Framework นั้น ๆ

3.4 การเลือกใช้เว็บไซต์สำเร็จรูป (CMS)
     CMS ย่อมาจาก Content Management System คือ เว็บไซต์สำเร็จรูปที่มีการเขียนคำสั่งต่างๆ พร้อมการออกแบบหน้าเว็บ โดยผู้ใช้งานไม่จำเป็นต้องมีความรู้ทางด้านการเขียนโปรแกรมหรือออกแบบเว็บไซต์มาก่อน เว็บไซต์สำเร็จรูปที่นิยมเลือกใช้มากที่สุดในปัจจุบัน ได้แก่ WordPress, Joomla, Drupal เป็นต้น เนื่องจากเว็บไซต์สำเร็จได้มีการพัฒนาการทำงานให้ตอบสนองความต้องการของผู้ใช้งานมากขึ้นเช่น เว็บไซต์ขายสินค้า เว็บไซต์ส่วนตัว เว็บไซต์องค์กร เป็น