DEX  WAT  LEARN

LEARN  FOR  WEB  DESIGN  WITH  DEX  WAT  DEV

HTML

การเตรียมการเพื่อเขียนโปรแกรม HTML

- Website
- รู้จักกับ HTML
- text editor
- โปรแกรมสำหรับจำลอง web server

Website

Website

           ในการเขียนเว็บไซต์แบ่งลักษณะการทำงานของโปรแกรมได้เป็น 2 ประเภท คือ
1. Static Web
2. Dynamic Web

                     1. Static Web เป็นลักษณะของโปรแกรมบนเว็บที่ไม่ค่อยมีการเปลี่ยนแปลง เช่น เว็บประวัติส่วนตัว, เว็บนำเสนอประวัติและโครงสร้างขององค์กร เป็นต้น ลักษณะเว็บประเภทนี้ เมื่อผู้พัฒนาเว็บสร้างเว็บขึ้นมาแล้วหากต้องการที่จะทำการแก้ไขข้อมูลบางอย่างนั้นก็จะต้องใช้text editor เพื่อเปิดไฟล์ของหน้าเว็บนั้นแล้วจึงทำการแก้ไขข้อมูลที่ต้องการ เมื่อเสร็จแล้วก็ต้องทำการบันทึกไฟดังกล่าวและ ทำการอัพโหลดไฟล์ขึ้นไปเก็บไว้ที่ Web Server จะเห็นว่าลักษณะของโปรแกรมบนเว็บประเภทนี้จะ ไม่มีความยึดหยุ่นในการจัดการ และสร้างความยุ่งยากให้แก่ผู้พัฒนาเว็บเพจด้วย

                     2. Dynamic Web เป็นลักษณะของโปรแกรมบนเว็บที่เกิดขึ้นมาเพื่อแก้ปัญหา ความไม่ยืดหยุ่นในการจัดการข้อมูลของ Static Web โดยเหมาะสมสำหรับเว็บที่ต้องมี การเปลี่ยนแปลงข้อมูลอยู่บ่อยครั้ง หรือเว็บที่มีการจัดเก็บข้อมูลจำนวนมากได้ภายในฐานข้อมูล เช่น เว็บหนังสือพิมพ์, เว็บแสดงรายละเอียดของสินค้า เป็นต้น ในการพัฒนาโปรแกรมบนเว็บประเภทนี้ จะต้องอาศัยผู้พัฒนาโปรแกรมที่มีความรู้ความสามารถในการเขียนโปรแกรม นอกจากนั้นในส่วนของ ซอฟต์แวร์ที่ต้องติดตั้งประกอบไปด้วย ซอฟต์แวร์ที่ใช้ในการทำให้เครื่องคอมพิวเตอร์มีความสามารถ เป็นเครื่อง Web Server, ซอฟต์แวร์ที่ใช้ในการแปลโปรแกรมภาษา และซอฟต์แวร์ที่ใช้จัดการ ฐานข้อมูล

php

html คืออะไร

           HTML ย่อมาจาก Hypertext Markup Language
           html คือภาษาเขียนเว็บไซต์ที่ใช้เพื่อกำกับข้อมูลต่างๆ และแสดงผลคำสั่งบนหน้า Web Browser เป็นเหมือนภาษาพื้นฐานที่มีไว้ในการพัฒนาหน้าเว็บไซต์ ในปัจจุบันอยู่ภายใต้การดูแลของ องค์กร World Wide Web Consortium (W3C) และถูกพัฒนามาถึงเวอร์ชั่น 5 หรือที่เรียกว่า HTML5 โดยเริ่มจาก HTML1 ที่ทำอะไรได้ไม่มากนอกจากโบว์ชัวร์ออนไลน์ ข้อมูลต่างๆ บนหน้าเว็บไซต์จะถูกเชื่อมโยงกันด้วยชุดคำสั่งต่างๆ เพื่อให้แสดงผลออกมาในรูปแบบที่นักออกแบบต้องการให้เป็น ข้อมูลเหล่านั้นถูกควบคุมโดยการเขียน HTML ทั้งที่เป็นรูปภาพ ข้อความ หรือวัตถุอื่นๆบนหน้าเว็บไซต์

Text Editor

text editor คือ

           Text Editor คือโปรแกรมที่ใช้ในการแก้ไข plain text (ตัวอักษรรูปแบบปกติทั่วไป ไม่มีการตกแต่งใดๆ) เช่น Notepad(ของ Windows) TextEdit(ของ macOS) และ gedit(ของ Linux GNOME) หลายๆคนคงเคยใช้กันอยู่แล้วเพื่อ พิมพ์อะไรง่ายๆ หรือแก้ไขอะไรง่ายๆ เพราะเป็นโปรแกรมที่คอมทุกเครื่องมีมาให้

           Text Editor แนะนำ
- Visual Studio Code (วิชวล สตูดิโอ โค้ด)

web server

โปรแกรมสำหรับจำลอง web server

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

           XAMPP ประภอบด้วย Apache, PHP, MySQL, PHP MyAdmin, Perl ซึ่งเป็นโปรแกรมพื้นฐานที่รองรับการทำงาน CMS เป็นชุดโปรแกรม สำหรับออกแบบเว็บไซต์ที่ได้รับความนิยมในปัจจุบัน ไฟล์สำหรับติดตั้ง XAMPP นั้นอาจมีขนาดใหญ่สักหน่อย เนื่องจาก มีชุดควบคุมการทำงานที่ช่วยให้การปรับแต่งส่วนต่าง ๆ ง่ายขึ้น XAMPP นั้นรองรับระบบปฏิบัติการหลายตัว เช่น Windows, Linux, MacOS
           Download