| Phần 1:Lập trình HTML & CSS |
HTML 5 |
- Cấu trúc tài liệu html.
- Các thẻ HTML phổ biến và các thẻ mới trong HTML 5.
- Các tính năng mới của HTML5 và ứng dụng của HTML5 trong thiết kế web
- Tìm hiểu cấu trúc Layout web HTML 5
- Thiết kế layout web sử dụng Dreamweaver
|
| CSS3 |
- Tìm hiểu về CSS (CSS selector, đơn vị đo, màu sắc, background, font, định dạng văn bản trong web, list, box model, CSS dimension, CSS position, Pseudo class...)
- Hướng dẫn sử dụng các công cụ hỗ trợ trong thiết kế web
- Các thành phần mới trong CSS3 (hệ màu RGBA, HSL, HSLA và CSS Gradient - Sử dụng CSS3 để tạo các hiệu ứng chuyển động trong thiết kế web)
- Hướng dẫn tạo menu với HTML và CSS3
- Hướng dẫn tạo hiệu ứng lật hình 3D
- Slice hình ảnh trong Photoshop và Dreamweaver
- Thiết kế website thời trang trên nền tảng HTML5 từ một layout PSD (cắt HTML/CSS). Xem hình ảnh demo
|
| Phần 2: Hosting và domain |
Hosting & domain |
- Tìm hiểu các khái niệm về Shared hosting, VPS, dedicated server
- Các yếu tố để lựa chọn hosting
- Các dịch vụ hosting tin cậy ở Việt Nam và nước ngoài
- Tìm hiểu về tên miền
- Cách thức triển khai website ra internet
|
| Phần 3: Thiết kế giao diện web bằng photoshop |
Photoshop |
- Tìm hiểu cách tạo vùng chọn và các thao tác cơ bản trong Photoshop
- Sử dụng refine edge trong Photoshop để chọn các vùng chọn phức tạp
- Tìm hiểu cách sử dụng quick mask để tạo vùng chọn
- Tìm hiểu cách đọc thông số hình ảnh trong Photoshop
- Hiệu chỉnh màu sắc độ phơi sáng cho hình ảnh
- Tìm hiểu cách sử dụng paint
- Cách tạo màu chuyển sắc với gradient, hướng dẫn thiết kế banner web
- Sử dụng hệ thống lưới trong thiết kế layout web
- Hướng dẫn thiết kế layout website thời trang trong Photoshop
- Hướng dẫn thiết kế layout website bán sách trong Photoshop theo chuẩn Bootstrap
|
| Phần 4: JavaScript & jQuery |
JavaScript |
- Tìm hiểu cú pháp, các hàm và lệnh điều khiển trong JavaScript
|
| jQuery |
- Tìm hiểu cú pháp jQuery, jQuery selector, các sự kiện, hiệu ứng trong jQuery
- Sử dụng jQuery để tạo hiệu ứng caption cho sản phẩm
- Hướng dẫn tạo hiệu ứng zoom hình ảnh trong jQuery
- Hướng dẫn cách chèn slideshow hình ảnh vào website
- Hướng dẫn tạo carousel trình diễn sản phẩm trên trang chủ
- Tạo hiệu ứng zoom sản phẩm trong trang chi tiết sản phẩm
- Tìm hiểu thư viện jQuery UI và các widget thường dùng trong thiết kế web
|
| Phần 4: Thiết kế mobile web |
Responsive design |
- Tìm hiểu về web responsive, cách tạo web responsive
- Chuyển đổi website sang responsive để tương thích với mobile, tablet, desktop... bằng CSS3
|
| Bootstrap framework |
- Tìm hiểu Bootstrap CSS framework
- Đẩy nhanh tốc độ thiết kế web thông qua các control có sẵn của bootstrap.
- Thiết kế web responsive bằng grid bootstrap
- Sử dụng Font Icon để tối ưu dung lượng cho web
- Thiết kế giao diện web responsive bán sách bằng Bootstrap framework
|
Programming and Digital Marketing Tutorials
