Embedded Files
Mô tả khóa học
Mô tả khóa học
Đăng ký ngay tại EIU FabLab
Đăng ký ngay tại EIU FabLab
Độ tuổi: 15 - 17 tuổi
Thông tin liên hệ: Đỗ Nguyễn Anh Tuấn
Zalo: 0392969357
Lợi ích khóa học Thiết kế Web?
Lợi ích khóa học Thiết kế Web?
🛠️ Kỹ thuật và kiến thức nền tảng
🛠️ Kỹ thuật và kiến thức nền tảng
Hiểu cấu trúc cơ bản của một website: header – body – footer – navigation.
Nắm được quy trình làm web thực tế: ý tưởng → thiết kế → triển khai → vận hành.
Làm quen với khái niệm UI/UX, layout, bố cục nội dung website.
Hiểu cách website hoạt động với CMS (WordPress) và quản trị nội dung.
🎨 Phát triển tư duy và khái niệm
Rèn luyện tư duy thiết kế giao diện web thân thiện với người dùng.
Biết cách phân tích nhu cầu người dùng để thiết kế website phù hợp.
Phát triển tư duy hệ thống: mỗi trang là một phần của tổng thể website.
Tư duy thẩm mỹ trong thiết kế: màu sắc, font chữ, khoảng cách, hình ảnh.
🧰 Kỹ năng phần mềm & công cụ
🧰 Kỹ năng phần mềm & công cụ
Thành thạo thiết kế giao diện website
Sử dụng Component, Prototype, Smart Animate
Quản lý trang, bài viết, media
Xây dựng website bán hàng
Tạo sản phẩm, giỏ hàng, thanh toán
Làm quen với plugin hỗ trợ: bảo mật, SEO cơ bản, tối ưu UX/UI
🌍 Kỹ năng thế kỷ 21
🌍 Kỹ năng thế kỷ 21
Tư duy giải quyết vấn đề: xây dựng website theo yêu cầu thực tế.
Giao tiếp & trình bày ý tưởng: thuyết trình bản thiết kế và website hoàn chỉnh.
Làm việc nhóm: phân chia vai trò (designer – content – quản trị web).
Sáng tạo nội dung số: học sinh đóng vai nhà thiết kế web, quản trị viên website, người kinh doanh online.
Thiết bị & Công cụ học tập
Thiết bị & Công cụ học tập
Laptop
Figma
GoogleMeet
Wordpress
Nội dung chương trình học
Nội dung chương trình học
Bài 1: Thế giới 3D
Bài 1: Thế giới 3D
Cung cấp nền tảng cho tư duy thiết kế web
Giới thiệu Figma, hướng dẫn đăng ký tài khoản
Làm quen với giao diện làm việc của Figma: công cụ cơ bản, căn chỉnh, nhóm đối tượng
Thực hành phác thảo giao diện (wireframe) trang chủ website
Bài 2: Thiết kế layout website nhất quán
Bài 2: Thiết kế layout website nhất quán
Tìm hiểu về tính nhất quán của website
Làm quen hệ thống thiết kế (Design system) cơ bản: Màu chủ đạo, kiểu chữ,...
Thiết kế layout website có khả năng cập nhật đồng bộ:
Tạo và sử dụng công cụ Figma Component & Instance
Ứng dụng bố cục tự động (Auto Layout)"
Bài 3: UX - UI cơ bản & Hoàn thiện giao diện
Bài 3: UX - UI cơ bản & Hoàn thiện giao diện
Hiểu và phân biệt: Trải nghiệm người dùng (UX) - Giao diện người dùng (UI)
Nắm được nguyên tắc thiết kế giao diện dễ nhìn - dễ dùng
Thực hành căn chỉnh chi tiết trang chủ website "
Bài 4: Prototype & Website tương tác
Bài 4: Prototype & Website tương tác
Hiểu luồng người dùng (User Flow)
Xây dựng cách tư duy trong việc sử dụng animation
Thiết kế website tương tác bằng công cụ Figma Prototype
Kiểm thử người dùng và hoàn thiện thiết kế
Bài 5: Từ thiết kế đến website thực tế
Bài 5: Từ thiết kế đến website thực tế
Giới thiệu WordPress & CMS
Cài đặt WordPress (Localhost / Hosting)
Giao diện quản trị WordPress
Cấu trúc web: trang – bài viết – media | Website WordPress chạy được, đăng nhập được trang quản trị
Bài 6: Thiết kế trải nghiệm người dùng
Bài 6: Thiết kế trải nghiệm người dùng
Trang (Page) và Bài viết (Post) khác nhau gì
Tạo trang: Trang chủ, Giới thiệu, Liên hệ
Tạo bài viết, danh mục (Category)
Tạo menu điều hướng cho website
Website có menu hoàn chỉnh và nội dung cơ bản
Bài 7: Xây dựng website bán hàng
Bài 7: Xây dựng website bán hàng
Theme là gì, cài theme WordPress
Giới thiệu website bán hàng
Cài plugin WooCommerce
Tạo sản phẩm, giá, hình ảnh
Giao diện trang sản phẩm
Bài 8: Dự án tốt nghiệp – Thiết kế hoàn chỉnh
Bài 8: Dự án tốt nghiệp – Thiết kế hoàn chỉnh
Trang giỏ hàng, thanh toán
Quản lý đơn hàng
Plugin cần thiết (bảo mật, SEO cơ bản)
Tối ưu giao diện & trải nghiệm người dùng
Tổng kết tư duy làm web thực tế
Hình ảnh lớp học
Hình ảnh lớp học
Report abuse