Lưu ý : bạn phải đăng ký làm thành viên thì mới có thể download tại diễn đàn này ^-^
Kiếm Tiền Online
Tang G+
Nhà tài Trợ
SEO Hướng dẫn cách đăng ký hostgator miễn phí
Người đẹp
Social bookmarking

Social bookmarking Digg  Social bookmarking Delicious  Social bookmarking Reddit  Social bookmarking Stumbleupon  Social bookmarking Slashdot  Social bookmarking Furl  Social bookmarking Yahoo  Social bookmarking Google  Social bookmarking Blinklist  Social bookmarking Blogmarks  Social bookmarking Technorati  

Bookmark and share the address of Dịch Vụ - Kinh Doanh on your social bookmarking website

Tìm kiếm
 
 

Display results as :
 


Rechercher Advanced Search

RSS feeds


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 


Rank alexa
Backlink
Tự động trao đổi backlink với nino24.com Travel Backlinks Vietnam Backlinks Free Auto Backlink Exchange Service Free Automatic Link Text Backlink Exchanges Text Backlink Exchanges Florists Links OverShopping Link Exchange

Thiết kế Email Marketing với HTML

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

Thiết kế Email Marketing với HTML

Bài gửi by ketban2424 on Fri Sep 09, 2011 7:37 am

Một vài điểm chúng ta cần chú ý trong việc thiết kế Email Marketing.
Điều này không giống như thiết kế web. Email có những chuẩn riêng về
kiểu dáng, hình ảnh và kích thước.

Trước khi bắt đầu bạn cần chú ý...



  • Thiết kế Email Marketing không phải là thiết kế web
    Nếu bạn quan tâm về chuẩn W3C, sử dụng công nghệ mới nhất trong CSS,...bạn cần quên tất cả chúng đi khi bắt đầu thiết kế Email.

Về Bố cục (layout)



  • Chiều rộng là 650px hoặc ngắn hơn
    Quy tắc chung
    cho kích thước email là chiều rộng ở mức 650px hoặc ngắn hơn. Điều này
    cho phép email hiển thị đúng bố cục trong hầu hết các chương trình email
    client cũng như các mailbox.
  • Bố cục đơn giản là tốt nhất
    Với thiết kế email
    thì bố cục đơn giản là tốt. Nếu bạn thử thiết kế phức tạp thì sẽ bị lỗi
    và mất rất nhiều khi hiển thị trên các mailbox hay email client.
  • Sử dụng HTML table đơn giản
    Bạn cần tuân theo
    các chuẩn table của HTML. Các kỹ thuật phức tạp sử dụng CSS và layout
    sẽ không hiển thị đúng trong hầu hết các email client.
  • Tránh sử dụng colspans="" trong table
    Một số email client không hỗ trợ hoàn toàn những điều này. Sẽ có vấn đề về việc hiển thị ở một số sell nếu bạn sử dung colspan.

CSS



  • Không sử dụng stylesheet bên ngoài
    Phần lớn sẽ không làm việc trong các email client và bạn nên đưa chúng vào trong mã HTML của email sử dụng inline CSS.
  • Không sử dụng CSS class - luôn luôn sử dụng inline CSS
    Một số email clients không hỗ trợ CSS classe. Thay vì sử dụng CSS class, bạn nên sử dụng inline CSS. Ví dụ sử dụng
    Code:
    <div  style="color:#cccccc;">nội dung</div>
    thay vì
    nội dung

  • Không sử dụng CSS shortcut
    CSS cho phép bạn set
    thuộc tính thành nhóm. Ví dụ style="font: 12px, Arial" thay vì nhóm
    các thuộc tính lại, bạn nên chia thành các phần riêng lẻ như
    Code:
    style="font-size:12px;  font-family:Arial"
  • Tránh sử dụng CSS float hay position option
    Một số email client không hiển thị tốt với cả 2 dạng float và position CSS option. Thay vì đó bạn nên sử dụng table.

Images & Video



  • Sử dụng ảnh với nguồn là URL tuyệt đối
    Thay vì chèn ảnh ảnh như(
    Code:
    <img src="/img.gif">
    ) bạn phải sử dụng url tuyệt đối ()
  • Luôn sử dụng thẻ alt (
    Code:
    alt="Company ABC">
    )
    Hầu hết các email clien thì mặc định không hiển thị ảnh. Nếu bạn không sử dụng thẻ alt thì nó sẽ không hiển thị gì cả.
  • Không nhúng Video hay Flash
    Không phải là ý
    tưởng tốt nếu nhúng video hay flash trực tiếp vào email của bạn. Một số
    email client không hỗ trợ code nhúng của bạn và hầu hết các bộ lọc spam
    có thể đánh dấu bạn như là một email spam. Thay vì nhúng video, flash
    vào trong email, bạn nên chèn ảnh chụp video hay flash và tạo một liên
    kết tới video, flash tới ảnh đó. Người đọc sẽ có thể click vào và xem
    chúng trên trình duyệt.
  • Không phải email client nào cũng hỗ trợ hoàn toàn ảnh Gif động
    Hãy xem xét việc sử dụng ảnh gif động. Trong khi phần lớn hỗ trợ gif
    động thì Outlook 2007 không hỗ trợ, có thể chỉ hiển thị khung đầu tiên
    của anh gif.
  • Cẩn thận với việc chia nhỏ hình ảnh
    Nếu bạn có
    một cái ảnh lớn và chia nhỏ ra để ghép bằng HTML sử dụng table cess, img
    tag thì bạn cần phải test cẩn thận. Một số email client sẽ tự động thêm
    vào khoảng trống giữa các ảnh của bạn.
  • Kiểm tra email của bạn trong trường hợp ảnh bị ẩn
    Vì phần lớn email client sẽ mặc định ẩn ảnh của bạn. Nên sẽ rất quan trọng nếu bạn kiểm tra chúng trước khi gửi.
  • Xem xét kích cỡ file của bạn
    Email hay ảnh càng
    nhẹ thì càng dễ tải về. Nếu bạn không muốn người nhận phải chờ 30 giây
    để đọc được email của bạn thì hãy xem xét lại kích thước ảnh, email của
    bạn.

Backgrounds



  • Không hoàn toàn hỗ trợ ảnh nền
    Nếu bạn đang sử
    dụng ảnh làm background thì hãy để ý là một số email client sẽ không
    hiển thị chúng. Nếu bạn vẫn muốn sử dụng thì hãy dùng thẻ HTML thay vì
    sử dụng CSS.
  • Full body background colors
    Một số email client (như Gmail) không hiển thị background color mà bạn set ở thẻ
    Code:
    <body>
    Nếu bạn đang cấu hình màu nền cho background thì nên dùng một thẻ div
    bao với màu nền. Vì nếu body background color không hiển thị thì bạn
    sẽ vẫn hiển thị được một màu tương tự.

Một số chú ý khác



  • Không nhập nội dung ngoài thẻ
    Code:
    [b]<body>[/b]
    Tất cả nội dung bạn nhập vào bên trên thẻ body sẽ không được sử dụng
  • Không chèn javascript
    Hầu hết các bộ lọc sẽ xác định chúng như là mã độc hại và việc email của bạn bị coi như spam là không tránh khỏi.
  • Tránh sử dụng Microsoft Office
    Mã HTML được
    tạo ra bởi MS Office sẽ có rất nhiều vấn đề khi hiển thị trên email
    client. Nếu bạn có ý định copy từ MS Office thì có thể sử dụng
    Dreamweaver để đơn giản hóa thẻ html của bạn.

_________________
Nhấn cho ~ thông tin hữu ích và ~ bài chất lượng để ủng hộ tinh thần SHARE & UPLOAD của AE (^_^)!!
Hãy chứng tỏ mình là một người đọc có văn hóa bạn nhé




[You must be registered and logged in to see this link.]|[You must be registered and logged in to see this link.]| Blog nhac |Blog game |[You must be registered and logged in to see this link.]|[You must be registered and logged in to see this link.]

ketban2424
Admin
Admin

Tổng số bài gửi Tổng số bài gửi : 459
Points  Points : 1723
Reputation Reputation : 8
Join Join : 04/08/2011

Xem lý lịch thành viên

Về Đầu Trang Go down

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang

- Similar topics

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết