Môn học mới
Thiết kế Giao diện Website toàn phần (Layout UX/UI với Figma + HTML, CSS, JQuery)

  • Khóa học sử dụng Figma làm công cụ chính để thiết kế giao diện cho website cá nhân và doanh nghiệp, đảm bảo theo tiêu chuẩn UI/UX hiện đại. Ngoài ra, học viên sẽ kết hợp khai thác thêm các lợi ích từ Photoshop để tối ưu trải nghiệm thị giác, gia tăng sự chuyên nghiệp trong từng sản phẩm thiết kế.
  • Không chỉ tập trung vào kỹ thuật, khóa học còn cập nhật liên tục các xu hướng thiết kế web mới nhất, hướng tới phong cách thiết kế sáng tạo kết hợp với lập trình HTML và CSS, tạo nên những giao diện bắt mắt, chuẩn mực và thân thiện với người dùng.

🎯 Đây là chương trình lý tưởng cho những ai muốn nắm vững tư duy thiết kế giao diện (layout web) hiện đại, đồng thời ứng dụng sâu trải nghiệm người dùng (UI/UX) vào sản phẩm thực tế.

  • Nắm được khái niệm và cách ứng dụng hình ảnh vào việc sắp xếp bố cục, lựa chọn màu sắc, hình ảnh chủ đạo cho giao diện Web,…
  • Thiết kế được giao diện Web UXUI bằng Figma hoàn chỉnh
  • Sử dụng thành thạo ngôn ngữ thiết kế Web (HTML – CSS - JQuery)
  • Sử dụng thành thạo CSS FrameWork (Bootstrap)
  • Khóa học layout Figma là nền tảng cho quá trình thiết kế web sau này.
  • Chứng nhận khóa học do Trung Tâm Tin Học Trường ĐH KHTN, ĐHQG-HCM cấp.

Môn 1: Thiết kế giao diện Web UI/UX với Figma:

- Giới thiệu Figma – Các công cụ cơ bản

  • Giới thiệu và cài đặt
  • Công cụ Shape tool
  • Công cụ Text Tool
  • Tô màu đơn sắc
  • Tô màu chuyển sắc
  • Effect

- Pen Tool trong Figma

- Grid và Component

  • Giới thiệu và cách thiết lập Grid
  • Giới thiệu Component
  • Variant
  • Boolean
  • Instant Swap
  • Text

- Constraints và Auto Layout

  • Cách thiết lập và sử dụng Constraints
  • Cách thiết lập và sử dụng Auto Layout

- Màu sắc và Text trong thiết kế Web

  • Khái niệm màu và các phối màu
  • Tỷ lệ màu trong thiết kế Web
  • Color Style
  • Khái niệm và cách kết hợp font chữ
  • Typescale – Tỷ lệ font chữ
  • Text style

- Sitemap và WireFrame

- Prototype

  • Interaction
  • Overlay

- Animation web

- Smart Animate

- Thực hành thiết kế Ứng dụng Web

Môn 2: Thiết kế Web với DreamWeaver (HTML5, CSS3)
 
- Giới thiệu ngôn ngữ HTML – các thẻ cơ bản
  • Ngôn ngữ HTML
  • Cấu trúc trang HTML
  • Các thẻ cơ bản (p, heading, div, a, img, ul, ol, section, article, aside)

- Định dạng CSS

  • Inline Style
  • Internal
  • External
  • Class
  • Id

- Thuộc tính CSS3

  • Transition
  • Animation
  • Flexbox
  • Shadow

- Grid và xây dựng Grid

  • Khái niệm Grid
  • Thiết lập Grid

- Thực hành: Thiết kế giao diện Trang chủ

- Form

  • Input
  • Thiết kế Form đăng ký
  • Thiết kế Form đăng nhập
  • Thiết kế Form nhập liệu

- Ngôn ngữ Javascript

- Ngôn ngữ Jquery

 

  • Thời gian học: ~ 3 tháng (60 giờ)
  • Học phí: 3.900.000Đ
 
LỊCH KHAI GIẢNG Xem thêm
Môn học mới

Học phí: 3.900.000đ - Nhận ƯU ĐÃI HỌC PHÍ khi ghi danh online +  hoàn tất ​trước khai giảng 02 ngày

 

LớpThời gianNgày khai giảngĐịa điểm học 
MTWTP_305S24Thứ 2-4 (08:30 - 11:30)14/07/202521-23 Nguyễn Biểu, Q.5Đăng ký
MTWTP_305C246Thứ 2-4-6 (13:30 - 17:00)14/07/202521-23 Nguyễn Biểu, Q.5Đăng ký
MTWTP_305SCCNChủ Nhật (08:30 - 11:30) & (13:30 - 16:30)20/07/202521-23 Nguyễn Biểu, Q.5Đăng ký
MTWTP_305T24Thứ 2-4 (18:00 - 21:00)14/07/202521-23 Nguyễn Biểu, Q.5Đăng ký
MTWTP_305T35Thứ 3-5 (18:00 - 21:00)15/07/202521-23 Nguyễn Biểu, Q.5Đăng ký
MTWTP_305S24OThứ 2-4 (08:30 - 11:30)14/07/2025OnlineĐăng ký
MTWTP_305C246OThứ 2-4-6 (13:30 - 17:00)14/07/2025OnlineĐăng ký
MTWTP_305SCCNOChủ Nhật (08:30 - 11:30) & (13:30 - 16:30)20/07/2025OnlineĐăng ký
MTWTP_305T24OThứ 2-4 (18:00 - 21:00)14/07/2025OnlineĐăng ký
MTWTP_305T35OThứ 3-5 (18:00 - 21:00)15/07/2025OnlineĐăng ký
CÁC MÔN HỌC LIÊN QUAN
ai
Trung Tâm Tin Học
ai
Trung Tâm Tin Học
Chào mừng bạn đến với Trung Tâm Tin Học.
Bạn đang cần hỗ trợ thông tin gì ạ? Hãy Chat ngay với chúng tôi nhé.