จัดระเบียบโฟลเดอร์โปรเจกต์

โครงที่ขยายได้ภายหลัง

แม้บทนี้ยังไม่ใส่ CSS จริง ก็ควรรู้ว่าโปรเจกต์จริงมักแยกโฟลเดอร์

my-website/
├── index.html
├── about.html
├── images/
│   └── photo.jpg
└── css/
    └── style.css
ตั้งชื่อไฟล์เป็นภาษาอังกฤษ ตัวพิมพ์เล็ก ไม่มีช่องว่าง — ใช้ - คั่นคำ เช่น about-me.html

แบบฝึกปฏิบัติ

ลองทำตามรายการด้านล่างในเบราว์เซอร์หรือไฟล์ของคุณ — ไม่มีตรวจอัตโนมัติในเฟสนี้

วาดโครงโฟลเดอร์สำหรับเว็บ 2 หน้า (หน้าหลัก + เกี่ยวกับ) ลงกระดาษหรือโน้ต
ง่าย