{
"title": "Dự án 2: Khu Vườn Bách Thú Phép Thuật",
"subtitle": "Học và rèn luyện kỹ năng Bài 24 môn Web",
"description": [
{
"text": "Chào mừng các em học sinh lớp 4! Trong dự án 2 này, chúng ta sẽ lập trình ứng dụng 'Khu Vườn Bách Thú Phép Thuật'.",
"bold": false
},
{
"text": " Em sẽ thực hành và sử dụng các kiến thức đã học ở Bài 24 kết hợp với các kiến thức từ các bài trước để xây dựng giao diện tương tác sinh động.",
"bold": false
}
],
"knowledge_title": "Kiến thức trọng tâm",
"knowledge_tags": [
"Bài học chính: Bài 24",
"Ngôn ngữ: HTML, CSS, JavaScript",
"Dự án tổng hợp cuối khóa",
"Tích hợp đa tính năng",
"Bố cục Flexbox hoàn chỉnh"
],
"steps_title": "Các bước thực hiện chi tiết",
"steps": [
{
"title": "Bước 1: Khởi tạo thư mục dự án",
"body": "- Trên ổ đĩa Z, tạo thư mục dự án của em: hocsinh01/{tên của em}/bai24-2.\n- Tạo file: index.html, style.css, và tạo một thư mục con tên là assets để chứa các tệp tài nguyên hình ảnh, âm thanh."
},
{
"title": "Bước 2: Xây dựng khung HTML chính",
"body": "- Trong thẻ , khai báo thẻ đường dẫn cơ sở: và kết nối file CSS ngoài bằng đường dẫn tương đối lùi cấp: .\n- Tạo một thẻ div lớp 'container' bao bọc toàn bộ nội dung.\n- Thêm thẻ tiêu đề chính
với nội dung 'KHU VƯỜN BÁCH THÚ PHÉP THUẬT'.\n- Tạo thẻ âm thanh