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)

  • Sử dụng Figma là công cụ chính để thiết kế giao diện cho Website (cá nhân hoặc doanh nghiệp) chuẩn UI/UX, kết hợp thêm vài lợi ích từ phần mềm Photoshop để gia tăng trải nghiệm người dùng, và luôn cập nhật xu hướng thiết kế web theo phong cách sáng tạo kết hợp với ngôn ngữ HTML5, CSS3 tạo nên giao diện web bắt mắt, chuẩn hiện đại
  • Khóa học luôn cập nhật các xu hướng thiết kế giao diện mới hiện nay trên thế giới, cũng như ứng dụng thiết kế giao diện (layout web) tích hợp trải nghiệm người dùng (UI/UX) mới nhất

Bạn nhận được gì sau khóa học

  • 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.

NỘI DUNG KHÓA HỌC

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 LƯỢNG – HỌC PHÍ

  • 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_303S24Thứ 2-4 (08:30 - 11:30)07/05/202521-23 Nguyễn Biểu, Q.5Đăng ký
MTWTP_303SCCNChủ Nhật (08:30 - 11:30) & (13:30 - 16:30)11/05/202521-23 Nguyễn Biểu, Q.5Đăng ký
MTWTP_303T24Thứ 2-4 (18:00 - 21:00)07/05/202521-23 Nguyễn Biểu, Q.5Đăng ký
MTWTP_303T35Thứ 3-5 (18:00 - 21:00)08/05/202521-23 Nguyễn Biểu, Q.5Đăng ký
MTWTP_303S24OThứ 2-4 (08:30 - 11:30)07/05/2025OnlineĐăng ký
MTWTP_303SCCNOChủ Nhật (08:30 - 11:30) & (13:30 - 16:30)11/05/2025OnlineĐăng ký
MTWTP_303T24OThứ 2-4 (18:00 - 21:00)07/05/2025OnlineĐăng ký
MTWTP_303T35OThứ 3-5 (18:00 - 21:00)08/05/2025OnlineĐăng ký
CÁC MÔN HỌC LIÊN QUAN
Chuyên viên Thiết kế Đồ hoạ & Web
Combo Thiết kế Website (HTML-CSS-JQuery, SASS+SCSS+CSS nâng cao, Responsive)
Kỹ thuật viên Thiết kế Website
Trụ sở chính:
 227 Nguyễn Văn Cừ, P4, Quận 5, Tp HCM
 (028) 38 351 056 (số máy nhánh 111)
Cơ sở:
 21-23 Nguyễn Biểu, P1, Quận 5, Tp HCM
 (028) 38 351 056 (số máy nhánh 222)
Chính sách và quy định chung
 Số ĐKKD 4109000014 cấp ngày 31/08/2010
Copyright © Trung Tâm Tin Học Trường Đại học khoa học Tự nhiên
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é.