สอนเขียนเว็บไซต์ด้วย HTML, CSS และ JavaScript
เบื้องต้นเกี่ยวกับ HTML
HTML คืออะไร?
- HTML ย่อมาจาก Hyper Text Markup Language ซึ่งเป็นภาษาที่ใช้ในการสร้างหน้าเว็บไซต์
- HTML ใช้ตัวอักษรและเครื่องหมายไว้ในการเขียนโค้ดและประกอบกันเพื่อสร้างหน้าเว็บไซต์
โครงสร้างพื้นฐานของ HTML
- หน้าเว็บไซต์ประกอบด้วยแท็ก (Tag) และ Elelment
- แท็ก (Tag) เป็นตัวสั่งในการสร้าง Element
- Element ประกอบด้วย Tag, content, attribute
เบื้องต้นเกี่ยวกับ CSS
CSS คืออะไร?
- CSS ย่อมาจาก Cascading Style Sheet ซึ่งเป็นภาษาใช้ในการออกแบบหน้าเว็บไซต์
- CSS ใช้ในการกำหนดรูปแบบสีสัน และลักษณะต่าง ๆ ของ Element
Syntax พื้นฐานของ CSS
- Selector { property: value; }
Property คืออะไร?
- Property คือคุณสมบัติที่ใช้กำหนดการแสดงผลของ Element
- ตัวอย่าง property ที่สามารถใช้ได้บ่อย ๆ คือ font-size, color, background-color
Value คืออะไร?
- Value คือค่าที่กำหนดคุณสมบัติของ Property
- ตัวอย่าง value ที่สามารถใช้ได้คือ “16px”, “#000000”
เบื้องต้นเกี่ยวกับ JavaScript
JavaScript คืออะไร?
- JavaScript เป็นภาษาโปรแกรมมิ่งที่ใช้ในการเพิ่มความสามารถให้กับเว็บไซต์
- JavaScript ใช้ในการจัดการกับ Event, การแก้ไข HTML และ CSS, การทำงานกับข้อมูล
Syntax พื้นฐานของ JavaScript
- การประกาศตัวแปร var ชื่อตัวแปร = value;
- การใช้ function ชื่อฟังก์ชัน() {}
Event คืออะไร?
- Event เป็นการกำหนดการกระทำที่เกิดขึ้นบน Element ใด ๆ ในหน้าเว็บไซต์
- ตัวอย่าง Event ที่สามารถใช้ได้คือ onclick, onmouseover, onsubmit
การสร้างเว็บไซต์ด้วย HTML, CSS และ JavaScript
สร้าง HTML พื้นฐาน
- สร้างไฟล์ HTML โดยใช้ tag พื้นฐานเช่น , , ,
สร้าง CSS และใช้กับ HTML
- สร้างไฟล์ CSS
- ใช้ tag เพื่อเชื่อมต่อ CSS กับ HTML
- ใช้ selector เพื่อกำหนดสมบัติแต่ละ Element
สร้าง JavaScript และใช้กับ HTML
- สร้างไฟล์ JavaScript
- ใช้ RELATED ARTICLES