Naudingi patarimai

Patarimai: el. Pašto išdėstymo taisyklės

Pin
Send
Share
Send
Send


El. Paštas yra viena iš dažniausiai naudojamų komunikacijos formų, kartu su teksto pranešimais, telefono skambučiais ir momentinių pranešimų programomis. Bendravimas el. Paštu yra toks įprastas, kad daugelis žmonių pamiršta, kaip teisingai jį sukurti. Gerai parengtas el. Laiškas atspindi pranešimo profesionalumą ir nuoširdumą. Taigi jūs tikrai turite žinoti, kaip suformatuoti el. Laišką.

kaip suformatuoti php el

Aš padarysiu tai labai paprasta. Noriu išsiųsti el. Laišką per php. dabar čia yra kodas.

ir laiške nėra nė vieno siuntėjo. niekas nesako.

Noriu, kad laiškas atrodytų taip:

taip pat noriu parodyti tą laišką iš [email protected]

1) Pakeiskite „ n“ į „ n“. Specialieji simboliai (pvz., N) aiškinami tik kabutėmis.

2) Pabandykite pakeisti „Nuo:“ į „Nuo:“. O gal nesvarbu kintamojo $.

Taip pat galite naudoti html paštą, kuriame galite siųsti laiškus, kurie iš tikrųjų suformatuoti naudojant html. Tai labai paprasta ir jūs galite naudoti beveik visas žymas, kurias galite naudoti turinio formatavimui html ir netgi css. . !! norėdami siųsti html laiškus, turite pridėti antraštes.

pabandykite ir tai. 🙂

Žinutės žymoje galite įvesti html, pavyzdžiui:

El. Pašto HTML pagrindai

Pagrindinė el. Laiškų išdėstymo problema yra ta, kad yra didžiulė programinė įranga tokiems pranešimams skaityti - pradedant darbalaukio produktais, tokiais kaip „Eudora Outlook“, AOL, „Thunderbird“ ir „Lotus Notes“, baigiant internetinėmis paslaugomis, tokiomis kaip „Yahoo!“, „Gmail“, „Mail.ru“ ir iki mobiliojo el. pašto programos.

Tai priklausys nuo to, kaip programinė įranga naudoja visus šiuos įrankius HTML pateikimui, kuris HTML ir CSS kodas veiks, o kuris ne.

Pateikti interneto naršyklę skirtingose ​​naršyklėse nėra lengva, tačiau kalbant apie el. Paštą vis dar sudėtingiau. Kiekviena iš esamų programų, skirtų darbui su paštu, tą patį laišką gali rodyti visiškai skirtingais būdais. Ir net jei pasiekiate daugiau ar mažiau tą patį ekraną skirtingose ​​kliento programose, dar anksti džiaugtis, nes tai, kaip raidė ilgainiui atrodys, priklauso nuo vartotojo ekrano pločio.

Jei ketinate rašyti raides rankiniu būdu arba naudojate paruoštą šabloną, turėtumėte vadovautis dviem pagrindinėmis HTML kūrimo el. Paštu taisyklėmis:

  1. Norėdami geriau valdyti raidžių šabloną, turite naudoti HTML lenteles. Net jei esate įpratę pasitikėti CSS internete, neperkelkite šio įpročio į el. Pašto pasaulį, nes jis neveiks su kliento programinės įrangos įvairove.
  2. Norėdami geriau valdyti kitus laiško elementus (šriftus, fono spalvą ir tt), naudokite intarpą CSS (intarpą) - čia yra puiki „CSS Inliner“ versija iš Pechkin.

Paprasčiausias būdas sužinoti, kaip HTML lenteles ir įterptąją CSS galima naudoti el. Pašto šablonuose, yra atsisiųsti kai kuriuos iš šių šablonų iš „Campaign Monitor“ ir „MailChimp“ (apytiksliai „trans“: čia yra „Pechkin“ pašto paslaugų el. pašto klientų dizaino pavyzdžiai).

Tiriant šiuos modelius, bus pastebimi keli dalykai, kuriuos išsamiau aptarsime toliau:

    CSS stiliaus deklaracijos atsiranda po žymos, o ne tarp žymų,
    CSS santrumpos nenaudojamos: vietoj sutrumpintos šrifto taisyklės: 12 pikselių / 16 pikselių stilius „Arial“, „Helvetica“, kiekvienam šriftui turėtumėte sukurti atskirus objektus, nurodydami šrifto šeimos, šrifto dydžio ir eilutės aukščio reikšmes,
    span ir div yra retai naudojami konkretiems efektams įgyvendinti, pagrindinis laiškų šablono aprašymo darbas atliekamas HTML lentelėse,
    CSS stiliai taip pat naudojami pagrindiniu lygiu, nenaudojant jokių CSS failų.

1 veiksmas: HTML lentelių naudojimas maketavimo šablonams

Taip, stalai grįžo. Taip, žiniatinklis jau yra toli į priekį, bet mūsų nėra internete! Iš daugelio el. Pašto klientų, dar vienas uždavinys yra rasti tą, kuris palaikytų plačią ir aukštos kokybės CSS. Tai reiškia, kad mes esame tiesiog priversti naudoti lenteles, jei norime, kad sugeneruotas adresatų sąrašas būtų nuolat rodomas kiekvieno skaitytojo.

Taigi jūs turite atsisakyti geriausios praktikos, susijusios su interneto standartų tenkinimu, ir susukti rankoves, surūšiuoti išdėstymą.

Pirmasis žingsnis kuriant HTML laiško versiją yra šablono pasirinkimas - informaciniams biuleteniams geriausiai tinka vieno ir dviejų stulpelių šablonai, nes jie padeda sumažinti chaosą, kuris dažnai kyla bandant įsikibti į mažą „konteinerį“, pavyzdžiui, el. Laišką, didelį informacijos kiekis. Raidės viename stulpelyje taip pat geriau rodomos išmaniuosiuose telefonuose ir planšetiniuose kompiuteriuose.

Vieno stulpelio šabloną paprastai sudaro:

  1. Antraštė su logotipu ir tam tikru naršymo nuorodų į pagrindinę svetainę skaičiumi - prekės ženklo kūrimo tikslais ir supažindinantiems laiško skaitytojus su pačios svetainės dizainu.
  2. Vidinės nuorodos, vedančios į kai kuriuos šio konkretaus laiško skyrius.
  3. Rūsys (poraštė) el. Laiško apačioje, kuriame dažniausiai yra nuorodos, dubliuojančios naršymą iš antraštės, taip pat instrukcijos, kaip atsisakyti naujienlaiškio prenumeratos.

Dviejų stulpelių raidės taip pat turi antraštę ir poraštę. Kaip ir dviejų stulpelių tinklalapyje, tokiuose pranešimuose vienas stulpelis yra siauras - jame yra nuorodos į daugiau informacijos ir kitų navigacijos elementų, o antrame, platesniame stulpelyje iš tikrųjų yra pranešimo turinys. Norint, kad tokios raidės būtų gerai matomos išmaniuosiuose telefonuose ir planšetiniuose kompiuteriuose, reikia nuveikti labai daug maketavimo darbų.

Žinutės, kuriose reklamuojamos prekės ar paslaugos, kuriamos pagal panašią schemą, tačiau jose yra mažiau turinio nei informaciniuose biuleteniuose. Dažnai jie apima vieną ar du pagrindinius sakinius ir kartais yra didelis paveikslėlis, kuriame yra aiškinamasis tekstas ir kelios nuorodos žemiau vaizdo.

Visos aukščiau išvardytos savybės gali būti užkoduotos naudojant HTML lenteles, dėl kurių erdvė padalijama į stulpelius ir eilutes. Tik naudojant lentelių išdėstymą galima sukurti šablonus, kurie bus kokybiškai rodomi bet kuriame įrenginyje ir bet kurioje pašto programoje.

Nepriklausomai nuo numatomo laiško dizaino, turite atsiminti, kad svarbiausia informacija turėtų būti dedama kuo arčiau viršutinės jo dalies - tai leis vartotojui iškart ją pamatyti, atidarius pranešimą. Viršutinis kairysis raidės kampas yra pirmasis taškas, į kurį žiūri skaitytojas.

Štai toks požiūris, kurio galite naudoti kurdami HTML el. Laiškus:

    Dviejų stulpelių šablonams sukuriama viena lentelė antraštėms, antra - centriniams stulpeliams su turiniu, o trečia - poraštėms. Šios lentelės „įvyniojamos“ į kitą bendrą lentelę („konteinerį“). Tas pats metodas gali būti naudojamas ir vieno stulpelio šablonams, tik lentelę su turiniu turėtų sudaryti vienas stulpelis. Šis požiūris yra ypač geras, jei laiške yra daug vaizdų, padalytų į skirtingas ląsteles. Paprasta lentelė su eilutės pavadinimais (su „colspan =“ 2 “, jei dizainas dviejų stulpelių), turinys ir poraštė bus gerai rodomi visoje pašto programinėje įrangoje (išskyrus„ Lotus Notes “).
    Lentelėse ir žymose atributai gali būti naudojami norint padėti valdyti lentelės rodymą. Pvz., Nustatant kraštą = "0", valign = "viršuje", suderinti = "į kairę" (arba centre, jei jis atrodo gerai tam tikrame dizaine), cellpadding = "0", cellpacing = "0" ir kt. d. Tai daugiausia padeda senesnėms el. Pašto programoms rodyti pranešimą daugiau ar mažiau priimtina forma.
    Net jei raidės dizainas nereiškia lentelės krašto rodymo, kūrimo metu gali būti naudinga nustatyti vertės kraštinę = "1" - tai padeda derinti ir rasti problemų, kurios gali kilti suderinant turinį žymų viduje ir. Kai pradedate siųsti „gamyboje“, kraštą galima vėl nustatyti į kraštinę = „0“.

    Šis požiūris gali sukelti gerbėjų nepasitenkinimą plėtra pagal naujausius standartus, tačiau tai yra vienintelis būdas pasiekti priimtiną rezultatą. Be to, lentelių išdėstymas nereiškia pasenusių metodų naudojimo kituose el. Laiškų kūrimo aspektuose. Pavyzdžiui, kad ir kaip blogai „Lotus Notes“ pateikia HTML, niekada neturėtumėte to apeiti naudodami žymą
    Tokiu pačiu būdu galite naudoti ,,, ir kt.

Jums nereikia naudoti CSS deklaracijos HTML žymoje, kaip dažnai daroma naudojant tinklalapių išdėstymą. Vietoj to, skelbimą reikia dėti iškart po žymos, tačiau „Gmail“ el. Laiške ieško bet kokių stiliaus žymų ir jas pašalina. Be to, neturėtumėte net gaišti laiko naudodamiesi saito elementu, kad galėtumėte kreiptis į išorinį stilių: populiarūs el. Pašto klientai ignoruos, modifikuos arba ištrins tokius skambučius į išorinius subjektus.

Sudėtinio rodinio lentelėje, kurioje saugomos antraštės, turinio ir poraštės lentelės, nustatykite 98% plotį. Kai kuriems pašto klientams (pavyzdžiui, „Yahoo“) reikia 1% tarpiklio kiekvienoje laiško pusėje, kad jis būtų tinkamai rodomas. Jei šoniniai elementai yra kritiški jūsų rašymui, tada geriau sumažinti lentelės plotį iki 95% ar net 90%, kad tiksliai išvengtumėte galimų problemų. Šiuo atveju, žinoma, konteinerio viduje esančių lentelių plotis turėtų būti 100%.

Lentelėje, kuri yra arčiausiai paties turinio, turite įdėti informaciją apie pagrindinį šriftą. Taip, tai gali sukelti daugybę stiliaus deklaracijų pakartojimų skirtingose ​​ląstelėse. Nepaisant to, pavadinimo stilius turėtų būti pridedamas prie antraščių (,) tik kraštutiniais atvejais.

Neturėtumėte piktnaudžiauti žymomis, jos gali būti naudojamos mažiems turinio blokams suderinti su plūdės ypatybe ir nuorodomis į elementus, esančius langelio dešinėje arba kairėje. „Gmail“ nepaiso CSS spartiųjų skelbimų (kiti klientai, tokie kaip „Yahoo“ ir „Outlook Online“, puikiai su jais dirba). Kartais geriau parašyti daugiau kodo sudėtingesniam skaičiuoklės šablonui, nei pasikliauti lygiavimo su plūdės siaurame stulpelyje naudojimu. Prastas šios nuosavybės palaikymas el. Pašto klientams yra viena iš netinkamo laiškų pateikimo priežasčių. (Kalbant apie šią savybę, yra įdomus straipsnis apie Habré).

Žymos retkarčiais yra naudingos, tačiau visada veikia - nes su jos pagalba elementai yra tiesiog įterpti. Kai kuriais atvejais žymas galima naudoti ne tik nustatant teksto spalvą ir dydį: jie gali būti naudojami tekstui įkelti virš arba po jo turiniu.

Svarbus dalykas: kai kurios el. Pašto informacinio biuletenio paslaugos gali išpakuoti stiliaus apibrėžimus, kad jie būtų aiškesni ir todėl el. Pašto programinę įrangą lengviau perskaitytų. Pvz., Santrumpa CSS style = „paraštė: 10x5x10x10px“ gali būti išplėsta į ilgesnį skelbimą, kuris rodomas aukščiau tekste. Prieš išsiųsdami turėtumėte išbandyti įvairių rūšių laiškus ir išsiaiškinti, kas nutinka kodui išsiuntus. Iš pradžių geriau naudoti CSS santrumpas, nes net blogiausiu atveju el. Pašto klientai gali jas suprasti vienaip ar kitaip.

Jei atsisiųsite ir studijuosite el. Pašto šablonus iš tokių svetainių kaip „MailChimp“ ar „Campaign Monitor“, paaiškės, kad sudėtinio rodinio lentelė traktuojama kaip HTML žyma. Pvz., „Campaign Monitor“ paslaugų komanda šią lentelę vadina „BodyImposter“ - puikus būdas pateikti įvyniojamąjį stalą. Žvelgiant iš CSS, konteinerių lentelė daro tiksliai tai, ką elementas darytų, jei tokios paslaugos kaip „Gmail“ to nepaisytų.

3 žingsnis: Taikykite geriausią praktiką

Tinkamo HTML kūrimas naudojant jūsų veiksmus yra tik dalis kelio. Yra ir kitų praktikų, kurių reikia laikytis norint sukurti kokybišką adresų sąrašą.

Kitas žingsnis - išbandyti gautą el. Laišką su įvairiais el. Pašto klientais. Paprastai šiame etape išryškės problemos, kurioms išspręsti reikės tam tikrų gudrybių.

Pirmieji bandymo įrankiai el. Laiškams yra „Firefox“ ir „Internet Explorer“. Jei pranešimas jose atrodo geras, yra didelė tikimybė, kad nebus didelių problemų su tokiais klientais kaip „Outlook“, „Yahoo“, „Gmail“ ir kitais. Jei įmanoma, turėtumėte net eiti į priekį ir išbandyti raidę „IE 6“ - tai leis jums pamatyti, kaip raidė bus „atvaizduojama“ programoje „Outlook 2003“. Norėdami apytiksliai suprasti, kaip raidė bus rodoma „iPhone“ ir „iPad“, turite ją išbandyti „Safari“.

Kai laiškas paprastai rodomas IE ir FF, naudodamiesi el. Laiškų naujienų tarnyba, turite nusiųsti jį tam tikru diapazonu bandomųjų pašto adresų. Idealiu atveju pavyzdyje turėtų būti populiariausių el. Pašto paslaugų paskyros - žinoma, galutinis pasirinkimas priklauso nuo to, kuriuose domenuose adresų sąraše yra adresai. Jei tarp jų nėra nė vieno, turinčio paštą „Yahoo“, neverta laiko skirti šiai sistemai laiškų pritaikymo.

Šie naudingi išdėstymo būdai palengvina testavimo etapą:

  • Kartais padėtis pagerėja pereinant nuo procentinio pločio prie fiksuotos vertės. Tai nėra idealu, nes skaitytojai dažnai „keičia dydį“ naršyklės lange skaitydami laišką, tačiau kartais tiesiog nėra kito būdo, kaip padaryti, kad žinutė atrodytų normali skirtingiems klientams.
  • Jei iškilo problemų dėl atstumo tarp stulpelių, pirmiausia turėtumėte žaisti su ląstelių blokavimo ir langelių praleidimo lentelių atributais. Jei tai nepadeda, naudokite CSS paraštę ir polsterio atributus. Senesnėse el. Pašto programose geriausiai veikia grynas HTML variantas.
  • Jei langelis uždaromas iškart po žyma, gali kilti problemų dėl vaizdo vietos. Tai jau seniai iškelta HTML problema. Galite tai išspręsti uždėdami uždarymo žymą iškart po žymos toje pačioje eilutėje su ja.

Be to, rekomenduojama vadovautis toliau pateikta geriausia praktika:

  • Reikėtų vengti „JavaScript“. Daugelis el. Pašto programų vis tiek jį išjungs.
  • Jei paveikslėlis yra „supjaustytas“ ir dedamas į keletą HTML lentelės langelių, turite patikrinti raidę naudodami skirtingas bandymo paskyras. Kartais atsitinka, kad laiškas puikiai atrodo „Outlook“, vaizdas keliauja aplink kitas el. Pašto programas. Be to, verta apsvarstyti parinktį, kurioje vaizdas tampa naujos HTML lentelės fone, kurioje yra visos lentelės, kurioje bus rodomos paveikslo dalys, eilutės ir stulpeliai. Tai gali pasiekti tą patį efektą, kaip „pjaustant“ atvaizdą mažesniu kodu. Reikia nepamiršti, kad „Outlook 2007“ nerodo fono paveikslėlių - visada svarbu išbandyti pranešimą, pateikiant svarbiausią ir populiariausią abonentų el. Pašto paslaugą.
  • Fono paveikslėliams geriau naudoti fono atributą, o ne CSS. Tai leidžia pasiekti didesnį vienodumą dirbant su įvairiomis pašto paslaugomis.
  • Vaizdai iš laiško turėtų būti saugomi žiniatinklio serveryje, idealiu atveju, aplanke, kuris skiriasi nuo aplanko, kuriame saugomi pagrindinės įmonės svetainės vaizdai (pavyzdžiui, aplankas gali būti vadinamas / images / email), ir jų niekada negalima ištrinti. Kai kurie žmonės atidaro el. Laiškus savaitėmis ir mėnesiais nuo jų gavimo, naudodamiesi jais taip pat kaip žymes naršyklėje - norėdami grįžti į norimą turinį.
  • Vaizdai turi naudoti atributus alt, aukštis ir plotis. Šių elementų verčių nustatymas pagerina rezultatus dirbant su „Gmail“. Be to, tai leidžia raidžių šabloną neskaidyti, jei vartotojas išjungė nuotraukų rodymą. Pastaba: „Outlook 2007“ neatpažįsta „alt“ atributo.
  • Nuorodų žymose reikia naudoti atributą target = ”_ blank” - žmonės, perskaitę laišką žiniatinklio kliente, greičiausiai nenori, kad nuoroda atsidarytų tame pačiame lange.
  • 1x1 taškų vaizdų naudojimas gali padėti suderinti pranešimo turinį, tačiau dažnai tokius stebėjimo taškus šlamšto platintojai naudoja norėdami nustatyti, ar pranešimas buvo atidarytas. Todėl naudojant tokius mažus atvaizdus padidėja tikimybė, kad pašto sistema pranešimą pažymės kaip šlamštą.
  • Taip pat nereikia naudoti didžiulių vaizdų virš tikrosios raidės - tai dar viena mėgstama nepageidaujamų laiškų platintojų taktika, o filtrai to tikrai nemėgsta.

Labai svarbu įsitikinti, kad el. Pašto klientuose, kuriuose vaizdo rodymas išjungtas, pranešimas bus rodomas teisingai. Daugeliui el. Pašto klientų šis nustatymas yra numatytasis kaip „išjungtas“. Tai reiškia, kad naudojant foninį vaizdą su baltu tekstu viršuje, jei šio vaizdo negalima atsisiųsti, iškyla problemų. Norėdami to išvengti, šioje HTML lentelės dalyje turite nustatyti tamsią fono spalvą.

Sukūrę ir atlikę darbą, kuris lėmė, kad laiškas kokybiškai rodomas bandymo pašto paskyrose, galite jį „paleisti“ per galutinį kontrolinį sąrašą. Tai gali atrodyti taip:

  • Ar lauke „Nuo“ pateikiama teisinga informacija (vardo, o ne tik pašto adreso pavidalu)?
  • Ar laiško temos eilutė yra tinkamai užpildyta?
  • Ar kontaktinė informacija yra teisinga ir vizualiai aiški?
  • Ar laiško antraštėje yra paaiškinimas, kad „gavote šį laišką, nes ...“ ir nuorodos, kad galėtumėte atsisakyti informacinio biuletenio rūsyje?
  • Ar laiške yra prašymas įtraukti siuntėjo adresą į vartotojo kontaktų sąrašą?
  • Ar laiško antraštėje yra nuoroda, kad ji būtų rodoma internetinėje versijoje?

Daugelis el. Laiškų el. Paštu teikiamų paslaugų leidžia išbandyti, kaip pranešimas bus rodomas skirtingose ​​pašto sistemose - tai leidžia pamatyti galimas problemas prieš siunčiant.

Шаг 4: Вёрстка для Gmail, Lotus Notes и Outlook 2007

Gmail, Lotus Notes и Outlook 2007 ставят перед верстальщиками и дизайнерами новые вызовы. К примеру, в Outlook 2007 поддержка CSS значительно хуже, чем в предыдущих версиях сервиса.

Gmail позволяет больше вольностей — поскольку это веб-сервис, то он не может контролировать контент отображаемого сообщения. Соответственно, инженерам Google пришлось поработать над тем, чтобы их почтовая система работала корректно вне зависимости от качества HTML и CSS в самих письмах.

В итоге Gmail ведет себя как артефакт из 90-х, когда веб-стандарты находились на примитивном уровне.

Прежде всего, Gmail удаляет CSS-стили, содержащиеся между любы тегами стилей, вне зависимости от того, в каком месте письма они будут обнаружены. Vienintelė stilių alternatyva yra šriftų rodymas HTML lentelėse, tačiau šriftas dažnai būna didesnis nei tikėtasi (nepriklausomai nuo HTML struktūros).

Teigiamas visų šių sunkumų taškas yra tai, kad jei jums pavyks susidoroti su trimis minėtomis pašto programomis, kartais padidėja tikimybė, kad laiškas gerai atrodys kitose sistemose.

Štai keli „Gmail“ ir senesnių el. Pašto klientų triukai:

    Geriau apibrėžti fono spalvą ląstelėje naudojant atributą „bgcolor“, nenaudojant CSS.
    Šalutinis šio požiūrio poveikis yra tai, kad fono paveikslėlį galima padaryti savavališkai ilgą - jei pranešimo turinys yra skirtingų dydžių, tada naudodami ypač ilgą vaizdą galite padidinti arba sumažinti pranešimo aukštį, priklausomai nuo pranešimo teksto. Tačiau „Outlook 2007“ foniniai vaizdai yra visiškai ignoruojami.
    Jei tai veikia geriau, tada padėklas gali būti naudojamas nurodyti langelio laukų dydį. Šių langelių paraštės stilius neveiks, o paminkštinimas yra puikus.
    Jei jums reikia parodyti rėmelį aplink langelį, atminkite, kad „Gmail“ pagal numatytuosius nustatymus rodo langelio kraštą, kai jis yra apibrėžtas div, bet nerodo jo, kai žyme yra apibrėžtas kaip apvado stilius.
    Jei norite tamsiame fone uždėti lengvą nuorodą, geriau įdėkite šrifto deklaraciją į langelį (tas pats pasakytina apie ir žymes), tada pridėkite spalvą: stilius prie žymos.
    Jei paaiškėja, kad šriftai yra skirtingų dydžių, etiketę reikia apvynioti.
    „Gmail“ agresyviai naudoja dešinįjį vartotojo ekrano stulpelį, todėl pranešimo turinys suspaustas į kairę ekrano centro link. Būtina nustatyti langelio dydį iki 10 pikselių - taip išvengsite teksto sutapimo kairėje ir dešinėje kraštuose.
    Testuojant HTML el. Laiškus „Gmail“, labai tikėtina, kad „,“ ir kitose žymų trūksta vieno ar kelių šriftų stilių. Turite patikrinti kiekvieną šriftą, kad įsitikintumėte, jog „Google“ pašto sistema jį tinkamai rodo.

    Be „Gmail“, tarp el. Pašto paslaugų yra ir dar vienas „piktasis genijus“ - tai „Lotus Notes“. Daugelis didelių korporacijų toliau prižiūri ir atnaujina šią programinę įrangą.

Deja, neįmanoma nustatyti, kurios įmonės naudoja „Notes“ iš išorės. Vienintelė išeitis yra laikytis geriausios praktikos, aprašytos straipsnyje. Tai yra, kuo primityvesnis išdėstymo kodas, tuo didesnė tikimybė, kad jis gerai veiks su „Notes“.

Ši sistema kupina daugybės netikėtumų. Pvz., Senesnės „Notes“ versijos gali konvertuoti vaizdus į savo patentuotą formatą arba paprasčiausiai nepaisyti visiškai galiojančių pagrindinių HTML žymų viename pranešime, bet jas rodyti kitame pranešime.

Čia yra keletas patarimų, kurie padės įtikinti šią programą, kad jūsų el. Pašto adresas gali būti rodomas paprastai:

  • Kaip aptarta aukščiau, turėtumėte naudoti konteinerių lentelę, kurioje yra visos vidinės šablono lentelės (laiško antraštė, turinys ir rūsys). Tai leis visas HTML raidės dalis sutvirtinti kartu, neleidžiant joms atsiskirti, kai rodomos pastabose.
  • Tarpiklį turėtumėte palikti iš tuščios vietos aplink konteinerių lentelę, nurodydami pločio procentą (ir nustatydami plotį mažesnį nei 100%) ir naudodami mažiausiai 5 langelių užpildymą.
  • Venkite stiliaus deklaracijų naudoti el. Pašto žymas. Užrašai, kaip „Gmail“, gali pašalinti stilius. Todėl etiketėse būtina naudoti vidinius stilius

    Žiniatinklio serveryje saugomiems vaizdams turite naudoti absoliučius URL. Su „Notes“ įpročiu konvertuoti vaizdus nieko ypatingo nereikia daryti, tačiau vaizdai gali būti išsaugoti išoriniame serveryje.
    Vidinės inkaro nuorodos yra labai retos (jei ne sakome niekada) pastabose. Paprasčiau ignoruoti nuorodas, kurios leidžia skaitytojui pereiti prie konkrečios laiško dalies.
    Venkite naudoti „colspan“ HTML lentelėse. Pastabos - ypač ankstesnės versijos - gali būti naudojamos tik su paprastais lentelių šablonais.
    Įsitikinkite, kad langelių plotis yra tinkamas. Skirtingai nuo interneto naršyklių, kurios savarankiškai nustato langelio plotį iki didžiausios nustatytos vertės, „Notes“ kiekvienos langelio plotį nustatys tiksliai taip, kaip jam buvo nustatyta.
    Centravimo šablonas greičiausiai neveiks pastabose. Naudokite modelius, nukreiptus į kairę.

Šių metodų naudojimas padės pasiekti gerą raidžių pateikimą „Gmail“ ir „Lotus Notes“ ir užtikrins aukštos kokybės ekraną „Outlook 2007“, kuriame naudojamas senesnis perteikimo variklis.

„Campaign Monitor“ pateikia gana išsamų CSS elementų, kuriuos palaiko populiarūs mobiliųjų, žiniatinklio ir darbalaukio el. Pašto klientai, sąrašą.

5 veiksmas: telefonų ir planšetinių kompiuterių išdėstymas

Didžiulis skaičius žmonių skaito HTML raides, atidarydamas jas savo išmaniuosiuose telefonuose ar planšetiniuose kompiuteriuose, o ne tik internete ar darbalaukyje. Tai reiškia, kad pritaikyti lenteles mobiliesiems įrenginiams bus ypač naudingos - be to, tai nėra taip sunku.

Norėdami tai padaryti, naudokite CSS @media apibrėžimus, kad nurodytumėte HTML lentelių langelius ir padidintumėte šriftus, kad jie būtų rodomi aukštos kokybės. Pvz., „IPhone“ šriftų dydis turi būti ne mažesnis kaip 13 taškų, kad juos būtų galima analizuoti.

Žiniatinklio ir stalinių kompiuterių klientai tiesiog nepaisys @media apibrėžimų, o išmanieji telefonai ir planšetiniai kompiuteriai juos pastebės ir panaudos aukštos kokybės pranešimui rodyti.

Čia pateiktas paprastas @media apibrėžimų rinkinys, pateikiantis vieno stulpelio HTML lentelės šabloną telefonuose ir planšetiniuose kompiuteriuose:


Šis kodas turėtų būti dedamas iškart po kūno žymos, po> lentelės apibrėžime ir> langeliuose. Kai toks pranešimas atidaromas mobiliajame įrenginyje (arba horizontaliai orientuotoje interneto naršyklėje), kurio dydis yra mažesnis nei 480 pikselių, šie apibrėžimai bus suaktyvinti.

Dviejų stulpelių HTML raidžių šablonų išdėstymo mažuose ekranuose paslaptis slypi kiekvieno stulpelio įdėjime į atskirą lentelę. Tada kiekvienoje HTML lentelėje turite naudoti integruotą CSS, skirtą plūdrumui: kairėn ir HTML align = ”left”, kad sulygintumėte visą stulpelio turinį kairėje. Tada aprašyme turite pridėti apibrėžimą>, o langeliuose ->.

Šis metodas gali būti naudojamas pagerinti el. Laiškų rodymą mobiliuosiuose įrenginiuose.

Išvada

Daugelis žmonių, gavusių vienokį ar kitokį adresų sąrašą, dėl daugelio priežasčių renkasi HTML raides, o ne paprasto teksto versijas. Tačiau kūrėjams HTML sklaidos kanalo kūrimo užduotis gali būti ne tokia jau nereikšminga.

Šiandienos straipsnyje mes bandėme aprašyti kai kurias problemas ir galimus jų sprendimus, taip pat pateikti patarimų, kaip sukurti žymėjimą, kuris veiks įvairiose el. Pašto programose.

Žiūrėkite vaizdo įrašą: 24 Faktai : Apie Minimalizmą , ė , (Spalio Mėn 2020).

Pin
Send
Share
Send
Send