logo

Extra Block Types (EBT) - Nieuwe Layout Builder ervaring❗

Extra Block Types (EBT) - gestileerde, aanpasbare bloktypes: Slideshows, Tabs, Cards, Accordions en vele andere. Ingebouwde instellingen voor achtergrond, DOM Box, javascript-plugins. Ervaar vandaag al de toekomst van layout building.

Demo EBT-modules Download EBT-modules

❗Extra Paragraph Types (EPT) - Nieuwe Paragraphs ervaring

Extra Paragraph Types (EPT) - analoge op paragrafen gebaseerde set modules.

Demo EPT-modules Download EPT-modules

GLightbox is a pure javascript lightbox (Colorbox alternative without jQuery)❗

It can display images, iframes, inline content and videos with optional autoplay for YouTube, Vimeo and even self-hosted videos.

Demo GLightbox Download GLightbox

Scroll

Een blok weergeven op pagina’s van een bepaald inhoudstype

11/10/2025, by Ivan

Soms is het nodig om een blok alleen weer te geven op bepaalde pagina’s van één specifiek inhoudstype. In de standaardinstellingen kan de zichtbaarheid van een blok alleen worden ingesteld op basis van een bepaald pad of op basis van gebruikersrollen. De volgende code, ingevoerd in de instellingen voor blokzichtbaarheid (met ingeschakelde PHP-modus), maakt het mogelijk om het inhoudstype te selecteren waarvoor het blok wordt weergegeven.

HTML eerste stappen - les 2 - de tags p, div en hun verschil. De tag br

11/10/2025, by Ivan

In de vorige les hebben we ons eerste HTML-document gemaakt, wat betekent dat je nu al weet dat we HTML-code schrijven in een teksteditor, en dat we alle veranderingen bekijken via de browser door de pagina te vernieuwen (meestal met de toets F5).

In deze les gaan we verder werken met tekst en gebruiken we tags om tekst te omhullen: span, p en div. Ook bekijken we de tag br.

HTML eerste stappen - les 3 - lijsttags ul, ol. Attributen van HTML-tags.

11/10/2025, by Ivan

Lijsten worden heel vaak gebruikt op websites: in menu’s, in tekst om iets op te sommen. Laten we beginnen met het populairste type lijst, de niet-genummerde lijst <UL></UL> (unordered list - niet-genummerde lijst).

De UL-lijst

De UL-lijst wordt gebruikt voor menu’s en opsommingen met markeringen. Via HTML kun je zelfs het uiterlijk van de marker aanpassen.

Laten we onze HTML-code wijzigen:

HTML eerste stappen – Les 4 – Links (hyperlinks)

10/10/2025, by Ivan

We zijn aangekomen bij de basis van HTML — het doel waarvoor HTML oorspronkelijk is ontworpen — namelijk hyperlinks (of gewoon links). Links zijn de manier om verbanden te leggen tussen verschillende bestanden of pagina’s. Stel dat je 100.000 tekstbestanden hebt; als je ze allemaal wilt ordenen met rubrieken en elk rubriek 200 beschrijvingen bevat, heb je er 500 nodig. Om door al die rubrieken te bladeren kost veel tijd. Hoe maken links ons leven eenvoudiger?

HTML eerste stappen – Les 5 – Tabellen

10/10/2025, by Ivan

Een van de belangrijkste manieren om informatie op te slaan is met tabellen. Tabellen worden gebruikt in Excel, Access en vele andere databases. Ze presenteren gegevens op een overzichtelijke manier, waardoor het eenvoudig is om grafieken en diagrammen te maken.
In deze les leren we hoe we tabellen in HTML kunnen maken. Hiervoor gebruiken we de tags <table>, <tr>, <td>, <th>, <thead>, <tbody> en <tfoot>.

HTML eerste stappen – Les 6 – Afbeeldingen

10/10/2025, by Ivan

Afbeeldingen zijn een belangrijk onderdeel van elke website — zonder afbeeldingen ziet een site er saai en kleurloos uit. Afbeeldingen worden gebruikt voor de vormgeving van een site, voor fotogalerijen en natuurlijk ook gewoon als illustraties.

Afbeeldingen worden ingevoegd met de tag IMG (merk op dat we niet “image” schrijven, maar gewoon img). De <img />-tag is een enkelvoudige tag, dat wil zeggen dat deze geen sluitende tag heeft.