Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Đăng nhập
Xem tất cả kết quả
Menu
Đăng nhập Đăng ký miễn phí

Creating a Responsive HTML Email

Tạo Email HTML Tương Thích Đa Thiết Bị

Tạo Email HTML Tương Thích Đa Thiết Bị

Tạo các email HTML hấp dẫn, tương thích tốt trên hơn 30 tổ hợp ứng dụng email phổ biến nhất.

4.5
(1,446 đánh giá)
8,360 học viên
Giảng viên
Chris Converse
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 399.000đ -87%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
1.5 giờ video
34 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 31/05/2026
#Css #Frontend Development #Html #Web Development

Bạn sẽ học được gì

Học cách xây dựng bố cục email HTML hoạt động ổn định trên nhiều ứng dụng email khác nhau.
Khám phá các kỹ thuật thiết kế phần tử có thể "hạ cấp mượt mà" trên các ứng dụng email cũ mà vẫn giữ được tính toàn vẹn thiết kế.
Thêm CSS vào email HTML để tận dụng các ứng dụng email mới và kích thước màn hình đa dạng.

Yêu cầu

Một trình duyệt web hiện đại, có khả năng hiển thị thiết kế tương thích.
Một trình soạn thảo HTML/mã (miễn phí hoặc thương mại).
Sẵn sàng viết một chút mã.
Một chút kiên nhẫn.

Đối tượng phù hợp

Nhà thiết kế, nhà tiếp thị, hoặc bất kỳ ai có nhiệm vụ tạo email HTML trên nhiều màn hình và thiết bị khác nhau.

Nội dung khóa học

8 phần • 34 bài giảng
1 Giới thiệu về khóa học này.
2 Những gì có trong các tập tin bài tập.
3 Định hướng kỳ vọng cho bạn và khách hàng.
4 Bắt đầu dự án.
1 Tạo Banner và Đồ họa Nền.
2 Tạo đồ họa nội dung cho nhiều kích thước màn hình.
1 Tạo Cấu trúc HTML cơ bản.
2 Định dạng và tạo kiểu cho hàng logo.
3 Định dạng và tạo kiểu cho hàng tiêu đề.
4 Định dạng và tạo kiểu cho hàng nội dung.
5 Định dạng và tạo kiểu cho hàng khuyến mãi.
6 Định dạng và tạo kiểu cho hàng lời kêu gọi.
7 Định dạng và tạo kiểu cho hàng chân trang.
1 Chuyển đổi liên kết thành nút bằng CSS.
2 Tạo nút kêu gọi hành động.
1 Thêm media query cho màn hình vừa và nhỏ.
2 Chuyển đổi tiêu đề và banner cho kích thước màn hình nhỏ hơn.
3 Điều chỉnh bố cục cho nội dung và chân trang trên màn hình nhỏ.
4 Điều chỉnh phần khuyến mãi trên màn hình nhỏ.
5 Điều chỉnh phần lời kêu gọi trên màn hình vừa.
6 Điều chỉnh phần lời kêu gọi trên màn hình nhỏ.
1 Thiết lập văn bản xem trước hộp thư đến tùy chỉnh.
2 Thêm hoạt ảnh vào email của bạn.
3 Sử dụng web font trong email của bạn.
4 Thêm video HTML5 vào email của bạn.
5 Mã hóa và nhúng hình ảnh base64.
6 Sử dụng đồ họa độ phân giải cao (Retina) trong email HTML của bạn.
1 Xác thực mã của email HTML.
2 Kiểm tra email HTML bằng dịch vụ trực tuyến.
3 Gợi ý điều chỉnh cho Yahoo! Mail.
4 Gợi ý điều chỉnh cho Blackberry 5 OS.
5 Gợi ý điều chỉnh cho Lotus Notes 6.5, 7 và 8.5.
1 Hướng đi tiếp theo.
2 Gợi ý về các bố cục thay thế.

Giới thiệu khóa học

Did you know that over 46% of email is now read on mobile devices?

Designing HTML email can be quite challenging, considering the limited capabilities of many email clients (readers). In contrast, most new email readers supports many of the latest trends in web design. What to do?

Enter Responsive HTML Email. This course will show you how to design and construct an HTML email design that will render properly in such email readers and Outlook 2003 and Gmail, all the way through modern Android, Apple, and Windows phones. We will also explore online tools and services that will help you test your campaigns. Learn what is possible with HTML email.

Running Time: 88 minutes

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Css
Hiển thị tất cả khoá học Frontend Development
Hiển thị tất cả khoá học Html
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊