Cascading Style Sheets dan Email Tampilan

Cascading Style Sheets dan Email Merancang Tampilan versi HTML dari pesan email Anda dapat menjadi sulit karena terdapat begitu banyak klien email yang berbeda dan sistem operasi kombinasi di luar sana - dan mereka punya cara mereka sendiri HTML rendering. Dan di sana benar-benar ada cara untuk secara positif klien yakin mana pembaca Anda akan menggunakan untuk melihat pesan Anda. Jika pembaca Anda memiliki alamat Hotmail, itu umumnya aman untuk mengasumsikan bahwa ia akan membaca pesan Anda melalui web Hotmail klien. Tapi bagaimana dengan pembaca Anda dengan swasta alamat email? Apakah mereka akan menggunakan Microsoft Outlook? Apakah akan Outlook 2000, Outlook 2003 atau Outlook 2007? Atau mungkin dia menggunakan Lotus Notes? Bagaimana kalau dia punya email TLD diteruskan ke account Yahoo? Dan dia menggunakan Mac atau PC? Karena Anda tidak tahu jawaban atas semua pertanyaan ini, ketika merancang kampanye email itu penting bahwa Anda selalu desain yang paling aksesibilitas. Cascading Style Sheets (CSS) menawarkan kemampuan untuk membuat pesan email yang sangat grafis dan menarik. Sayangnya, masih ada dukungan terbatas r CSS dengan banyak klien email dan di berbagai platform. Salah satu yang terbesar adalah pelanggar CSS-Outlook 2007; dan sejak studi menunjukkan bahwa sampai 75% dari pembaca email menggunakan Outlook, Anda tidak bisa mengabaikan kekurangan rendering. Sayangnya, Outlook 2007 tidak memiliki dukungan untuk elemen terapung, yang secara luas digunakan dalam CSS untuk penentuan posisi benda. Jadi, hal ini didasarkan untuk menggunakan layout berbasis tabel ketika merancang kampanye email. Web desain Pikirkan sekitar tahun 2000. Jika Anda adalah seorang desainer baru dan belum pernah ditangani dengan tabel sebelumnya, Anda dapat memperoleh ton bagaimana-untuk informasi dari W3C. Sementara Outlook 2007 tidak mendukung properti, saya tidak menyarankan bahwa Anda menggunakannya untuk melampirkan style sheet. Minimal 50% dari pembaca Anda akan memiliki gambar mereka dimatikan, yang berarti setiap elemen terkait tidak akan terhubung - dan ini termasuk style sheet eksternal Anda. Selain itu, Gmail, Live Mail dan Hotmail tidak mendukung elemen terkait, jadi ide yang baik untuk tidak menggunakannya juga. Sebaliknya, mendefinisikan semua gaya Anda dalam pesan Anda, dan tidak pernah bergantung pada eksternal style sheet untuk pesan email. Di mana, dalam pesan, Anda harus menetapkan gaya Anda adalah cerita lain sama sekali. Live Mail mencari style sheet dengan, Hotmail mencari style sheet tepat di bawah tag. Outlook 2003, Outlook 2007, AOL, Yahoo, Entourage dan Thunderbird akan menerima penempatan baik, tetapi Gmail tidak menerima apapun dari mereka. Pilihan terbaik adalah dengan menggunakan in-line tag gaya. In-line gaya hanya berarti bahwa gaya untuk setiap elemen harus didefinisikan secara individual. Daripada mendefinisikan style sheet dalam Anda seperti ini: atau bahkan sesuatu seperti ini: Anda akan mendefinisikan setiap elemen secara individual, seperti ini:

Ini adalah teks paragraf Anda.

Ketika Anda mendefinisikan elemen-elemen, perlu diketahui bahwa tidak semua properti CSS didukung seluruh papan pada semua klien email. Jika Anda ingin menyajikan pesan yang konsisten ke semua pembaca Anda tak peduli bagaimana mereka membaca mail, membatasi diri Anda untuk properti CSS ini:. background-color
. perbatasan
. warna
. font-size
. font-style
. font-variant
. font-weight
. letter-spacing
. line-height
. padding
. tabel-layout
. text-align
. text-decoration
. text-indent
. text-transform Mereka properti didukung pada kedua Mac dan PC di:. AOL
. Rombongan
. Gmail
. Live Mail
. Outlook 2003
. Outlook 2007
. Thunderbird
. Yahoo Properties untuk menghindari meliputi:. background-image
. background-position
. background-repeat
. border-collapse
. border-spacing
. dasar
. caption-side
. bersih
. klip
. kursor
. arah
. tampilan
. kosong-sel
. float
. font-family
. ketinggian
. kiri
. list-style-image
. list-style-position
. list-style-type
. margin
. opacity
. meluap
. posisi
. kanan
. puncak
. vertical-align
. visibilitas
. white-space
. lebar
. word-spacing
. z-index Dan sekarang untuk lebih kabar buruk: Lotus Notes dan Eudora memiliki dukungan CSS mengerikan dan bahkan banyak yang diterima secara luas CSS properti mungkin tidak ditampilkan dengan benar. Dan karena semakin banyak pembaca sekarang mengakses email pada PDA dan perangkat genggam lainnya, Anda tidak pernah bisa 100% yakin bagaimana atau di mana pesan Anda akan dibaca. Jadi, saya menyarankan agar Anda selalu menggunakan multipart-Mime messaging, dan selalu menyertakan link ke versi teks Anda dalam versi html pesan Anda. *** Ingin menjaga tips ini berguna? Saya telah membuat sebuah download "lembar contekan" yang dapat Anda tetap berguna dan akses setiap kali Anda menyusun pesan email. Ambil salinan gratis Anda di situs Image Modern.

Tagged with: cascading style sheets • kampanye email • klien email • eksternal style sheet • kombinasi sistem

Filed under: Artikel

Seperti ini? Berlangganan RSS feed dan mendapatkan beban lebih!