Để có một Email Marketing có hiệu quả, bạn không thể bỏ qua việc tạo ra một giao diện mail thân thiện, đẹp mắt, gây thiện cảm đối với người nhận. Để làm được việc đó, bạn cần có biết qua vài khái niệm cơ bản dưới đây và hãy dành chút ít thời gian để thực hành làm quen với nó nhé!
1. Làm quen với HTML
HTML (tiếng Anh, viết tắt cho HyperText Markup Language, hay là "Ngôn ngữ Đánh dấu Siêu văn bản") là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web. HTML đã trở thành một chuẩn Internet do tổ chức World Wide Web Consortium (W3C) duy trì. HTML không phải là ngôn ngữ lập trình, nó là ngôn ngữ trình bày.
Tập tin HTML là một văn bản có chứa các thẻ đánh dấu, các thẻ đánh dấu này giúp các trình duyệt Web hiểu được cách trình bày và hiển thị trang Web. Tập tin HTML có phần mở rộng (Extension) là htm hay html và có thể được tạo ra bằng bất cứ chương trình xử lý văn bản đơn giản nào (VD: Notepad).
 |
| Làm quen với HTML |
Trong tập HTML các phần tử (Element) được đánh dấu bằng các thẻ HTML. Các thẻ này được bao bởi dấu < và dấu > . Thông thường các thẻ HTML được dùng theo một cặp (thẻ bắt đầu, thẻ mở) và (thẻ kết thúc, thẻ đóng), văn bản nằm giữa cặp thẻ này là nội dung của phần tử, một số thẻ không cần thẻ kết thúc (thẻ đóng). Các thẻ HTML không phân biệt chữ hoa và chữ thường, có nghĩa là các kiểu chữ đều được xem như nhau.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
</head>
<body>
</body>
</html>
- Thẻ <!DOCTYPE> khai báo cho trình duyệt web biết loại văn bản HTML có chuẩn gì để hiển thị đúng. Thẻ này đặt ở ngay dòng đầu tiên của mỗi văn bản HTML. (Có thể không có)
- Thẻ đánh dấu <html>..</html> bắt đầu và kết thúc của văn bản HTML, thẻ này bắt buộc phải có.
- Thẻ <head>..</head> khai báo cho trình duyệt web các thông tin về trang web, nội dung trong phần này sẽ không được hiển thị trên trang Web
- Thẻ <body>..</body> là phần nội dung sẽ hiển thị trên trang web, thẻ này bắt buộc phải có.
HTML có một hệ thống các cặp thẻ phục vụ mục đích trình bày văn bản một cách đa dạng, tuy nhiên trong giới hạn 1 bài giới thiệu, tôi không thể nêu hết các thẻ đó, các bạn vui lòng tham khảo trên W3C hoặc các giáo trình chia sẻ trên mạng để nắm rõ chi tiết.
2. CSS là gì?
CSS - dịch từ tiếng Anh là Cascading Style Sheets (CSS) – được dùng để miêu tả cách trình bày các tài liệu viết bằng ngôn ngữ HTML. Thay vì đặt các thẻ qui định kiểu dáng cho văn bản HTML (hoặc XHTML) ngay trong nội dung của nó, bạn nên sử dụng CSS.
 |
| CSS là gì? |
<span style="font-weight:bold;text-decoration:underline;color:#FF0000;">Đoạn text cần in đậm, gạch chân, màu đỏ</span>
Lý do chỉ sử dụng cách này, đó là bởi vì nội dung bạn đưa vào email nằm hoàn toàn trong phần thẻ <body>, nếu bạn dẫn nguồn CSS từ ngoài, hoặc đặt style trong phần thẻ <head> đồng nghĩa bạn không thể sử dụng các định dạng của bạn được. Khi đó khách hàng chỉ nhận được một bố cục mộc xô lệch, không hoa mỹ như bạn mong muốn, đó thực sự là một thảm họa.
Sử dụng thành thạo CSS bạn sẽ có lợi thế rất lớn khi làm thiết kế. Bạn nên cố gắng trau dồi thêm các kiến thức về CSS trên W3C hoặc các ebook, tutorial để có kĩ năng tốt nhất.
Template là gì?
Để đạt trình độ trở thành 1 designer giao diện web thì bạn cần đầu tư nhiều hơn cho HTML và CSS. Tuy nhiên, làm design cho 1 mẫu Email thì không cần yêu cầu bạn cao đến thế. Thay vào đó, bạn có thể sử dụng các Template để làm nguồn cảm hứng sáng tạo cho mình.
Template là những mẫu dàn trang, bố cục được thiết kế sẵn, khi sử dụng chỉ việc đặt các đối tượng thông tin đồ họa vào chỉnh sửa một chút là hoàn thiện thiết kế. Với template có sẵn người thiết kế sẽ tiết kiệm được thời gian và suy nghĩ trong công việc. VD như các khung ảnh có sẵn bạn chỉ đặt hình vào là xong, hoặc các website được xây dựng hình ảnh màu sắc kích thước rồi chỉ việc thay thông tin và hình ảnh vào là sử dụng được.
Tìm kiếm các Template này ở đâu? Bạn rất may mắn vì bạn đang sống trong một xã hội thông tin với nguồn chia sẻ là vô bờ bến. Bạn có thể nhờ "anh Google" chỉ giúp hoặc hãy liên hệ với tôi, tôi sẵn sàng chia sẻ với bạn vài chục mẫu template tuyệt đẹp. Đặt gạch ngay hôm nay, Good luck :)
 |
| Thiết kế Email Template |
Template là những mẫu dàn trang, bố cục được thiết kế sẵn, khi sử dụng chỉ việc đặt các đối tượng thông tin đồ họa vào chỉnh sửa một chút là hoàn thiện thiết kế. Với template có sẵn người thiết kế sẽ tiết kiệm được thời gian và suy nghĩ trong công việc. VD như các khung ảnh có sẵn bạn chỉ đặt hình vào là xong, hoặc các website được xây dựng hình ảnh màu sắc kích thước rồi chỉ việc thay thông tin và hình ảnh vào là sử dụng được.
Tìm kiếm các Template này ở đâu? Bạn rất may mắn vì bạn đang sống trong một xã hội thông tin với nguồn chia sẻ là vô bờ bến. Bạn có thể nhờ "anh Google" chỉ giúp hoặc hãy liên hệ với tôi, tôi sẵn sàng chia sẻ với bạn vài chục mẫu template tuyệt đẹp. Đặt gạch ngay hôm nay, Good luck :)
Hi, tôi tên là Minh, Blog tôi lập nên mục đích chlà để chia sẻ kĩ năng Marketing Online, mà cụ thể hơn là Email Marketing. Đối với tôi Email marketing là một nghệ thuật nhưng không phải người gửi mail nào cũng là nghệ sĩ.
0 comments:
Post a Comment