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

  • Sử dụng phần mềm Adobe Photoshop (hoặc Adobe Illustrator) để thiết kế giao diện cho Website (cá nhân hoặc doanh nghiệp) theo phong cách sáng tạo, nghệ thuật kết hợp với ngôn ngữ HTML5, CSS3
  • 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ập nhật ứ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)

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 (64 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 ngày 20/10/2023

  • Cấp độ: cho người mới bắt đầu
  • Môn học: Layout web UI/UX với Figma + HTML 5, CSS3, JQuery
LớpThời gianNgày khai giảngĐịa điểm học 
MTWTP_289S246AThứ 2-4-6 (08:30 - 12:00)06/11/202321-23 Nguyễn Biểu, Q.5Đăng ký
MTWTP_289S246AOThứ 2-4-6 (08:30 - 12:00)06/11/2023OnlineĐăng ký
MTWTP_289S35Thứ 3-5-7 (08:30 - 11:30)24/10/2023227 Nguyễn Văn Cừ, Q.5Đăng ký
MTWTP_289S35OThứ 3-5-7 (08:30 - 11:30)24/10/2023OnlineĐăng ký
MTWTP_289SCCNChủ Nhật (08:30 - 11:30) & (13:30 - 16:30)29/10/202321-23 Nguyễn Biểu, Q.5Đăng ký
MTWTP_289SCCNOChủ Nhật (08:30 - 11:30) & (13:30 - 16:30)29/10/2023OnlineĐăng ký
MTWTP_289T24Thứ 2-4 (18:00 - 21:00)23/10/202321-23 Nguyễn Biểu, Q.5Đăng ký
MTWTP_289T35Thứ 3-5 (18:00 - 21:00)24/10/202321-23 Nguyễn Biểu, Q.5Đăng ký
CÁC MÔN HỌC LIÊN QUAN
Chuyên viên Thiết kế Đồ hoạ & Web
Kỹ thuật viên Thiết kế Website
Combo Thiết kế Website (HTML-CSS-JQuery, SASS+SCSS+CSS nâng cao, Responsive)
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