Inhoudsopgave

HTML gebruik in Newbase

Binnen Newbase zijn er een aantal onderdelen waar HTML gebruikt kan worden. HTML is de taal waarmee je documenten (maar ook homepages of webpagina's) maakt, die bekeken kunnen worden op het World Wide Web en, binnen Newbase, de opmaak verzorgen van prints en berichten. Deze opmaak kan gebruikt worden binnen de volgende modules:

  • keuzelijsten (denk aan formatering van condities)
  • vertalingen (denk aan teksten op prints)
  • sjablonen (bijvoorbeeld de layout van een e-mail)
  • bij gebruikers - berichten: e-mail einde
Let op Newbase werkt met HTML 2.0 dit betekent dat slechts de basis HTML code functioneert.

Bij de meeste onderdelen is er een speciale HTML editor aanwezig die gebruikt kan worden om de HTML code in te voeren.

In het onderstaande voorbeeld is het ‘email einde’ te zien op de manier zoals deze ook in een e-mail zal worden weergegeven. Indien de applicatie in wijzig modus staat is de knop ‘HTML Editor’ zichtbaar. Na klikken op de knop opent zich een pop-up scherm en wordt de HTML code zichtbaar.

HTML Codes

De volgende HTML codes werken in ieder geval binnen Newbase. 

De basis

Om HTML te kunnen gebruiken moet het programma weten dat het om HTML code gaat. Elk onderdeel moet de volgende code bevatten:

<html>

</html>

Elke code heeft een begin- <code> en een eindcode </code>. Zonder eindcode blijft de code actief in de volgende regels totdat de code </html> de HTML code beëindigd. Let hier goed op.
Codes kunnen ook gecombineerd worden (om een tekst bijvoorbeeld vet én schuin te drukken)
gebruik geen <title>: gebleken is dat het gebruik van <title> voor problemen kan zorgen omdat dit niet in Newbase zichtbaar is maar wel bij de ontvanger aankomt. 
Let op bij opmaak kopiëren vanuit Microsoft Office: bij het opmaken van tekst in Microsoft Office (en naar alle waarschijnlijkheid ook in andere pakketten ) wordt er HTML code gebruikt die niet ondersteund wordt door Newbase. In eerste instantie kan het resultaat goed lijken maar vaak blijkt later dat er zaken toch niet goed gaan. Als je de opmaak in een ander pakket doet en naar Newbase kopieert open dan altijd de betreffende tekst met de HTML editor in Newbase en schoon deze op. 

Nieuwe regel

indien je een tekstblok met meerdere regels maakt zul je een “hard regeleinde” in moeten voegen. Doe je dit niet zal de tekst in één regel door blijven lopen.

Spaties, centreren en tabellen 

Het is niet mogelijk om gebruik te maken van tabellen binnen de HTML code die in Newbase beschikbaar is. Wel kun je de code <table> gebruiken voor het centreren van teksten.

HET IS ECHTER NIET MOGELIJK OM DAADWERKELIJK TABELLEN IN TE VOEREN. De reden is dat de velden die op de prints beschikbaar zijn als cellen worden gezien; het is niet mogelijk om een tabel in een cel te plaatsen.

Om teksten zoals bijvoorbeeld condities op documenten toch uit te lijnen kun je gebruik maken van spaties. LET WEL! De breedte van letters is verschillend; je zult het nooit perfect krijgen!

Kleurgebruik

Je kunt kleuren gebruiken in de teksten. Binnen HTML wordt voor kleuren een hexadecimale notatie gebruikt.

Mocht je een specifieke PMS kleur in je logo hebben die je in de tekst wilt gebruiken klik dan hier om de hex code op te zoeken

Externe afbeelding laden

Bij het ‘email einde’ kun je een bedrijfslogo opnemen. Wil je deze in je e-mail einde tonen dan dien je de afbeelding online te zetten. Het is zeer verstandig om deze afbeelding binnen je eigen website te plaatsen want door de afbeelding op je eigen domein te plaatsen voorkom je dat je in een spambox beland.

Om een afbeelding op te nemen gebruik je de volgende code:

 <img title="[titel afbeelding, bijvoorbeeld logo bedrijf]" alt="[alternatieve weergave, bijvoorbeeld logo bedrijf]" src="[URL waar de afbeelding online te vinden is]"

Voorbeeld:

<img title="testbedrijf Newbase logo" alt="testbedrijf Newbase logo" src="https://newbase.nl/wp-content/uploads/2021/03/testlogo_NEXT.png">

Codes

Begincode

Eindcode

Code

Resultaat

Tekst vet drukken

<b>

</b>

Dit is <b> vet</b> gedrukt

Dit is vet gedrukt

Tekst schuin drukken

<i>

</i>

Dit is <i> schuin </i> gedrukt

Dit is schuin gedrukt

Tekst onderstrepen

<u>

</u>

Deze <u> tekst </u> is onderstreept

Deze tekst is onderstreept

Regeleinde 

<br>

niet nodig

Dit is regel één <br>en dit is regel twee

Dit is regel één

en dit is regel twee

Spatie

&nbsp;

niet nodig

Hier worden 3 spaties gebruikt: &nbsp;&nbsp;&nbsp; spatie

Hier worden 3 spaties gebruikt:    spatie

Centreren

<table align=”center”>

</table>

De onderstaande tekst staat gecentreerd: <br><table align=”center”>Midden</table>

Deze onderstaande tekst staat gecentreerd:

Midden 

Kleurgebruik

<font color="#xxxxx">

</font>

Deze <font color="#D33115"> tekst </font> wordt rood gedrukt

Deze tekst wordt rood gedrukt

link naar website in tekst

<a href>

</a>

<a href="https://www.newbase.nl">Newbase website</a>

Newbase website

link naar e-mail in tekst

<a href>

</a>

<a href="mailto:info@newbase.nl">Stuur Newbase een mail</a> 

Stuur Newbase een mail

HTML in combinatie met samenvoegcode

HTML- en samenvoegcodes zijn prima met elkaar te gebruiken. Kijk voor meer informatie over samenvoegcodes in het help file Instellingen

Enkele voorbeelden

Code

Resultaat

<html>

  <b>Afleveradres: </b><br><br>

CompanyName<br>Adresstraat 13<br>1000 AA AMSTERDAM<br> 

</html>

Afleveradres:

CompanyName

Adresstraat 13

1000 AA AMSTERDAM

<html>

  <b>Betaalconditie:</b><br>&nbsp;&nbsp;&nbsp; 14 dagen netto<br>&nbsp;&nbsp;&nbsp;<font color="#da291c"> <i>uiterste betaaltermijn 21 juli!</font> </i>

</html>

Betaalconditie:

   14 dagen netto

   uiterste betaaltermijn 21 juli!

<html>

  Gelieve op alle correspondentie<br> ons projectnummer te vermelden:<b> %%merge.project.serial%%</b>

</html>

Gelieve op alle correspondentie

ons projectnummer te vermelden: PR17-12345

Ben je hiermee geholpen?

Versturen URL / link / login gegevens voor tijdschrijf / TIME app

Interne mail versturen vanuit een contactrapportage

Contact