Thiết Kế Giao Diện Website

Giới Thiệu Khóa Học Giao Diện Website

Giao diện của website doanh nghiệp được xem là một trong những bộ phận cấu thành nên bộ mặt và làm tăng thêm giá trị của công ty, tác động đến sự cảm nhận độ tin cậy về doanh nghiệp đối với khách hàng và đối tác. Vì vậy công đoạn thiết kế giao diện website là rất quan trọng, được thực hiện đầu tiên và là nhân tố quyết định đến giá trị của website đó. Để có được một giao diện website đẹp thì phải có sự kết hợp hài hòa giữa kỹ thuật phân tích - thiết kế layout và kỹ thuật chuyển các layout này vào trong website.

Đối Tượng Tham Gia

Tất cả những ai muốn có một nghề chuyên nghiệp trong lĩnh vực thiết kế & xây dựng website cho các công ty hiện nay.

Thời Lượng

2 tháng

Nội Dung Khóa Học Giao Diện Website

- Phần 1: Thiết kế web căn bản
+ Giới thiệu tất cả các thẻ HTML cơ bản dùng để thiết kế giao diện website.
+ Giới thiệu kỹ thuật thiết kế giao diện website bằng thẻ DIV.
+ Thiết kế và tạo hợp lệ cho biểu mẫu FORM của trang web.
+ Giới thiệu kỹ thuật trang trí giao diện trang web bằng CSS2.
+ Giới thiệu tất cả các kỹ thuật tạo menu cho website.
+ Bài tập tổng hợp: Thiết kế hoàn chỉnh giao diện website bán hàng trực tuyến với đầy đủ các module.
- Phần 2: Thiết kế giao diện website bằng Adobe Fireworks CS6
+ Giới thiệu phần mềm thiết kế giao diện Adobe Fireworks CS6.
+ Làm quen với các công cụ hỗ trợ thiết kế giao diện.
+ Kỹ thuật thiết kế hình ảnh tĩnh và động, hiệu ứng tô màu, hiệu ứng button áp dụng vào việc thiết kế giao diện cho website.
+ Áp dụng các hiệu ứng có sẵn và phân tích cách tạo ra các hiệu ứng đó để sử dụng cho việc thiết kế giao diện website.
+ Phân tích các layout mẫu và chọn cách thiết kế các layout tương tự phù hợp với kiến trúc giao diện và code của website.
+ Thiết kế layout website bằng Adobe Fireworks CS6 và cắt layout phù hợp với kiến trúc giao diện và code của website.
+ Bài tập thiết kế giao diện tổng hợp: Thiết kế hoàn chỉnh giao diện website tin tức trực tuyến.
- Phần 3: Thiết kế hiệu ứng Flash cho website bằng Adobe Flash CS6 & Swishmax 4
+ Làm quen với giao diện Flash CS6.
+ Tìm hiểu các công cụ vẽ cơ bản trong Flash CS6.
+ Cách sử dụng công cụ Pen Tool trong Flash CS6.
+ Cách sử dụng công cụ Text Tool trong Flash CS6.
+ Các khái niệm trong kỹ thuật tạo hoạt hình cho website.
+ Tạo chuyển động cho đối tượng dạng Frame-By-Frame.
+ Tạo chuyển động cho đối tượng dạng Classic Tween.
+ Tạo chuyển động cho đối tượng dạng Motion Tween.
+ Tạo chuyển động cho đối tượng dạng Shape Tween.
+ Tạo chuyển động cho đối tượng bằng Motion Presets.
+ Tạo hiệu ứng mặt nạ lớp.
+ Tạo hiệu ứng Flash với Swishmax 4.
- Phần 4: Thiết kế giao diện website bằng CSS3
+ Trang trí giao diện web bằng CSS3 Borders và CSS3 Border Image.
+ Trang trí giao diện web bằng CSS3 Box Shadow.
+ Trang trí giao diện web bằng CSS3 Text Shadow.
+ Trang trí giao diện web bằng CSS3 Gradient.
+ Trang trí giao diện web bằng CSS3 Fonts.
+ Trang trí giao diện web bằng CSS3 Backgrounds.
+ Tạo hiệu ứng hoạt hình cho web bằng CSS3 Transitions.
+ Tạo hiệu ứng hoạt hình cho web bằng CSS3 Animations.
+ Thiết kế giao diện web bằng CSS3 Multiple Columns.
+ Tạo giao diện web bằng CSS3 User Intreface.
+ Bài tập tổng hợp: Thiết kế giao diện và tạo hiệu ứng cho website bằng CSS3.
+ Phần 5: Thiết kế web bằng HTML5.
+ Giới thiệu ngôn ngữ HTML5.
+ Cấu trúc trang web HTML5.
+ Sử dụng thẻ header và footer trong HTML5.
+ Sử dụng thẻ nav để tạo menu cho website bằng HTML5.
+ Sử dụng thẻ section, article, aside trong thiết kế giao diện website bằng HTML5.
+ Sử dụng thẻ figure và figurecaption để chèn hình ảnh cho website bằng HTML5.
+ Cách kết hợp thẻ Figure và CSS3 Transform để tạo hiệu ứng cho hình ảnh.
+ Sử dụng thẻ audio và video để tạo âm thanh và video cho website.
+ Sử dụng thẻ SVG để vẽ hình vector cho website.
+ Sử dụng thẻ CANVAS để vẽ đồ hoạ cho website.
+ Giới thiệu Geolocation HTML5 API để tạo bản đồ.
- Phần 6: Kỹ thuật thiết kế giao diện website theo công nghệ RWD (Responsive Web Design)
+ Giới thiệu kỹ thuật và phần mềm thiết kế web theo công nghệ RWD.
+ Giới thiệu CSS3 Media Queries.
+ Bài tập tổng hợp: thiết kế hoàn chỉnh giao diện website bán hàng trực tuyến theo công nghệ RWD.
+ Bài tập tổng hợp: thiết kế hoàn chỉnh giao diện website tin tức theo công nghệ RWD.
- Phần 7: Lập trình Javascript (BONUS)
+ Giới thiệu Ngôn ngữ lập trình Javascript.
+ Các hộp thoại cơ bản.
+ Vị trí code javascript trong trang HTML
+ Biến: khai báo, các giá trị...
+ Hàm: cú pháp khai báo và khi được gọi.
+ Cấu trúc điều khiển.
+ Các đối tượng trong javascript.
+ Một số phương thức cơ bản của đối tượng Math, String, Date.
+ Một số phương thức cơ bản của đối tượng BOM, DOM

Thiết kế giao diện Web, Giao diện web với Photoshop, Khóa học thiết kế web, Thiết kế web căn bản