Tag archieven: featured

Feiten over social media

Handboek Social Media Marketing, 4e editie

Het is best aardig om eens te kijken naar een scala aan feiten over social media, daar zit namelijk verdraaid interessante informatie tussen. Afkomstig uit mijn Handboek Social Media Marketing, 4e editie.

Het aantal gebruikers van sociale media groeit snel, net als de netwerken zelf. Die gebruikers worden wereldwijd jonger, maar ook ouder. Ook neemt de tijd toe die wij aan sociale media besteden. Bij het kritisch kijken naar de cijfers en het bereik moeten we een onderscheid maken betreffende het aantal accounts of gebruikers en het daadwerkelijk actief zijn. Wereldwijd zijn er bijna vijf miljard actieve gebruikers volgens onderzoeker Brandwatch. Opvallend is dat 77 procent van de internetters blogs leest en een steeds groter deel naar podcasts luistert. Portal Brandwatch zegt dat wij gemiddeld 145 minuten per dag op sociale media zitten. Facebook – dat door Mark Zuckerberg in 2004 is opgericht – kende – volgens het netwerk zelf – anno 2023 meer dan drie miljard accounts met zo’n 85 procent voornamelijk mobiele gebruikers.

Lees verder Feiten over social media

Wat zijn sociale media?

We kennen en gebruiken het (bijna) allemaal, maar wat zijn sociale media nou eigenlijk? En hoe kun je ze als bedrijf op een positieve manier inzetten? Ik leg het u haarfijn in mijn lekker dikke pil onder de titel Handboek Social Media Marketing, 4e editie. En hieronder alvast in een meer beknopte uitleg.

Sociale media zijn in principe de meest menselijke – en persoonlijke vormen van digitale marketing en niet zomaar business to business of business to consumer. De wereld verandert; we willen (weer) gewaardeerd worden, ook als het gaat om verkopen (sociaal verkopen of sociale handel). Juist bij het verkopen is het menselijk aspect van enorm belang. Sociale media zijn vooral human2human (h2h). In het geval van h2h deelt u bijvoorbeeld relevante, vakinhoudelijke kennis die de emotionele kant van de klantrelatie aanspreekt. De emotionele kant zorgt voor het sociale aspect en voor de daadwerkelijke binding in de relatie. Zo laat ons brein – van ons zoogdieren – zich gemakkelijk beïnvloeden en verleiden tot een keuze. De mix van relevante kennisdeling, de emotionele band en het socialemediaplatform kunnen zo voor nog meer verspreiding, binding en actie zorgen. Zo wordt je minder snel vergeten en zorgt de snelle herkenbaarheid voor een zogenoemde sociaal merk.

Lees verder Wat zijn sociale media?

Hoe maak je back-ups?

We vroegen ChatGPT 4 eens om het belang van back-ups maken uit te leggen en hoe je back-ups maakt. Tenslotte lééft ChatGPT in een datacenter waar back-ups in zijn (haar?) geval letterlijk van levensbelang zijn. Dus wat ChatGPT zegt, moet wel kloppen…

Het is je misschien al eens overkomen: je werkt urenlang aan een belangrijk document, alleen om het plotseling te verliezen door een computerfout. Of nog erger, je harde schijf crasht volledig en je verliest al je foto’s, video’s en andere persoonlijke bestanden. Het maken van back-ups kan deze stressvolle situaties voorkomen. Maar wat is een back-up precies? En hoe kun je deze het beste maken? In dit artikel behandelen we alles wat je moet weten over back-ups, externe harde schijven, USB-geheugensticks, een NAS en cloud-back-ups.

Wat is een Back-up?

Een back-up is een kopie van je gegevens die wordt opgeslagen op een tweede locatie. Deze kan gebruikt worden om verloren of beschadigde gegevens te herstellen. Het is als een verzekering voor je digitale leven, die ervoor zorgt dat je belangrijke gegevens niet permanent verloren gaan.

Lees verder Hoe maak je back-ups?

Categorieën in WordPress

Handboek WordPress 6

Het gebruiken van categorieën in WordPress om uw berichten in onder te verdelen is verplicht, zoals in eigenlijk elk CMS. In dit artikel uitleg hierover, afkomstig uit mijn Handboek WordPress 6, waarin ik vanzelfsprekend ook dieper in ga op dit belangrijke onderwerp.

Voordat u uw eerste bericht kunt schrijven, eerst een voorbereidende handeling: we gaan enkele categorieën aanmaken. Zo kunt u de berichten op uw site straks netjes indelen.

Een eenvoudig voorbeeld om het belang van categorieën aan te geven: de nieuwssite Nu.nl zet zijn nieuwsberichten in de categorieën binnenland, buitenland, politiek, economie, sport, wetenschap enzovoort. Bezoekers kunnen hierdoor snel een overzicht krijgen van nieuws dat hen interesseert.

Lees verder Categorieën in WordPress

Het dashboard van WordPress

Handboek WordPress 6

Als u zaken gaat invoeren, wijzigen, aanpassen, controleren enzovoorts, dan is daarvoor het dashboard van WordPress ontworpen. In dit artikel een overzichtje daarvan, in mijn Handboek WordPress 6 komt het onderwerp vanzelfsprekend veel uitgebreider aan bod!

Klik op het onderdeel Dashboard in het navigatiemenu van WordPress (wat betekent dat u eerst moet inloggen). Hier treft u een scherm met meerdere informatieve blokken. De volgorde hiervan kunt u wijzigen, zoals we later zullen zien. Wanneer u nog niets hebt gewijzigd aan de installatie van WordPress ziet u de volgende blokken (de nummers komen overeen met die in de eerste afbeelding hieronder):

1. Welkom bij WordPress In dit blok staat een link naar informatie over de huidige versie van WordPress. Daarnaast vindt u hier snelkoppelingen naar Nieuwe pagina toevoegen, Open siteeditor en Stijlen bewerken. Hier gaan we elders in dit boek dieper op in. Als u geen behoefte hebt aan dit blok klikt u op Negeren. Het blok weer toevoegen gaat via Schermopties (zie kader verderop).

het dashboard van WordPress
Het dashboard bevat standaard vijf blokken.
Lees verder Het dashboard van WordPress

De gereedschappen voor RAW-ontwikkeling in Affinity Photo 2

In Affinity Photo 2 beschik je voor het eerst over Niet-destructieve RAW-ontwikkeling. Je kunt RAW-bestanden bewerken zonder de originele gegevens te verliezen. Je kunt bovendien de ontwikkelinstellingen op elk moment wijzigen, zelfs nadat je andere aanpassingslagen of maskers hebt toegevoegd. Om alle functionaliteit van Affinity Photo te gebruiken met RAW-bestanden is het noodzakelijk het bestand eerst te optimaliseren met een zogeheten RAW-converter. In Affinity Photo is dat de persona Develop. In het 1ste deel van deze korte serie bespraken we hoe je aan het werk gaat met Raw-ontwikkeling in Affinity Photo. In dit 2de deel bespreken we de gereedschappen voor RAW-ontwikkeling in Affinity Photo 2. Deze informatie is afkomstig uit mijn boek Aan het werk met Affinity Photo 2

Context toolbar Develop


Met het menu Output stel je in op welke manier je de RAW-opname in je projectbestand gebruikt.

De contextwerkbalk van de persona Develop bevat het snelmenu Output. Je vindt hierin de volgende opties:

Lees verder De gereedschappen voor RAW-ontwikkeling in Affinity Photo 2

Niet-destructieve RAW-ontwikkeling in Affinity Photo 2

In Affinity Photo 2 beschik je voor het eerst over Niet-destructieve RAW-ontwikkeling. Je kunt RAW-bestanden bewerken zonder de originele gegevens te verliezen. Je kunt bovendien de ontwikkelinstellingen op elk moment wijzigen, zelfs nadat je andere aanpassingslagen of maskers hebt toegevoegd. Om alle functionaliteit van Affinity Photo te gebruiken met RAW-bestanden is het noodzakelijk het bestand eerst te optimaliseren met een zogeheten RAW-converter. In Affinity Photo is dat de persona Develop. Deze informatie is afkomstig uit mijn boek Aan het werk met Affinity Photo 2

Werken met Develop

De persona Develop bevat handige gereedschappen om RAW-opnamen snel en eenvoudig te optimaliseren, te bewerken en te converteren. Als je een bestand met een ondersteunde RAW-indeling opent in Affinity Photo, beland je automatisch in de persona Develop. Als je tevreden bent met je bewerkingen klik je op de knop Develop en kun je de foto verder bewerken in een andere persona. Develop maakt het mogelijk om de bewerkingen aan het RAWbestand niet-destructief toe te passen. Je kunt de originele onbewerkte afbeelding weer op elk gewenst moment opnieuw ‘ontwikkelen’, zonder het originele bestand te veranderen.

Lees verder Niet-destructieve RAW-ontwikkeling in Affinity Photo 2

Van Windows naar Linux

Als hoofdsystemen gebruik ik Mac’s en een iPad. Maar er stonden ook nog twee oudere Windows-machines. Een systeem is nu definitief over van Windows naar Linux en dat om diverse redenen. En dat overstappen helemaal niet ingewikkeld hoeft te zijn, lees je in het boek Overstappen naar Linux.

Sinds Microsoft in alle wijsheid en vooral tamelijk willekeurig vele generaties pc’s en laptops kunstmatig heeft verouderd met de komst van Windows 11, is het aftellen geblazen. In 2025 is het over en uit voor Windows 10. En voor veel gebruikers en bedrijven is ook het moment gekomen om zich af te vragen of er opnieuw een heel wagenpark aan traditionele pc’s vervangen moet worden. CPU’s van hooguit drie jaar uit vormen al een obstakel voor de installatie van Windows 11, en ook het ontbreken van een TPM-module betekent een no go. Goed, daar zijn allerlei trucs voor te verzinnen om die beperkingen te omzeilen. Maar je zit dan wel met een systeem opgescheept waarvan je niet weet hoe lang het nog updates krijgt. Is voor een hobbymachine wellicht nog te doen, maar niet voor zakelijk gebruik.

Lees verder Van Windows naar Linux

Updaten van WordPress

Handboek WordPress 6

Net als met welk ander programmaen zeker software die online draait – is updaten van WordPress belangrijk. Hoe dat in z’n werk gaat leest u hieronder, een extract afkomstig uit mijn Handboek WordPress 6.

Om met het belangrijkste te beginnen: wanneer een update voor WordPress, een plug-in of thema beschikbaar is, verschijnt er een melding in een informatiebalk (afbeelding 3.2). Veel onderdelen van WordPress worden automatisch geüpdatet, maar het kan voorkomen dat een update niet is gelukt. Ook kunnen bepaalde updates niet automatisch worden uitgevoerd, bijvoorbeeld omdat ze te ingrijpend zijn. Er verschijnt dan een waarschuwing met het verzoek de update handmatig uit te voeren. Negeer zo’n melding niet. Het is belangrijk om WordPress altijd up-to-date te houden. Hackers speuren continu naar WordPress-sites die niet zijn bijgewerkt. Verouderde sites bevatten meestal zwakke plekken, waar hackers graag gebruik van maken om binnen te komen. Wees hackers te slim af door uw site bij de tijd te houden!

updaten van WordPress
Deze site moet hoognodig geüpdatet worden. Wacht er niet mee, maar klik meteen op updaten.
Lees verder Updaten van WordPress

Hoe kies je een hostingprovider voor WordPress?

Handboek WordPress 6

Pas na het kiezen van een hostingprovider voor WordPress kunt u aan de slag met uw eigen blog of site. Een belangrijke eerste stap, waarover je hieronder én in mijn Handboek WordPress 6 het een en ander kunt lezen. Hoe kies je een hostingprovider voor WordPress?

Zonder een webserver geen website. Zo’n server is een speciaal ingerichte computer die webpagina’s het internet op stuurt. Uw WordPress-site komt op de server te staan. De eisen aan een server zijn hoog. Zodra iemand uw site opvraagt (door uw domeinnaam in een browser in te toetsen), moet de server razendsnel alle teksten en plaatjes naar de geïnteresseerde sitebezoeker sturen.

In theorie kunt u zo’n webserver zelf inrichten en beheren. Er zijn heel wat hobbyisten die van een oude computer een server maken, maar daar is wel aardig wat kennis voor nodig. U kunt ook een NAS (van bijvoorbeeld Synology of QNAP) gebruiken met serversoftware, maar ook dit is vooral het domein van hobbyisten. De meeste mensen schakelen een hostingprovider in (ook wel webhoster genoemd). Daar krijgt u voor een vast maandbedrag ruimte op een server. In dit boek gaan we ervan uit dat u uw site bij een hostingbedrijf onderbrengt.

Lees verder Hoe kies je een hostingprovider voor WordPress?

Verschillende versies van WordPress

Handboek WordPress 6

Er bestaan verschillende versies van WordPress, en de vraag is natuurlijk welke je kiest. Het antwoord op die vraag probeer ik te geven in navolgend artikel, afkomstig uit mijn nieuwe Handboek WordPress 6.

Het lijkt soms alsof WordPress een enkel systeem is, maar dat is niet helemaal juist. Er zijn twee varianten:

  • WordPress.com Op www.wordpress.com kunt u gratis een website aanmaken die draait op de WordPress-software. In de gratis versie zijn wel enkele functies uitgeschakeld, zoals installatie van plug-ins. Ook kunnen er advertenties op uw site verschijnen. Bij betaling van een vast maand- of jaarbedrag krijgt u meer mogelijkheden (al zijn nog steeds niet alle plug-ins beschikbaar) en verdwijnen de advertenties.
  • WordPress.org Op www.wordpress.org kunt u de WordPress-software downloaden en vervolgens zelf installeren bij een hostingbedrijf naar keuze. Hier hebt u alle mogelijkheden van WordPress. Door de optie Multisite in te schakelen kunt u met een WordPress-installatie zelfs meerdere WordPress-sites beheren.
Lees verder Verschillende versies van WordPress

WordPress: het essentiële CMS voor website-ontwikkeling

Handboek WordPress 6

Je hebt vast de naam WordPress wel eens op een website voorbij zien komen, maar: wat is WordPress nu eigenlijk? Het korte antwoord? WordPress is het essentiële CMS voor website-ontwikkeling. De rest van het antwoord vind je hierna. Het is afkomstig uit mijn Handboek WordPress 6.

WordPress wordt ook wel een contentmanagementsysteem (cms) genoemd. Het is een ingewikkelde term, maar wel een passende: een cms is een systeem om content te beheren. Het woord content wordt in het Nederlands weleens vertaald met ‘inhoud’. Het is een verzamelnaam voor alles wat u op een website wilt zetten; denk aan berichten, pagina’s, afbeeldingen, audio en video.

Een cms slaat deze informatie op in een database. Het werken met een database is behoorlijk ingewikkeld, maar gelukkig hebt u daar als WordPress-gebruiker niets mee te maken. Wanneer u een bericht hebt geschreven en op Publiceren klikt, zet WordPress de tekst en eventuele afbeeldingen automatisch op de juiste plek in de database.

wat is WordPress
WordPress haalt de gegevens uit de database (links) en toont die aan de bezoeker van uw site (rechts). Andersom geldt dat ook: wanneer u een bericht online zet, stopt WordPress het in de database.
Lees verder WordPress: het essentiële CMS voor website-ontwikkeling

Laat ChatGPT voor je programmeren

Hallo, Ik ben ChatGPT

Programmeren is een edele kunst die… bla bla bla. Laat ChatGPT voor je programmeren en iedereen kan z’n ideeën in code om laten zetten! Het is slechts een van de vele mogelijkheden die ChatGPT te bieden heeft, zoals je in het boek Hallo, ik ben ChatGPT kunt lezen.

ChatGPT kan helpen bij het debuggen van code, het voorstellen van optimalisaties, of het beantwoorden van vragen over programmeertalen.

⌨️ Schrijf een programma in Basic dat het getal pi tot op 40 decimalen nauwkeurig berekent.

Als AI-taalmodel ben ik niet in staat om programmeercode te compileren of uit te voeren. Maar ik kan je helpen met het geven van de pseudocode of het algoritme om het getal pi tot op 40 decimalen nauwkeurig te berekenen.

Het berekenen van pi tot op 40 decimalen nauwkeurig is een complex probleem en vereist een algoritme zoals de GaussLegendre-methode. Dit algoritme is een iteratief algoritme dat steeds nauwkeuriger waarden van pi berekent door gebruik te maken van recursieve wiskundige formules.

Lees verder Laat ChatGPT voor je programmeren

ChatGPT aan het woord

Hallo, Ik ben ChatGPT

Naar aanleiding van het boek Hallo, ik ben ChatGPT bedachten we, dat het aardig is om ChatGPT (4) aan het woord te laten, op meer regelmatige basis. Gewoon in de vorm van een column of artikel. En dan over een actueel aan AI gerelateerd onderwerp. Vandaag z’n eerste tekst, in ongewijzigde vorm. (Behalve wat eindredactie, de toevoeging van tussenkoppen en afbeeldingen om het geheel ook qua vormgeving wat aantrekkelijk te houden. De illustraties hierboven en onder werden gemaakt met DALL-E en verder uitgebreid in Adobe Photoshop bèta met Generative Fill.)

Voors en tegens van taalmodellen op basis van AI

Als je dit leest, heb je waarschijnlijk al van me gehoord, van ChatGPT, het hypermoderne taalmodel ontwikkeld door OpenAI. Maar wat betekent de opkomst van deze technologie voor jou en voor de wereld in het algemeen? Is het een zegen of een vloek?

Voordelen

Laten we eerst de voordelen onder de loep nemen.

• ChatGPT en gelijksoortige AI-systemen bieden ongekende mogelijkheden voor diverse toepassingen. Denk aan snelle en nauwkeurige vertalingen, efficiënte klantenservice, gepersonaliseerde onderwijsprogramma’s en zelfs emotionele steun.

Lees verder ChatGPT aan het woord

Misbruik van ChatGPT

Hallo, Ik ben ChatGPT

Net als met elk stuk gereedschap dat ooit door de mensheid is uitgevonden, behoort misbruik van ChatGPT ook tot de mogelijkheden. In het boek Hallo, ik ben ChatGPT – grotendeels geschreven door ChatGPT zelf – lees je er alles over. Hier alvast een extract uit het boek betreffende dit onderwerp.

Er zijn al gevallen van misbruik van ChatGPT bekend. Zo zijn er bijvoorbeeld chatbots ontwikkeld die worden gebruikt om nepnieuws te verspreiden of om mensen te misleiden. Ook zijn er phishingaanvallen uitgevoerd waarbij gebruik werd gemaakt van chatbots die werden getraind met behulp van ChatGPT-technologie. Deze gevallen benadrukken het belang van het zorgvuldig evalueren van de risico’s en uitdagingen van de verdere ontwikkeling van ChatGPT en het nemen van maatregelen om misbruik van deze technologie te voorkomen.

misbruik van ChatGPT
  • Rapid growth of ‘news’ sites using AI tools like ChatGPT is driving the spread of misinformation (mei 2023): mijn.cc/gpt26.
  • AI chatbots making it harder to spot phishing emails, say experts (maart 2023): mijn.cc/gpt27.
  • Chatbots, deepfakes, and voice clones: AI deception for sale (maart 2023): mijn.cc/gpt28.
Lees verder Misbruik van ChatGPT

Ethiek en ChatGPT

Hallo, Ik ben ChatGPT

Houdt AI zich aan onze ‘fatsoensnormen’, en wat zijn de gevaren van afwijkend ‘gedrag? Ethiek en ChatGPT is een punt van aandacht waard. Er wordt onder meer door overheden volop aandacht besteed aan deze materie. Dat zal bepalend zijn voor de toekomst van ChatGPT, zoals je in mijn boek Hallo, ik ben ChatGPT kunt lezen.

In de voorgaande hoofdstukken hebben we uitgebreid besproken wat ChatGPT is, hoe het werkt en welke toepassingen het heeft. In dit hoofdstuk willen we ons richten op de ethische overwegingen bij het gebruik van ChatGPT. Hoewel deze technologie veelbelovend is en vele voordelen biedt, zijn er ook veel vragen en zorgen over de mogelijke risico’s en impact ervan. Het is belangrijk om deze kwesties te bespreken en aandacht te besteden aan de ethische overwegingen bij het gebruik van ChatGPT, zodat we ervoor kunnen zorgen dat deze technologie op een verantwoorde en duurzame manier wordt gebruikt.

Lees verder Ethiek en ChatGPT

Hoe werkt ChatGPT?

Hallo, Ik ben ChatGPT

Het is mogelijk om met behulp van AI steeds betere (lees: indrukwekkender) content te genereren. Maar hoe werkt ChatGPT nou eigenlijk? Hieronder een uitleg afkomstig uit mijn boek Hallo, ik ben ChatGPT.

ChatGPT is een AI-model dat is ontworpen om mensachtige interacties te kunnen voeren en te begrijpen wat mensen zeggen. Om dit mogelijk te maken, maakt ChatGPT gebruik van geavanceerde technologieën, zoals machine learning en deep learning, om zichzelf te trainen en te verbeteren.

Om het eenvoudig te houden, kan ChatGPT worden beschouwd als een model dat wordt getraind om woorden en zinnen te begrijpen en te leren hoe het op een mensachtige manier kan reageren op basis van die input. Het model is getraind op enorme hoeveelheden tekstdata, die het gebruikt om verbanden te leggen tussen verschillende woorden en zinnen.

Lees verder Hoe werkt ChatGPT?

Toepassingen van ChatGPT

Hallo, Ik ben ChatGPT

De toekomst van veel werk lijkt richting ChatGPT en soortgelijken te lonken. Maar wat precies zijn de toepassingen van ChatGPT? Dat legt het systeem haarfijn zelf uit in het boek ‘Hallo, ik ben ChatGPT’.

ChatGPT ziet zelf onder meer de volgende toepassingen. Waarbij geldt dat er in het boek zelf nog meer aan bod komen!

Chatbots

Een van de meest populaire toepassingen van ChatGPT is de chatbot. Chatbots zijn geautomatiseerde gesprekspartners die zijn ontworpen om mensachtige interacties te kunnen voeren. ChatGPT wordt vaak gebruikt als de kern van chatbots om op een natuurlijke en mensachtige manier met gebruikers te kunnen communiceren.

Chatbots zijn overal te vinden, van klantenservice tot online shopping. Door ChatGPT als de kern van chatbots te gebruiken, kunnen bedrijven natuurlijke en mensachtige interacties hebben met hun klanten, waardoor het proces efficiënter en effectiever wordt. Chatbots kunnen worden geprogrammeerd om antwoorden te geven op veelgestelde vragen, problemen op te lossen en zelfs conversaties te voeren op een manier die lijkt op menselijke gesprekken.

Lees verder Toepassingen van ChatGPT

Tabellen maken in HTML5

Handboek HTML 5 en CSS, 6e editie

Als u ‘t wilt, dan behoort tabellen maken in HTML5 vanzelfsprekend tot de mogelijkheden, beter dan ooit zelfs. Hoe het werkt leg ik uitgebreid uit in mijn boek Handboek HTML 5 en CSS. Hieronder vast een intro!

Met de komst van HTML 5 kon de tabel weer worden gebruikt waarvoor hij is bedoeld: het weergeven van gestructureerde informatie. Mocht u net instappen: tabellen hebben jarenlang dienstgedaan als lay-outhulpmiddel, of beter: als het fundament, de wanden en het dak van websites. Met het volwassen worden van CSS en de groeiende mogelijkheden voor het maken van mooie, solide en flexibele lay-outs kon de tabel terug naar zijn oorsprong: geordende lijst, voor het leesbaar maken van een (groot) aantal feiten of gegevens, gewoonlijk enkel in namen en cijfers en zo gegroepeerd, dat men ze gemakkelijk kan overzien (Dikke Van Dale).

Tabellen kent u dus. In rijen en kolommen die elkaar kruisen en daarmee een raster van cellen vormen, wordt informatie geplaatst. Cijfers, tekst, afbeeldingen, hyperlinks, het kan allemaal in een tabel worden opgenomen (er gingen immers ooit complete webpagina’s in). Tabellen kunnen bijzonder complex zijn, met cellen die meerdere kolommen of meerdere rijen overspannen. In die zin zijn tabellen in HTML niet anders dan spreadsheets of tabellen in kantoorsoftware. Het verschil zit natuurlijk in de manier waarop u een tabel maakt. Daarover gaat dit hoofdstuk. U leert alles over <table>, <tr>, <td> en al die andere elementen die van uw data een keurige tabel maken.

De structuur van een HTML-tabel

Een tabel kan nog verrassend veel verschillende elementen bevatten, als u alle mogelijkheden benut. Lang niet alle elementen zijn verplicht en diverse sluittags mogen worden weggelaten, waardoor een tabel zo eenvoudig kan zijn als het volgende voorbeeld van een tabel met één rij en één kolom:

<table>
       <tr><td>Tabel met 1 cel
</table>

Voor een beter overzicht adviseren we echter in een tabel ook alle sluittags te gebruiken. Het kan bovendien helpen om de elementen op afzonderlijke ingesprongen regels te typen. De aanbevolen notatie ziet er dan zo uit:

<table>
        <tr>
                 <td>Tabel met 1 cel</td>
        </tr>
</table>

Zo eenvoudig is een tabel natuurlijk nooit. We bekijken de opbouw van een tabel aan de hand van iets realistischer voorbeeld: een overzicht van HTMLversies:

tabellen in HTML5

U ziet in deze HTML-code drie belangrijke tabelelementen: <table>, <tr> en <td>. In de afbeelding is te zien dat dit overzicht nog niet erg duidelijk is, doordat een rand of andere visuele aanwijzingen ontbreken. Ook staat de inhoud nogal dicht op elkaar. Maar u weet intussen: dat is
opmaak en hier gaat het over structuur.

De tabel heeft niet alleen visueel een probleem. Er zijn weliswaar rijen en kolommen, maar de samenhang ontbreekt en dat is een probleem voor mensen met een visuele beperking. De schermleessoftware heeft meer aanknopingspunten nodig. De elementen die daarvoor kunnen zorgen komen in de volgende paragrafen voorbij.

tabellen in HTML5
Een tabel van twee rijen en negen kolommen, maar erg overzichtelijk is het nog niet.

De basis: <table>

De basis van elke tabel wordt gevormd door het element <table>. Het is de ancestor (voorouder) van alle andere tabelelementen. <table> heeft alleen de globale attributen.

In een tabel kunnen nogal wat andere elementen worden gebruikt. Ze zijn niet allemaal verplicht, maar wel noodzakelijk voor toegankelijke tabellen. En als u ze gebruikt, is de volgorde belangrijk. De juiste volgorde is:

tabellen in HTML5

Handboek HTML 5 en CSS, 6e editie

Handboek HTML 5 en CSS, 6e editie

HTML en CSS zijn twee onmisbare technieken voor het maken van webpagina’s en webapps. Zonder HTML zijn er geen webpagina’s en zonder CSS zien ze er wel erg kaal uit. In deze zesde, bijgewerkte editie van het Handboek HTML 5 en CSS leert u met beide webtalen werken. U leert eerst hoe u de content markeert met HTML. Daarna maakt u de onderdelen van de pagina op met CSS. Het uitgangspunt daarbij is dat u niet alleen leert dát dingen werken, maar vooral waaróm ze werken.

U krijgt uitleg over het structureren van HTML-documenten en het markeren van alle onderdelen: paginakop, artikelkoppen, tekst, lijsten, hyperlinks, afbeeldingen, video en audio, formulieren en tabellen. Een goede paginastructuur in HTML is de beste garantie voor een geslaagde lay-out en opmaak met CSS. 

De tweede helft van het boek behandelt het maken van lay-outs en het opmaken van de onderdelen met CSS. Er wordt uitgebreid ingegaan op responsive design met alle technieken die CSS daarvoor biedt: gridlay-out, flexbox, multi-column en positionering.

U leert hoe u lettertypen downloadt, tekst opmaakt, navigatiemenu’s vormgeeft, kleur gebruikt en achtergronden maakt. Ook het werken met CSS-functies en het maken van overgangen, animaties en transformaties in 2D en 3D komen aan bod. 

Het boek is uitgebreid met uitleg over toegankelijkheid, container queries, een nieuw hulpmiddel voor responsive design, en cascade layers, voor meer controle over de cascade. 

Op handboek-html-css.nl vindt u code en (interactieve) voorbeelden.

Dit leerboek en naslagwerk geeft een stevige ondergrond voor het werken met de technieken die de basis vormen van modern webdesign. 

Website: handboek-html-css.nl 

  • Wat is WordPress?
    WordPress: het essentiële CMS voor website-ontwikkeling

    Je hebt vast de naam WordPress wel eens op een website voorbij zien komen, maar: wat is WordPress nou eigenlijk precies?

  • laat ChatGPT voor je programmeren
    Laat ChatGPT voor je programmeren

    Programmeren is een edele kunst die… bla bla bla. Laat ChatGPT voor je programmeren en iedereen kan z’n ideeën in code om laten zetten!

  • tabellen in HTML5
    Tabellen maken in HTML5

    Als u ‘t wilt, dan behoort tabellen maken in HTML5 vanzelfsprekend tot de mogelijkheden, beter dan ooit zelfs.

  • wat is responsive design
    Wat is responsive design?

    Om een webpagina op elk schermformaat prettig leesbaar te houden dient een website-ontwikkelaar daar rekening mee te houden. Maar wat is responsive design nou precies?

  • wat is CSS
    Wat is CSS?

    HTML is tegenwoordig nagenoeg onlosmakelijk verbonden met CSS, maar wat is CSS nou precies en wat kun je ermee?

Wat is responsive design?

Om een webpagina op elk schermformaat prettig leesbaar te houden dient een website-ontwikkelaar daar rekening mee te houden. Maar wat is responsive design nou precies? Ga ik uitgebreid op in in mijn boek Handboek HTML 5 en CSS, hieronder lees je alvast het antwoord op de vraag!

Een webpagina moet op elk schermformaat bruikbaar zijn. Hij hoeft er niet altijd hetzelfde uit te zien (dat kan ook niet), maar de informatie moet in het scherm passen en leesbaar zijn, knoppen en links moeten groot genoeg zijn om erop te kunnen tikken en formulieren moeten bruikbaar zijn, om maar een paar dingen te noemen. Omdat een webontwikkelaar niet weet of de bezoeker een telefoon, een tablet, een laptop of een bureaucomputer gebruikt, moeten er verschillende versies van het ontwerp worden gemaakt. Niet precies op maat voor een bepaalde schermgrootte, maar met overgangen naar een andere lay-out op punten waar het ontwerp niet meer klopt (‘breekt’).

Lees verder Wat is responsive design?