Te Maramatanga ki nga Werohanga (Me nga Maamaa) o te Hoahoa Īmēra HTML

Mena ka whakatuwherahia e koe he punaha whakahaere ihirangi ki te hanga wharangi paetukutuku, he mahinga tino ngawari. Ko nga kaitirotiro paetukutuku hou e tautoko ana i te HTML, CSS, me te JavaScript ki a tino huinga paerewa tukutuku. Ana, he tokoiti noa nga kaitirotiro e tika ana kia maaharahara nga kaihoahoa. He okotahi ano, o te akoranga… me etahi mahi ngawari, mahi ranei mo aua kaitirotiro.

Na nga paerewa whanui, he tino ngawari ki te whakawhanake i nga kaihanga wharangi i roto i nga punaha whakahaere ihirangi. Ka tutuki nga kaitirotiro ki te HTML5, CSS, me te JavaScript… ka taea e nga kaiwhakawhanake te hanga otinga tino pakari ki te hanga wharangi tukutuku e aro ana ki nga taputapu me te rite ki nga kaitirotiro. E rua tekau tau ki muri, tata ki nga kaihoahoa tukutuku katoa e whakamahi ana i te rorohiko papamahi ki te hanga wharangi paetukutuku. Inaianei, he mea rerekee mo te kaihoahoa paetukutuku ki te whakawhanake i tetahi wharangi paetukutuku – i te nuinga o te waa, kei te hanga tauira me te whakamahi i nga kaiwhakatikatika i roto i nga punaha ihirangi hei whakakii i nga korero. He rawe nga kaiwhakatika paetukutuku.

Engari kei muri nga kaiwhakatika imeera. Anei te take…

Ko te Hoahoa i nga Imeera HTML He Maamaa Atu I Te Paetukutuku

Mena kei te hiahia to kamupene ki tetahi imeera HTML ataahua i hangaia, he uaua ake te mahi i te hanga wharangi paetukutuku mo etahi take:

• Kaore he Paerewa – KORE he tino piri ki tetahi paetukutuku paerewa na nga kaihoko imeera e whakaatu ana i te imeera HTML. I roto i te meka, tata ia kiritaki īmēra me ia putanga o ia kiritaki īmēra he rereke nga mahi. Ko etahi ka whakanui i te CSS, nga momotuhi o waho, me te HTML hou. Ko etahi e whakanui ana i etahi momo whakararangi, ka whakaatu noa i te kohinga momotuhi, ka wareware ki nga mea katoa engari ko nga hanganga a-tepu. He tino whakahiato i tenei wa kaore he tangata e mahi ana mo tenei take. Ko te mutunga mai, ko te hoahoa tauira e whakaputa ana ki nga kaihoko me nga taputapu i nga wa katoa kua noho pakihi nui, he utu nui pea.
• Īmēra Haumarutanga Kiritaki – No tenei wiki, kua whakahoutia a Apple Mail ki te aukati i nga whakaahua katoa i roto i nga imeera HTML ma te taunoa kaore i whakauruhia ki te imeera. Ka whakaae koe ki te uta i tetahi imeera ki a raatau i te waa, me whakaahei ranei nga tautuhinga ki te whakakore i tenei tautuhinga. I te taha o nga tautuhinga haumarutanga o nga kaihoko imeera, kei reira ano nga tautuhinga umanga.
• Te Haumaru IT – Ka tukuna pea e to roopu IT etahi ture tino tika mo nga mea ka taea te whakaputa i roto i te imeera. Mēnā ko ō whakaahua, hei tauira, i ahu mai i tētahi rohe motuhake kāore i whakarārangihia mā i roto i te pātūahi rangatōpū, karekau noa ngā whakaahua e puta ki tō īmēra. I etahi wa, me whakawhanake matou i nga imeera me te manaaki i nga whakaahua katoa i runga i te kaporeihana o te kaporeihana kia kite ai o raatau kaimahi i nga whakaahua.
• Kaiwhakarato Ratonga Imeera - Ki te kino ake, ko nga kaihanga imeera ko nga kaiwhakarato ratonga imeera (ESPs) ka whakauru mai i nga raru, kaua ki te aukati. I a ratou e whakatairanga ana i ta raatau etita Ko taau e kite nei ko te mea e whiwhi ana koe (WYSIWYG), he rite tonu te ritenga ki te hoahoa imeera. Ka arokite koe i te imeera i roto i to raatau papaahi, katahi ka kite te kaiwhiwhi imeera i nga momo raru hoahoa katoa. I te nuinga o nga wa ka kowhiria nga kamupene mo te ētita whai-ahua nui hei utu mo te ētita kua kati-ki te whakaaro he nui ake nga ahuatanga o tetahi i tera atu. He pono… mena kei te pirangi koe ki nga imeera e whakaputa rite tonu ana puta noa i nga kaihoko imeera katoa, he maamaa ake te pai na te mea he iti ake te he.
• Īmēra Rendering Kiritaki - He maha nga rau o nga kaihoko imeera, he rereke te whakaputa HTML i runga i te papamahi, taupānga, waea pūkoro, me nga kaihoko imeera. Ahakoa kei a koe to etita kupu pai i runga i to kaiwhakarato ratonga imeera he whakatakotoranga hei whakatakoto i tetahi pane ki roto i to imeera… ka rereke pea te papa, nga tawhē, te teitei o te raina, me te rahi momotuhi mo ia kaihoko imeera kotahi. Ko te mutunga, me wahangu koe i te HTML me te tohu i nga huānga katoa kia rereke (tirohia te tauira i raro nei) - me te tuhi i roto i nga tuunga he mea motuhake te kaihoko imeera - ki te tiki i tetahi imeera kia rite tonu. Karekau he momo paraka ngawari, me mahi koe i nga whakatakotoranga a-tepu e rite ana ki te hanga whare mo te ipurangi toru tekau tau ki muri. Koinei te take e hiahia ana tetahi tahora hou ki te whakawhanaketanga me te kaihoko imeera whakawhiti me te whakamatautau taputapu. Ko nga mea e kitea ana e koe i roto i to pouakaroto he rereke rawa atu ki taku e kite nei i taku pouakaroto. Ko te aha te hanga taputapu rite Imeera i runga i te waikawa or Litmus he mea tika ki te whakarite kia mahi o hoahoa hou puta noa i nga kaihoko imeera katoa. Anei he rarangi poto o nga kaihoko imeera rongonui me o raatau miihini whakaputa:
  • Apple Mail, Outlook mo Mac, Android Mail me iOS Mail te whakamahi WebKit.
  • Ka whakamahia e Outlook 2000, 2002 me 2003 Internet Explorer.
  • Ka whakamahia e Outlook 2007, 2010 me 2013 Microsoft Word (ae, Kupu!).
  • Ka whakamahia e nga kiritaki Webmail te miihini o to raatau tirotiro (hei tauira, ka whakamahi a Safari i te WebKit me te whakamahi a Chrome i te Blink).

He Tauira o HTML mo te Tukutuku vs. Īmēra

Mena kei te hiahia koe ki tetahi tauira e whakaatu ana i te uaua o te hoahoa i roto i te imeera me te paetukutuku, koinei te tauira tino pai mai i te tuhinga a Mailbakery 19 Nga Rerekēnga Nui i waenga i te Īmēra me te HTML Tukutuku:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td align="left">
         <table border="0" cellspacing="0" cellpadding="0" bgcolor="#43756e">
            <tr>
               <td class="text-button"  style="padding: 5px 20px; color:#ffffff; font-family: 'Oswald', Arial, sans-serif; font-size:14px; line-height:20px; text-align:center; text-transform:uppercase;">
                  <a href="#" target="_blank" class="link-white" style="color:#ffffff; text-decoration:none"><span class="link-white" style="color:#ffffff; text-decoration:none">Find Out More</a>
               </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<div class="center">
   <a href="#" class="button">Find Out More</a>
</div>

Me pehea te karo i nga take hoahoa imeera

Ka taea te karo i nga take hoahoa imeera ma te whai i nga tikanga tika:

1. Hoahoa tauira – Hangaia he tauira me nga whakatakotoranga rereke me nga paraka ihirangi e uru ana ki nga ahua katoa e hiahia ana koe ki te whakaputa i roto i o hoahoa imeera. Ina whakatinanahia e matou he kaihoko, ka akiakihia e matou i nga wa katoa hoahoa he imeera mo nga ra kei te heke mai – ehara i te mea ko te kaupapa imeera e whai ake nei ka tukuna atu. Ma tera ara, ka taea e taatau te hoahoa, te whakawhanake, te whakamatautau, me te whakatinana i nga mahi e tika ana i mua i ka tukuna e ratou taua imeera tuatahi.
2. Whakamātautau tauira – Te maarama ki nga kaihoko imeera e whakamahia ana e o kaiohauru me te whakarite kia tino whakamatauria to imeera HTML puta noa i te waea pūkoro me te papamahi he mea nui i mua i te tuku tauira. Ka taea e tatou te hoahoa i te imeera mai i te tahora Photoshop… engari ko te tapahi me te tapatapahi ki roto i te tepu, te kaihoko imeera whakawhiti he mea nui ki te tuku hoahoa imeera e tino pai ana, e rite ana.
3. Te Whakamatau-a-roto – Kia oti te hoahoa me te whakamatau i to tauira, me tuku ki te rarangi kakano o roto o te whakahaere hei arotake me te whakaae. Ka hiahia pea koe ki te timata me te iti rawa o te wahanga o te tangata ki te whakarite i te tuatahi karekau he papangaahi, he take haumarutanga ranei e pa ana ki te tuku i te imeera ki roto. Mena kei te hangaia he tauira mo tetahi kaiwhakarato ratonga imeera hou, ka kitea pea e koe etahi take tātari, arai ranei e pa ana ki te tuku i to imeera ki te pouakaroto.
4. Putanga tauira – Kaua e huri i o tahora, hoahoa ranei me te kore e mahi i tetahi putanga hou o to tauira ka taea te hoahoa, te whakamatautau tika, me te hora. He maha nga pakihi e pai ana ki nga hoahoa kotahi mo ia kaupapa whakatairanga… engari me hoahoa nga imeera katoa, kia whakawhanakehia, kia horahia mo ia kaupapa whakahau. Ka taapiri atu tenei i te waa ki te mahinga hokohoko imeera o roto. Ana, kei te tupono koe kaore koe e mohio he aha nga huānga kei roto i to imeera e mahi pai ana i runga i nga mea karekau. Ko te riterite ehara i te mea he huarahi ngawari noa te mahi, he mea nui ano ki te whanonga o o kaiohauru.
5. Okotahi Kaituku Ratonga Īmēra - Tata ki nga kaiwhakarato ratonga imeera katoa he huarahi ki te mahi mo nga take e tukuna ana e to ratou kaihanga imeera. Ka taea e matou te taapiri i te CSS mata ki tetahi kaute - he poraka ihirangi ranei me whakauru ki roto i nga imeera katoa - kia taea ai e te kamupene te whakamahi i te kaiwhakatika imeera kua whakauruhia kia kaua e pakaru te hoahoa o to imeera. Ae ra, tera pea e hiahia ana etahi whakangungu me te mana whakahaere ki te whakatakoto i aua mahi kia tutuki ai. Ranei - ka hiahia noa koe ki te whakawhanake i to hoahoa imeera i roto i tetahi otinga kua whakamatauhia ki te mahi puta noa i nga kaihoko me nga taputapu, ka whakapiri ano ki to kaiwhakarato ratonga imeera.

Paerewa Hoahoa Īmēra

Na te mea he kino te mahi a nga papaaamahi imeera ki te hanga me te pupuri i nga kaihoko-kiritaki me nga taputapu whakawhiti i nga wa katoa, kua tae mai te maha o nga papaaho nui ki te maakete. Ko tetahi i whakamahia nuitia e matou ko Stripo.

Ehara a Stripo i te hanga imeera noa, he whare pukapuka mo te 900 neke atu nga tauira ka taea te kawemai. Ina hoahoa koe i te imeera, ka taea e koe te imeera ki te 60+ ESPs, me nga kaihoko imeera, tae atu ki MailChimp, HubSpot, Aroturuki Kaupapa, AWeber, eSputnik, Outlook, me Gmail. Ko te mea pai rawa atu o nga tauira Stripo katoa ka tae mai me nga whakamatautau tuku imeera kua whakauruhia kia taea e koe te whakarite kua whakamatauria me te mahi i nga wa katoa puta noa i te 40 nga kaihoko imeera.

Takiuru Ki te Whakaaturanga Kaiwhakatika Stripo

Whakaaturanga: Kei te hono ahau ki taku umanga korero hokohoko nana nei i hoahoa me te tuku i nga imeera whakawhiti-kiritaki mo nga tohu rangatira i roto tata ki nga kaiwhakarato ratonga imeera. He hononga ano ahau no Stripo a kei te whakamahi ahau i taku hono i tenei tuhinga.