ĐỀ CƯƠNG

CHƯƠNG TRÌNH THIẾT KẾ WEB

01- MÔN UX/UI DESIGN – RESPONSIVE DESIGN

Mục tiêu:
Sử dụng thành thạo phần mềm đồ họa Photoshop, Illustrator để xử lý ảnh, thiết kế giao
diện trang web
Sản phẩm kết thúc môn sinh viên phải nộp 1 layout web bằng AI, PTS

Thời lượng:
 Tổng số tiết: 6 buổi - 15giờ

Chương trình học:

Số buổi Nội dung

Buổi 01  Khái niệm thiết kế banner web
 Thiết kế banner web theo mẫu
Buổi 02  Các loại banner web
 Thiết kế banner
Buổi 03  Khái niệm Ux/Ui
 Ứng dụng Ux/Ui thiết kế gallery
Buổi 04  Ứng dụng Ux/Ui thiết kế 1 layout Web Scrolling
Buổi 05  Ứng dụng Ux/Ui thiết kế Web Responsive
Buổi 06  Ứng dụng Ux/Ui thiết kế App điện thoại
02- DESIGN CONCEPT FOR WEB - DCW

Mục tiêu:
Sử dụng thành thạo phần mềm đồ họa Dreamweaver tạo một trang web với giao diện
đơn giản.
Sản phẩm kết thúc môn sinh viên phải nộp: Sinh viên 1 layout web HTML

Thời lượng:
 Tổng số tiết: 5 buổi – 12.5giờ

Chương trình học:

Số buổi Nội dung

Buổi 01  Giới thiệu giao diện Dreamweaver
 Thiết kế và trình bày trang web
Buổi 02  Các thẻ cơ bản tiếp theo
 Bài tập thực hành
Buổi 03  Làm quen với Css nội và Css ngoại
 Thực hiện layout cơ bản với Div
Buổi 04  Một số lệnh CSS – Cascading Style Sheet
 Ứng dụng thiết kế layout web đơn giản
Buổi 05  Cắt AI, PTS sang HTML
 Ứng dụng thiết kế hoàn thiện layout đơn giản
03- INTERFACE DESIGN – ID

Mục tiêu:
Sử dụng thành thạo phần mềm đồ họa Dreamweaver, Css và các thẻ lệnh HTML cơ bản
tạo một trang web với giao diện đơn giản.
Sản phẩm kết thúc môn sinh viên phải nộp 1 layout web HTML hoàn thiện
hơn

Thời lượng:
 Tổng số tiết: 7 buổi – 17.5giờ

Chương trình học:

Số buổi Nội dung

Buổi 01  Một số lệnh Css
 Bài tập thực hành
Buổi 02  Thiết kế menu ngang – dọc
 Bài tập thực hành
Buổi 03  Thiết kế menu con
 Bài tập thực hành
Buổi 04  Thiết kế biểu mẫu form
 Bài tập thực hành
Buổi 05  Cắt AI, PTS sang HTML hoàn thiện
 Ứng dụng thiết kế hoàn thiện layout
Buổi 06  Ứng dụng thiết kế hoàn thiện layout
Buổi 07  Ứng dụng thiết kế hoàn thiện layout
04- WEB DESIGNING – HTML5/CSS3

Mục tiêu:
Sử dụng thành thạo phần mềm đồ họa Dreamweaver, Css và các thẻ lệnh HTML tạo
một trang web và banner web.
Sản phẩm kết thúc môn sinh viên phải nộp 3 Banner web animation kích
thước khác nhau

Thời lượng:
 Tổng số tiết: 10 buổi – 25giờ

Chương trình học:

Số buổi Nội dung

Buổi 01  Tổng quan animation
 Bài tập thực hành
Buổi 02  Áp dụng hiệu ứng cho đối tượng
 Bài tập thực hành
Buổi 03  Thiết kế banner từ AI, PTS
 Bài tập thực hành
Buổi 04  Xuất Banner từ AI, Pts hoàn thành banner
 Bài tập thực hành
Buổi 05  Ứng dụng thiết kế hoàn thiện banner
Buổi 06  Ứng dụng animation cho menu
Buổi 07  Ứng dụng animation cho gallery
Buổi 08  Ứng dụng animation cho nội dung web
Buổi 09  Hoàn thiện layout web
Buổi 10  Hoàn thiện layout web
05- RESPONSIVE DESIGNING – HTML5/CSS3

Mục tiêu:
Sử dụng thành thạo phần mềm đồ họa Dreamweaver, Css và các thẻ lệnh HTML tạo
một trang web responsive
Sản phẩm kết thúc môn sinh viên phải nộp trang web có Responsive 3 kích thước màn
hình

Thời lượng:
 Tổng số tiết: 5 buổi – 12.5giờ

Chương trình học:

Số buổi Nội dung

Buổi 01  Tổng quan web responsive
 Bài tập thực hành
Buổi 02  Ứng dụng css tính Responsive
 Bài tập thực hành
Buổi 03  Ứng dụng css tính Responsive
 Bài tập thực hành
Buổi 04  Ứng dụng Bootraps
 Ứng dụng Jquery
 Bài tập thực hành
Buổi 05  Ứng dụng Bootraps
 Ứng dụng Jquery
 Bài tập thực hành
06- FLASH

Mục tiêu:
Sử dụng thành thạo phần mềm đồ họa Flash, Nắm được các loại diễn hoạt trong Flash.
Sản phẩm kết thúc môn sinh viên phải nộp 3 banner Flash có đầy đủ chức năng.

Thời lượng:
 Tổng số tiết: 5 buổi – 12.5giờ

Chương trình học:

Số buổi Nội dung

Buổi 01  Tổng quan Flash
 Các công cụ cơ bản
Buổi 02  Diễn hoạt Frame by Frame
 Bài tập thực hành
Buổi 03  Diễn hoạt Create Motion Tween
 Bài tập thực hành
Buổi 04  Diễn hoạt Classic Tween
 Bài tập thực hành
Buổi 05  Code cơ bản thực hiện các chức năng của trang Intro và Banner

06- EPROJECT

Sản phẩm kết thúc môn sinh viên phải nộp

 3 Layout web Ai hoặc Pts
 1 Layout trang Intro
 1 diễn hoạt Flash Intro
 1 Bộ web có Responsive 3 kích thước màn hình
 1 quyển báo cáo
 1 CD chứa các file đã làm