Nieuwsbrief layout in e-mail

Status
Niet open voor verdere reacties.
R

rickGGG

Nieuwe gebruiker
Lid geworden
11 okt 2011
Berichten
4
Hallo helpmij

Ik heb een layout gemaakt in photoshop voor een nieuwsbrief die we elke week willen sturen.
Nou is mijn vraag, is er een manier om deze layout in de e-mail te zetten, en daar elke week je eigen tekst in te zetten? Dus je moet over je photoshop layout heen kunnen typen.

Bij voorbaat dank
 
Tuurlijk kan dit, je moet je photoshop layout omzetten naar een html bestand. Dus je moet de afbeeldingen die je gaat gebruiken via een css aanroept. en in je html bestand kan je dus je tekst wegzetten.
 
klaaspeter zei:
Tuurlijk kan dit, je moet je photoshop layout omzetten naar een html bestand. Dus je moet de afbeeldingen die je gaat gebruiken via een css aanroept. en in je html bestand kan je dus je tekst wegzetten.
Klik om te vergroten...


bedankt voor je snelle reactie

sorry maar ik kom er niet helemaal uit, ik moet het photoshop bestand omzetten naar HTML, dat lukt me nog wel. Hoe stuur ik het dan aan via css? of wat probeer je te zeggen
 
Ik veronderstel dat je uw plaatje gesliced hebt?
In photoshop opslaan voor web en devices --> opslaan kiezen voor opslaan als html en images --> opslaan.
Dan heb je de html en de plaatjes.
Na het opslaan krijg je een map met de plaatjes en een html bestand.
Het html bestand ziet er dan ongeveer zo uit:
HTML: 
<html>
<head>
<title>springen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (springen.jpg) -->
<table id="Table_01" width="1350" height="900" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<img src="images/springen_01.png" width="86" height="629" alt=""></td>
		<td>
			<img src="images/springen_02.png" width="708" height="629" alt=""></td>
		<td rowspan="2">
			<img src="images/springen_03.png" width="556" height="900" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="images/springen_04.png" width="794" height="271" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
Maar nu komt het!
Als je nu tekst wilt toevoegen moet je het plaatje waar er tekst moet komen in de achtergrond van de cel plaatsen anders komt de tekst onder het plaatje te staan.
Dan ziet de html er ongeveer zo uit:
HTML: 
<html>
<head>
<title>springen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (springen.jpg) -->
<table id="Table_01" width="1350" height="900" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
	  <img src="images/springen_01.png" width="86" height="629" alt=""></td>
		<td style="color:#fff" width="708" height="629" align="left" valign="middle" background="images/springen_02.png" alt="">
        <p>&nbsp;</p>
        <p>bedankt voor je snelle reactie</p>

<p>sorry maar ik kom er niet helemaal uit, ik moet het photoshop bestand omzetten naar HTML, dat lukt me nog wel. Hoe stuur ik het dan aan via css? of wat probeer je te zeggen</p> 
        </td>
		<td rowspan="2">
			<img src="images/springen_03.png" width="556" height="900" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="images/springen_04.png" width="794" height="271" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
Hopelijk versta je wat ik hier bedoel.
 
Laatst bewerkt:
Bedenk wel dat je een HTML nieuwsbrief niet kunt opmaken als een gewoon HTML/CSS bestand. E-mailprogramma's ondersteunen nl. niet alle code. Om het goed werkend te krijgen in Outlook en webmail zoals Gmail en Hotmail kan je alleen een beperkte set 'ouderwetse' code gebruiken.

Voor meer info: How to code HTML email newsletters

Het is echt moeilijk om een HTML e-mail er goed uit te laten zien in de meestgebruikte mailprogramma's. Omdat het bij een nieuwsbrief om promotie gaat, moet het goed werken anders komen er afmeldingen. Ik heb veel tijd in gestoken in een zelfgemaakte nieuwsbrief, maar ben uiteindelijk overgestapt op MailChimp.
 
Ik heb ook MailChimp geprobeerd, ik kreeg het niet voor elkaar, ik ben nogal een leek, dus ik zou het op prijs stellen als jullie het in jip en janneke taal konden uitleggen?

Ook heb ik het zonder mailchimp voor elkaar kunnen krijgen, met die code van defietser, maar hoe krijg ik nou de text erin?
 
Laatst bewerkt:
Met welk programma wil je eigenlijk die nieuwsbrief verzenden
Is dat met een gewoon email programma zoals outlook express of iets dergelijks, of via een cms met een nieuwsbrief module?
 
defietser zei:
Met welk programma wil je eigenlijk die nieuwsbrief verzenden
Is dat met een gewoon email programma zoals outlook express of iets dergelijks, of via een cms met een nieuwsbrief module?
Klik om te vergroten...

Ik wil het kunnen versturen via de algemene e-mailprogramma's zoals Outlook Express, Thunderbird, Windows Mail etc.
 
Ik zie net een artikel: coderen van een HTML nieuwsbrief

Misschien heb je er nog iets aan.

Nogmaals, ik heb heb ook geprobeerd om een nieuwsbrief zelf te maken maar ben er mee gestopt omdat 1) het niet lukte om de layout goed te krijgen in allerlei mailprogramma's en 2) het bijhouden van het adressenbestand - afmeldingen en ongeldige adressen - tijd kostte. Voor mij werkt MailChimp prima (gaat om een simpele nieuwsbrief met een standaard template).

Succes verder!
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan