Trang bị cho học viên kiến thức cơ bản về xử lý ảnh và thiết kế web tĩnh. Học viên có kiến thức chuyên sâu về HTML 5, CSS 3 để có thể chuyển đổi giao diện web từ file PSD trong Photoshop sang layout HTML (cắt HTML/CSS) Nắm vững thư viện jQuery để lập trình tạo các hiệu ứng trên website Thiết kế website tương thích với các thiết bị mobile, tablet Thiết kế microsite giới thiệu sản phẩm
Phương pháp giảng dạy:
Học viên được học online 100% vào bất kể thời điểm nào. Hướng dẫn code từng thành phần trên website thay vì copy & paste. Hỗ trợ online thông qua các hình thức: web, skype, teamviewer. Thắc mắc của học viên sẽ được giải đáp trong vòng 24h.
Đang xem: Khóa Học Thiết Kế Web Online Toàn Tập 2021
Xem thêm: Phân Loại Nghiên Cứu Khoa Học, Khái Niệm, Phân Loại Phương Pháp Nghiên Cứu
Xem thêm: Thông Tin Tuyển Sinh Trường Đh Khoa Học Huế, Trường Đại Học Khoa Học, Đại Học Huế
Học viên được phép truy cập giáo trình tại eCode vô thời hạn và sẽ được thông báo học lại miễn phí khi khóa học thiết kế web được cập nhật công nghệ mới.
ĐĂNG KÝ HỌC THỬ
Nội dung chương trình đào tạo khóa học thiết kế web:
| 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 | 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 | |
| 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 |