Archive for July, 2004

HTML e-mail met achtergronden (voor Outlook)

Update
Laat een berichtje achter als je vragen hebt over deze post.

Hoe een achtergrond toevoegen aan een email met Outlook Express: Achtergrond afbeeldingen in Outlook Express

Voor webmasters die meer willen weten over hoe je met HTML achtergronden kan invoegen en meesturen, volg de instructies in mijn blog post “HTML e-mail met achtergronden (voor Outlook)



Voor je begint met HTML nieuwsbrieven te versturen moet je toch eerst dit even lezen:
7 reasons why HTML e-mail is EVIL!!!. Indien alles goed is doorgedrongen en het onderzoek naar de mogelijkheden van de ontvangers is afgerond, kan volgende informatie van pas komen.
De nieuwsbrief die ik ontworpen heb was bestemd om binnen een bedrijf verstuurd te worden naar Outlook 200 email clients. Sa far, so good

HTML weergeven met Outlook hangt af van de mogelijkheden van de IE-engine die is geïnstalleerd. Achtergronden gebruiken met de css eigenschap background-image hangt dus af van het feit of je IE5 of hoger hebt geinstalleerd.


Omdat de mogelijkheden van de e-mail clients zeer beperkt zijn, kan je best de volgende basisregels in acht nemen:

  • Gebruik alleen CSS1, geen positionering van de elementen met CSS
  • Gebruik eenvoudige tabellen om het document te structureren
  • Gebruik alleen inline style. Sommige webbased e-mail clients verwijderen stijl informatie in het HEAD element.

In de volgende stap maak je je html document klaar. Ik heb een voorbeeld document aangemaakt waarin enkele achtergronden worden gebruikt.
Het probleem is dat je met Outlook niet zo makkelijk de HTML in de mail krijgt zonder dat dit intelligente programma je code onbemoeid laat.

Normaal gezien gebruik je de volgende regel om achtergronden toe te wijzen aan een element

p{
 background-image: url(./path/to/image.jpg);
}

Als je de beelden wil meesturen moet je echter een andere protocol grbuiken om aan te wijzen waar Outlook het bestand kan vinden. Het wordt dan dit:

p{
 background-image: url(cid:newsletter4_03.jpg)
}

In Outlook kan je een template instellen via de volgende weg:

  1. Tools > Options > Mailformat
  2. Stationary Picker
  3. New > vul een naam in: newsletter bvb. > Use this file as template
  4. browse naar het bestand en dubbel-klik > Next
  5. Optie “Do not include a background in this stationary” aanvinken > Ok, Ok, Ok
  6. Actions > New mail messageusing stationary > newsletter

Nu heb je een nieuwe e-mail, echter zonder achtergronden. De volgende stap is de beelden toevoegen.

  1. Insert > File > Alle nodige bestanden selecteren en toevoegen

Nu heb je een aantal attachments maar nog steeds geen achtergronden. Doe het volgende

  1. File > Properties
  2. Send options > selecteer MIME type

Als alles goed gaat heb je nu de achtergronden die je nodig hebt. Om het werk af te ronden en om de mail door te kunnen sturen naar een editor kan je het bestand als template (oft) bewaren om makkelijk te bewerken.

XFML om categoriëen te delen met ander bloggers

Mijn zoektocht naar nieuwe blogsoftware levert niet veel op. Daarom ben ik zelf een CMS aan het schrijven en één van de features die ik zou willen, heeft Simon Willison al 2 jaar geleden beschreven: blogs en categorieëen organiseren met xfml

Op dit moment is er eigenlijk weinig ondeersteuning voor XFML in blogsoftware (Drupal, via templates in MovableType, …). Zou het niet handig zijn dat dit automatisch gaat, zoiets zoals een Atom feed?

Bvb. een nieuwe categorie aanmaken, voegt onmiddellijk een topic toe aan de XFML file. Je blog heeft een index file die up to date is en een interne zoekmachine kan deze gebruiken als index.
Het idee gaat als volgt:

XFML is een xml format om meta gegevens te organiseren. De specificaties vind je op xfml.org.

Facets kan je vergelijken met een standpunt, een kijk op een bepaald onderwerp en kan een blog voorstellen. Verschillende blogs onderhouden door dezelfde auteur over verschillende onderwerpen of met verschillende doelen kan je gelijk schakelen met facets in het XFML bestand.
Facets zijn niet zo strikt gedefinieeërd in XFML als in classificatie systemen. In XFML zijn de topics belangrijk.

Ik heb een blog, jij hebt een blog. En we schrijven allebei over CSS. Spijtig genoeg gebruik ik de categorie Stijlbladen en jij CSS. Als we nu een manier hadden om duidelijk te maken dat het onderwerp (topic) in onze blogs (facets) eigenlijk over hetzelfde gaat, dan kunnen we een lijst generen die automatisch een aantal links genereert over dit onderwerp van elkaars weblog.

Er ontstaat spontaan een netwerk van topics die vrijwel automatisch gelinkt kunnen worden. Een boomstructuur zoals die van Yahoo, opbouwen voor verschillende blogs lijkt dan een eenvoudige zaak.

Categories

About

My name is Len Dierickx and this is my personal blog. I studied Musicology at the UG, long time ago but got more and more into webdevelopment. I started this blog because the EuroIA summit in Brussels (Belgium, Oct 2005), was such an inspiration. And I was thinking about a blog on IA a while now, so that was the extra kick I needed to get it actually done.

Powered by WordPress