2010-02-09 26 views
68

मैं अब एक दशक से अधिक समय से वेबसाइट विकसित कर रहा हूं, लेकिन जल्दी से पता चला कि वेब क्लाइंट के विकास के दौरान वेब के विकास में मेरी कई आदतें बेकार हैं। इसने मुझे निराशा की भारी मात्रा में जन्म दिया है, इसलिए मैंने सोचा कि मैं एक प्रश्न पूछूंगा जो उम्मीद करता है कि मेरे जैसे अन्य लोगों के लिए सर्वोत्तम प्रथाओं और जरूरी विचारों की सतह होगी जो समय-समय पर जीमेल, दृष्टिकोण इत्यादि के लिए डिजाइन कर सकते हैं।एचटीएमएल ईमेल लिखते समय सर्वोत्तम अभ्यास और विचार

उदाहरण:<style>...</style> बनाम इनलाइन सीएसएस।

संक्षेप में: वेब-दुनिया से ईमेल-दुनिया में क्या स्थानान्तरण होता है, और क्या नहीं।

उत्तर

5

इनलाइन सीएसएस और टेबल - 2000 के आसपास वेब विकास सोचें और आप ठीक होंगे। अभियान मॉनिटर के पास एक उत्कृष्ट संसाधन है जिसके लिए ईमेल क्लाइंट किस सामान से निपट सकते हैं। परीक्षण के लिए http://www.emailonacid.com/ का भी उपयोग करें - परीक्षणों के भार भेजने के लिए बचाता है।

+0

भी कुछ दिशा निर्देश यहाँ MailChimp द्वारा प्रदान की –

27

मैं थोड़ी देर के लिए अपने काम के लिए इन्हें (कई बार) कर रहा हूं। एचटीएमएल ईमेल के साथ कई नुकसान हैं। विभिन्न ईमेल क्लाइंट एक-दूसरे से अलग-अलग HTML प्रस्तुत करते हैं और आईई 6 को उन्नत बनाते हैं।

यहां तक ​​कि मैंने जो कुछ सीखा है, उसका सारांश यहां दिया गया है।

  • उपयोग में लाइन सीएसएस: शैलियाँ हमेशा समर्थित नहीं हैं।
  • तालिका लेआउट का उपयोग करें: मुझे पता है, लेकिन div लेआउट सीएसएस निर्भर हैं और कई ईमेल क्लाइंट सामना नहीं कर सकते हैं।
  • rowspan का उपयोग न करें: इससे अजीब दूरी के मुद्दों का कारण बनता है।
  • पृष्ठभूमि छवियों का उपयोग न करें: इनके लिए समर्थन सीमित है।
  • "प्रदर्शन: ब्लॉक" के साथ स्टाइल छवि टैग: यह हॉटमेल के साथ अजीब अंतरण समस्याओं को हल करता है।
  • यदि एकाधिक तालिकाओं का उपयोग करके उन्हें एक मूल तालिका में घोंसला: यह अधिक अजीब अंतरण मुद्दों को रोकता है।
  • जावास्क्रिप्ट का उपयोग न करें: फिर से बहुत अच्छी तरह से समर्थित नहीं है।
  • सुनिश्चित करें कि आपका ईमेल कोई छवियों के साथ सुगम नहीं है: उपयोगकर्ता उन्हें लोड नहीं कर सकता है।
  • एक ऑनलाइन संस्करण प्रदान करें और इसे लिंक करें: इससे उपयोगकर्ताओं को इच्छित सामग्री दिखाई दे सकती है, भले ही उनका ईमेल क्लाइंट भयानक हो।
  • परीक्षण, परीक्षण, परीक्षण: सिर्फ इसलिए कि यह एक ईमेल क्लाइंट में काम करता है इसका मतलब यह नहीं है कि यह दूसरों में काम करता है। एक बड़ा हो गया है Outlook 2007 है। यह HTML (sigh) प्रस्तुत करने के लिए शब्द का उपयोग करता है।

यह एक व्यापक सूची से बहुत दूर है, लेकिन अधिकांश लोगों को सही रास्ते पर सेट करना चाहिए।

0

यह भी अच्छा है, इसलिए देखते हैं कि क्या इनलाइन सीएसएस क्या ईमेल ब्राउज़र में समर्थित है: (! यह गूगल) http://www.campaignmonitor.com/css/

मैं और भी litmusapp की सिफारिश। चीजों की जांच के लिए यह एक अच्छा उपकरण है।

91

यह एचटीएमएल ईमेल सीखने की कोशिश करने वाले किसी भी व्यक्ति के लिए कुछ संसाधनों को सूचीबद्ध करने के लिए एक महान जगह की तरह लगता है। यह (संभवतया) HTML ईमेल संसाधनों की सबसे व्यापक सूची है जिसे आप वेब पर पाएंगे। मुबारक सीखना

प्रारंभ करना गाइड्स:

सीएसएस समर्थन & जनरल गाइड्स:

तुम हमेशा html-ईमेल में अपने सीएसएस इनलाइन करना चाहिए।

टेम्पलेट्स & फ़्रेमवर्क:: यहाँ CSS Inlining Tools

उत्तरदायी गाइड की एक सूची है

,210

उत्तरदायी वैकल्पिक उदाहरण:

इसके अलावा टेड Goas उत्तरदायी ऊपर के लिंक एक उत्कृष्ट तरल पदार्थ उदाहरण है।

समस्या निवारण & जनरल गाइड्स:

आपको Outlook में काम कर रहे पृष्ठभूमि छवियों को प्राप्त करने के लिए VML का उपयोग करना होगा (in the body tag को छोड़कर)। यहाँ कुछ VML लिंक कर रहे हैं: http://www.mailchimp.com/articles/email_marketing_guide/:

संबंधित मुद्दे