Een HTML handtekening maken doe je zo.

Gastblog door Noortje – In mijn vorige artikel over online tips, vroeg ik of jullie het leuk zouden vinden wanneer ik een speciaal artikel zou wijden aan het maken van een html handtekening. Een aantal van jullie reageerden positief en ook mensen uit mijn omgeving smeekten me om een tutorial. Okee, dat is misschien een beetje overdreven, maar een handleiding om je mailtjes professioneel de deur uit te kunnen doen was dus welkom.

Om deze handtekening te maken, gaan we HTML gebruiken. Dus daar wil ik eerst iets over vertellen, want, wat is dat nou eigenlijk? HTML staat voor HyperText Markup Language en is een opmaaktaal waarin je kan beschrijven waar bepaalde onderdelen op een pagina zich moeten bevinden. Het is als het ware een taal die wij begrijpen maar onze computer ook. Zodat hij tekst, links en plaatjes kan opmaken zoals wij dat willen. Het is werkelijk een beetje toveren. In deze tutorial leg ik stap voor stap uit wat je moet doen en ik weet zeker dat jij na het volgen van deze tutorial in staat bent om ook je eigen HTML handtekening te creëren.

Ik werk in deze tutorial met het standaard mailprogramma van apple en ook met apple software. Ik weet niet hoe je met windows een handtekening aan je mail kan toevoegen, sorry windows users! Gebruik je Gmail of een andere maildienst in je browser, dan kun je vaak in je instellingen ook een handtekening invoegen, hoe precies weet ik niet, maar Google weet dat vast!

bron uitleg HTML

STAP 1. VOORBEELDCODE AANPASSEN
Surf ten eerste naar w3schools.com en klik op try it yourself. Op deze website kan je heel veel leren over HTML en ook tutorials vinden. In het geopende venster ga je jouw persoonlijke code schrijven en testen. Je zou nu het volgende moeten zien:

1

Download hier de voorbeeldcode en plak deze in het linkerscherm. Het zou er nu zo uit moeten zien:

2

In onderstaande afbeelding leg ik de code uit en laat ik zien welke stukken je moet vervangen voor jouw persoonlijke informatie. Wanneer je meer wilt weten dan hieronder uitgelegd staat, kijk dan op w3schools. Hier kun je veel meer informatie vinden.

3

STAP 2. PLAATJES UPLOADEN VOOR HTML
Je kan niet zomaar een plaatje van je computer in je code plakken. Hiervoor moet je de plaatjes eerst uploaden en de link daarvan in je code gebruiken. Als je wordpress hebt, kun je de plaatjes toevoegen aan de map media. Wanneer je het plaatje geupload hebt en er op klikt, zie je rechts in beeld de url verschijnen die je nodig hebt.

4

Wanneer je geen wordpress hebt, is het handig om een website te gebruiken die jouw plaatjes HTML proof maakt. Je kunt bijvoorbeeld een account aanmaken bij Photobucket en hier je plaatjes uploaden. Wanneer je op het plaatje klikt, zie je aan de rechterkant de url verschijnen. Die kan je kopiëren en op de juiste plek in je code plakken. Het formaat van het plaatje maakt voor het uploaden niet uit. De grootte bepaal je namelijk pas later in je code. Het plaatje moet wel groter zijn dan 98 pixels anders rekt hij uit.

In de voorbeeldcode zie je ook plaatjes die linken naar facebook, instagram, en bellen. Die plaatjes staan echter online onder mijn beheer. Wanneer ik ze verwijder, zullen ze het ook bij jou niet meer doen. Daarom is het belangrijk om hiervoor ook je eigen plaatjes te uploaden. Je kunt heel veel verschillende iconen vinden op google of je kan ze zelf maken. Je mag echter ook die van mij overnemen, klik hier om de plaatjes te downloaden. Belangrijk is dat je het plaatje in ieder geval op je eigen computer opslaat en weer upload naar photobucket of wordpress. Zo staan ze onder jouw beheer. Wanneer je al je plaatjes geupload hebt, kun je de links in de voorbeeldcode vervangen voor de links van jouw plaatjes.

STAP 3. JE HTML HANDTEKENING TOEVOEGEN AAN JE EMAIL
1. Ga nu naar je mailprogramma, ik ga uit van het mailprogramma voor mac.
2. Kies Mail -> Preferences -> Signatures en klik op de + om een nieuwe handtekening aan te maken. Noem deze HTML handtekening (dit kan je later nog veranderen).
3. Sluit je mail af en open het moederbestand van je nieuwe handtekening.
4. Ga naar Finder -> Go -> (houd alt ingedrukt dan verschijnt) library -> mail -> V2 -> Maildata -> Signatures.
5. Klik op bestanden weergeven als lijst. Zo kun je makkelijk zien welk bestand je het laatst aangemaakt hebt. Open nu het bestand in een simpel tekstbewerking programma zoals notepad, of texteditor. Je zou dit moeten zien:

5

Plak nu je gemaakte code in het moederbestand en sla hem op. LET OP! Het bovenste stukje tekst moet je laten staan anders gaat je handtekening het never nooit doen.

6

Om je handtekening straks te kunnen gebruiken, moet je het bestand eerst ‘locken’. Kijk naar het voorbeeld hieronder om te zien hoe dat moet:

7

Open je mail en het handtekening menu. Sleep je html handtekening over het account waarvoor je het wilt gebruiken. Klik hier om te zien hoe dat moet. Maak nu een nieuw mailtje en voeg je handtekening toe. Tadaa daar staat je zelfgemaakte handtekening de show te stelen!

8

Tenslotte wil ik nog even zeggen dat ik in principe begrijp hoe HTML werkt, maar heb je straks toch nog vragen dan zal ik je misschien niet kunnen helpen. Ik ben geen whizzkid en met hulp van mijn vriend heb ik het vooral voor elkaar gekregen door trial and error. Natuurlijk zal ik proberen te helpen waar het kan, maar sommige dingen zal ik niet weten. Hier vind je trouwens het originele artikel waar ik deze tutorial op gebaseerd heb (anders lijkt het net of ik het hélemaal zelf bedacht heb, hihi).

♥♥♥

Heel veel succes!

♥♥♥

Noortje is een vrolijke illustrator uit Rotterdam met een passie voor papier en kleur. Hier op teamconfetti schrijft ze artikelen waar je iets van kan leren, maar waar je vooral vrolijk van wordt.

REACTIES:

  1. buy weed online

    The online weed marketplace is in the midst of a rapid expansion. Given that marijuana is still not legal for recreational use in most states and remains illegal at the federal level, many consumers are turning to the internet to find trustworthy vendors. The most obvious reason why you should buy weed online is buy weed online because it’s discreet….

    Reageren
  2. Online dispensary canada

    One of the main benefits of using an online dispensary in Canada is the convenience it offers. Customers can browse products, place orders, and have them delivered to their doorstep, all from the comfort of their own homes. This is especially useful for those who live in remote areas, or who have mobility issues and find it difficult to travel to a physical dispensary……….

    Reageren
  3. Buy weed online

    Another advantage of buying weed online is the privacy it provides. Not everyone feels comfortable going to a physical dispensary and being seen purchasing marijuana products. With online dispensaries, customers can place their orders discreetly, and have them delivered directly to their doorstep….

    Reageren
  4. Weed dispensary

    A Weed dispensary is a place where consumers can purchase cannabis products such as flowers, edibles, concentrates, and topicals. These dispensaries can be found in various forms, including storefronts, mobile delivery services, and online shops. In states where cannabis is legal, these dispensaries must comply with strict regulations and undergo regular inspections to ensure they meet health and safety standards…

    Reageren
  5. Buy weed online

    Another advantage of buying weed online is the privacy it provides. Not everyone feels comfortable going to a physical dispensary and being seen purchasing marijuana products. With online dispensaries, customers can place their orders discreetly, and have them delivered directly to their doorstep……..

    Reageren
  6. Online dispensary canada

    One of the main benefits of using an online dispensary in Canada is the convenience it offers. Customers can browse products, place orders, and have them delivered to their doorstep, all from the comfort of their own homes. This is especially useful for those who live in remote areas, or who have mobility issues and find it difficult to travel to a physical dispensary…

    Reageren
  7. Online dispensary canada

    One of the main benefits of using an online dispensary in Canada is the convenience it offers. Customers can browse products, place orders, and have them delivered to their doorstep, all from the comfort of their own homes. This is especially useful for those who live in remote areas, or who have mobility issues and find it difficult to travel to a physical dispensary…..

    Reageren
  8. Weed dispensary

    A Weed dispensary is a place where consumers can purchase cannabis products such as flowers, edibles, concentrates, and topicals. These dispensaries can be found in various forms, including storefronts, mobile delivery services, and online shops. In states where cannabis is legal, these dispensaries must comply with strict regulations and undergo regular inspections to ensure they meet health and safety standards….

    Reageren
  9. Online dispensary canada

    One of the main benefits of using an online dispensary in Canada is the convenience it offers. Customers can browse products, place orders, and have them delivered to their doorstep, all from the comfort of their own homes. This is especially useful for those who live in remote areas, or who have mobility issues and find it difficult to travel to a physical dispensary..

    Reageren
  10. Buy weed online

    Another advantage of buying weed online is the privacy it provides. Not everyone feels comfortable going to a physical dispensary and being seen purchasing marijuana products. With online dispensaries, customers can place their orders discreetly, and have them delivered directly to their doorstep……

    Reageren
  11. Buy weed online

    Another advantage of buying weed online is the privacy it provides. Not everyone feels comfortable going to a physical dispensary and being seen purchasing marijuana products. With online dispensaries, customers can place their orders discreetly, and have them delivered directly to their doorstep……..

    Reageren
  12. Buy weed online

    Another advantage of buying weed online is the privacy it provides. Not everyone feels comfortable going to a physical dispensary and being seen purchasing marijuana products. With online dispensaries, customers can place their orders discreetly, and have them delivered directly to their doorstep……

    Reageren
  13. buy weed online canada

    One of the main benefits of using an buy weed online canada is the convenience it offers. Customers can browse products, place orders, and have them delivered to their doorstep, all from the comfort of their own homes. This is especially useful for those who live in remote areas, or who have mobility issues and find it difficult to travel to a physical dispensary.

    Reageren
  14. buttlerj2

    “Just learned how to create an HTML signature—so sleek and professional! Now if only my film app could let me add personalized credits to my movie playlists. Signature style everywhere!”

    Reageren
  15. Alejandro Luis

    “Creating an HTML signature is all about attention to detail, much like ensuring that a grease distributor block is properly installed in a machine. Just as the grease distributor block ensures the smooth operation of various parts by distributing lubrication evenly, your HTML signature needs to be structured properly for smooth communication. Each element, from the design to the contact details, works together to make a professional and polished impression, just like the precise functionality of a grease distributor block in an engine.”

    Reageren

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *