Chương trình học thiết kế website

• 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.
• 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.

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

• 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). 

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

Hi vọng qua bài viết trên của SEO Đa Kênh sẽ giúp các bạn có sự tự tin và nhiệt huyết trong việc học và tìm hiểu chương trình thiết kế website một cách hiệu quả.

Nguồn tham khảo: hoclaptrinhweb.org