Ja esat atkarīgs no e-pastiem, īpaši biznesa vajadzībām, no šīs apmācības jūs soli pa solim uzzināsit, kā izveidot HTML e-pasta parakstu iPhone vai iPad.
apmierināts
HTML biznesa e-pasta parakstā jāiekļauj: jūsu vārds, amats organizācijā, uzņēmuma nosaukums, uzņēmuma logotips, jūsu un uzņēmuma kontaktinformācija (tālrunis, e-pasts, tīmekļa adrese).
Lielākajā daļā e-pasta lietojumprogrammu, piemēram, Outlook, HTML paraksti tiek pievienoti, ievietojot kodu HTML paraksta laukā. iPhone vai iPad tas ir nedaudz atšķirīgs, taču abos gadījumos jums ir nepieciešams HTML paraksts.
Kā izveidot HTML e-pasta parakstu iPhone vai iPad
Kā jau teicu iepriekš, vispirms ir jāizveido HTML paraksts (ja jums tas jau ir, varat izlaist šo apmācības daļu).
Izveidojiet HTML parakstu
Savā piemērā es izdarīju a HTML e-pasta paraksts iPhone kaut kas vienkāršāks, kas ietver: attēlu (vai uzņēmuma logotipu), sociālo tīklu ikonas ar saiti, vārdu un uzvārdu, funkciju, tālruņa numuru, e-pasta adresi un tīmekļa adresi.
Ja vēlaties sākt ar šo paraksta veidni, HTML kods ir šāds:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Email Signature</title>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Montserrat">
<style type="text/css">
img { outline: none; text-decoration: none; border: none; }
p { margin: 0px !important; }
a { color: #000 !important; text-decoration:none !important; }
@media only screen and (max-width: 480px) {
.heading-one {
font-size:16px !important;
line-height:18px !important;
}
.heading-two {
font-size:12px !important;
line-height:14px !important;
}
.paragraph {
font-size:10px !important;
line-height:11px !important;
}
}
href>a { color:#000; text-decoration: none !important; text-decoration: none; }
</style>
</head>
<body>
<!-- EDIT BELOW IF YOU AREN'T OUTLOOK USER -->
<!--[if !mso]><!-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top" style="display:inline-block; min-width:100px; max-width:100px; padding-right: 20px; padding-bottom: 10px;"><table width="80" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="display: block; height: 100px; text-align: center;"><img src="img/model.jpg" width="100" height="100" alt=""/></td>
</tr>
<tr>
<td style="background: #305dbf; padding-top: 10px; padding-bottom: 10px; text-align: center;"><table border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding-right: 15px;"><a href="http://www.facebook.com/" target="_blank"><img src="img/icon-facebook-0.png" width="12" height="12" alt=""/></a></td>
<td style="padding-right: 15px;"><a href="http://www.twitter.com/" target="_blank"><img src="img/icon-twitter-0.png" width="12" height="12" alt=""/></a></td>
<td><a href="http://www.linkedin.com/" target="_blank"><img src="img/icon-linkedin-0.png" width="12" height="12" alt=""/></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
<td valign="top" style="display:inline-block; min-width:300px; max-width:400px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-bottom: 10px;"><span class="heading-one" style="font-family:'Montserrat', Arial, sans-serif; font-size:16px; line-height:18px; font-weight:600; color:#000; text-transform:uppercase;">John Doe</span><br><span class="heading-two" style="font-family:'Montserrat', Arial, sans-serif; font-size:14px; line-height:16px; font-weight:500; color:#000; text-transform:capitalize;">Creative Director</span></td>
</tr>
<tr>
<td style="padding-bottom: 7px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-phone-10.png" width="16" height="16" alt=""/></td>
<td><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;">858-272-3400</span></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td style="padding-bottom: 7px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-email-10.png" width="16" height="16" alt=""/></td>
<td><a href="mailto:[email protected]" target="_blank" style="color:#000; text-decoration: none !important; text-decoration: none;"><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;">[email protected]</span></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-website-10.png" width="16" height="16" alt=""/></td>
<td><a href="http://www.yourwebsite.com" target="_blank" style="color:#000; text-decoration: none !important; text-decoration: none;"><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;">www.website.com</span></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<!--<![endif]-->
<!-- EDIT BELOW IF YOU ARE OUTLOOK USER -->
<!--[if mso]>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="100" valign="top" style="padding-right: 20px; padding-bottom: 10px;"><table width="80" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="display: block; height: 100px; text-align: center;"><img src="img/model.jpg" width="100" height="100" alt=""/></td>
</tr>
<tr>
<td style="background: #305dbf; padding-top: 10px; padding-bottom: 10px; text-align: center;"><table border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding-right: 15px;"><a href="http://www.facebook.com/" target="_blank"><img src="img/icon-facebook-0.png" width="12" height="12" alt=""/></a></td>
<td style="padding-right: 15px;"><a href="http://www.twitter.com/" target="_blank"><img src="img/icon-twitter-0.png" width="12" height="12" alt=""/></a></td>
<td><a href="http://www.linkedin.com/" target="_blank"><img src="img/icon-linkedin-0.png" width="12" height="12" alt=""/></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
<td width="400" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-bottom: 10px;"><span class="heading-one" style="font-family:'Montserrat', Arial, sans-serif; font-size:16px; line-height:18px; font-weight:600; color:#000; text-transform:uppercase;"><font face="'Montserrat', Arial, sans-serif !important;">John Doe</font></span><br><span class="heading-two" style="font-family:'Montserrat', Arial, sans-serif; font-size:14px; line-height:16px; font-weight:500; color:#000; text-transform:capitalize;"><font face="'Montserrat', Arial, sans-serif !important;">Creative Director</font></span></td>
</tr>
<tr>
<td style="padding-bottom: 7px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-phone-10.png" width="16" height="16" alt=""/></td>
<td><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;"><font face="'Montserrat', Arial, sans-serif !important;">858-272-3400</font></span></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td style="padding-bottom: 7px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-email-10.png" width="16" height="16" alt=""/></td>
<td><a href="mailto:[email protected]" target="_blank" style="color:#000; text-decoration: none !important; text-decoration: none;"><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;"><font face="'Montserrat', Arial, sans-serif !important;">[email protected]</font></span></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-website-10.png" width="16" height="16" alt=""/></td>
<td><a href="http://www.yourwebsite.com" target="_blank" style="color:#000; text-decoration: none !important; text-decoration: none;"><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;"><font face="'Montserrat', Arial, sans-serif !important;">www.website.com</font></span></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<![endif]-->
</body>
</html>Vienkāršākais ir izveidot mapi parakstam. Jūs kopējiet šo kodu teksta vai HTML redaktorā un pēc tam modificējiet to ar saviem datiem. Beigās jūs to saglabājat ar paplašinājumu .htmlApvidū
Blakus HTML failam izveidojat mapi img kurā iekļaujat grafiskos elementus. Attēls un ikonas. Jūs identificējat šos elementus savā HTML kodā. Piemērs: <img src="img/icon-email-10.png".../>Apvidū
Pēc paraksta pielāgošanas pārlūkprogrammā atveriet HTML failu. Rezultātam jābūt līdzīgam attēlam apmācības sākumā.
Kā pievienot HTML parakstu iPhone vai iPad
Lai paraksts būtu atvērts un adresātiem lasāms, tam ir jābūt mitinātam tīmekļa serverī vai pakalpojumā cloud kas ļauj augšupielādēt HTML failus un grafiku.
Es uzliku savu parakstu tīmekļa adreseApvidū
Kad HTML paraksts ir izveidots un ir pieejams tiešsaistē, nākamais solis ir pievienot HTML parakstu saviem e-pasta kontiem savā iPhone vai iPad ierīcē.
Apmācība ir paredzēta lietotnei pievienotajiem e-pasta kontiem Mail pieejams visās iPhone, iPad, Mac ierīcēs.
1. Atvērt “Settings“, pēc tam ritiniet līdz “Mail“Apvidū
2. Opcijās “Mail“, jūs atverat “Signature“Apvidū
2. Atveriet tīmekļa saiti, kurai ir paraksts, un kopējiet visu saturu. To var izdarīt, izmantojot Safari savā iPhone vai iPad. Ar funkciju Handoff (Universāla starpliktuves), varat kopēt HTML parakstu no sava Mac vai MacBook datora.
3. Atgriezties uz “Signature” un ielīmējiet (paste) kopētais saturs.
Pēc šīs darbības varat teikt, ka esat iemācījies izveidot un pievienot HTML e-pasta parakstu iPhone vai iPad.
Saistīts: Kā jūs veicat HTML parakstu ar perspektīvu attēlu
Neuztraucieties, ja pamanāt, ka 3. punktā teksts nav salasāms. Fona krāsa tiks kopēta no HTML paraksta avota. Tātad, ja adresāta e-pasta saskarne ir iestatīta uz motīvu “tumšs”, jūsu ziņojums tiks saņemts ar baltu fonu.
