Tutorials "webdesign"

Terug naar het overzicht

 

De GDPR-checklist: ook voor u!
Praktisch iedereen moet met GDPR rekening houden. Deze checklist zet je op weg.

Plaats afbeeldingen uit Instagram in je website
Hoe kan je foto's uit Instagram in je website tonen? We bestuderen dit voor HTML, Drupal, WordPress en Joomla.

Van http naar https
Hoe kan je een SSL-certificaat activeren en hoe kan je een website omzetten naar HTTPS?

Binnenkort vervalt de cookiewetgeving
Binnenkort moet de cookieboodschap niet meer getoond worden.

Adblock detecteren in je website
Hoe kan je in een website detecteren of een bezoeker Adblock gebruikt en hoe kan je deze personen een aangepaste boodschap tonen. Deze techniek wordt door diverse kranten en magazines gebruikt.

Van start met SVG
Scalable Vector Graphics of SVG bieden enorme voordelen om afbeeldingen te tonen in een webpagina: je kan ze schalen zonder kwaliteitsverlies, animeren en aanpassen via CSS.

Vivaldi, een nieuwe browser
Maak kennis met Vivaldi, een nieuwe browser

Hoe maak je een geanimeerde gif?
Hoe maak je zelf een geanimeerde gif?

Responsieve afbeeldingen via de picture-tag
In deze tutorial leer je afbeeldingen responsive maken via de picture-tag

OneNote-inhoud in Wordpress invoegen
Hoe kan je via de plugin inhoud vanuit OneNote toevoegen aan Wordpress?

FACTOR 7: Cross-browsercompatibiliteit – in elke browser hetzelfde resultaat
Hoe zorg je ervoor dat je website in elke browser correct vertoond wordt? Cross-browsercompatibiliteit omvat de kunst om een website in Internet Explorer, Chrome, Firefox, Safari, Opera, enz juist te

FACTOR 6: Responsiviteit – een mobiele website
Hoe maak je een mobiele website, geschikt voor smartphone en tablet?

FACTOR 5: Performantie – een snelle website
Hoe zorg je dat een website zo snel mogelijk inlaadt? We leren alles over performantie en Google PageSpeed Insights

FACTOR 4: SEO – een vindbare website
Hoe zorg je dat je gevonden wordt door Google en hoog scoort in de ranking van deze zoekmachine?

FACTOR 3: Anysurfer - een toegankelijke website
Hoe bekom je het Anysurferlabel? Hoe maak je een site toegankelijk voor zwakkere gebruikers?

STAP 2: Usability - een gebruiksvriendelijke website
Hoe maak je een gebruiksvriendelijke, duidelijke en gestructureerde website? En hoe weet je dat dit volgens de regels van Usability is?

Goede website - STAP1: Plannen
Hoe maak je een goede website? In stap 1 (van de 7) leren we deze plannen.

Een call me-knop in je website
Hoe maak je een bel me-knop in een website, waarmee men je dadelijk kan bellen? He, wacht eventjes, dit werkt voor ook SMS?

Livestyle: een site vormgeven in de browser
Via Livestyle kan je een connectie leggen tussen je browser en Sublime Text, waardoor je een website in de browser kan aanpassen.

Een chatfunctie op je website
Hoe kan je support of feedback geven via chat op in een website. We bespreken een gratis functie die erg veel mogelijkheden biedt.

StickyOnTop: Een menu na scrollen tegen de bovenkant laten kleven
Hoe zorg je ervoor dat een menu sticky wordt nadat je begint te scrollen? Via StickyOnTop leer je dit in deze tutorial verwezenlijken.

Een responsive dropdown-menu via MeanMenu
Een dropdown-menu dat ook nog eens responsive is? Via Mean Menu maak je een menu dat automatisch omgezet wordt naar een hamburger bij smartphone en tablet.

Een redesign voor een bestaande site
Hoe maak je een nieuwe layout voor een bestaande website? Hoe kan je deze na afloop uitvoerig testen? Van start met usability.

Heatmaps inzetten voor gebruiksvriendelijke websites
Maak je website optimaal toegankelijk. Via Heatmaps kan je zien waar mensen klikken in je website. In deze tutorial leer je hoe je er eentje kan laten genereren voor je eigen site.

Van start met Sublime Text 2
In deze tutorial legt Stef ons uit hoe je kan starten met Sublime Text 2 en hoe je HTML, CSS, PHP en andere talen kan invoeren via deze editor.

Verdien geld met je website, via Adsense
Hoe kan je via Google Adsense geld verdienen?

Host uw website via dropbox
Tegenwoordig kan je ook via Dropbox je website hosten. In deze tutorial leer je hoe.

Performantie verhogen: de vervaldatum van CSS, JS en afbeeldingen instellen
Verhoog de performantie van je website drastisch door de expiration date van CSS, JavaScript en afbeeldingen in te stellen.

Nieuwe layout voor Zelfstudie.be
We gunnen u een blik achter de schermen bij het ontwikkelen van onze nieuwe layout.

Meerdere pointers in Google Maps
Hoe plaats je meerdere markers in een google map? Hoe publiceer je vervolgens deze google map in je webpagina?

Anysurfer, toegankelijke websites voor iedereen
Wist je dat 15% van de bevolking moeilijkheden kan hebben bij het bezoeken van jouw website? Leer hoe je ook voor slechtzienden, slechthorenden, ouderen, dyslectici en vele anderen je site toegankelij

Hoe geweldig is jouw site?
Test je Drupalsite bij Acquia Instant Insight en win een T-shirt

Hoe zou het zijn met... Drupal8?
Hoe staat het ervoor met Drupal8 en wat zal nieuw zijn? Wat is de release date?

Test je site met Google PageSpeed Tools
Hoe snel is je website en hoe maak je een site sneller? Test het via Google PageSpeed Tools

Van Blogger/Tumblr naar Wordpress
Hoe kan je posts Blogger of Tumblr importeren in Wordpress? Hoe kan je bestaande Bloggersite automatisch omzetten naar Wordpress?

HTML-, JavaScript- en PHP-code tonen in een webpagina, via een code highlighter
Hoe kan je code tonen in een website? Wat is een code highlighter en welke is de beste en eenvoudigste?

HTML, CSS en JavaScript zonder duur programma
Hoe kan je HTML, CSS en JavaScript gratis testen via een online editor?

Hoe vaak werd je nieuwsbrief gelezen?
Hoe kan je zien hoe vaak een nieuwsbrief gelezen werd? In deze tutorial leer je dat je via een afbeelding en knappe truk het gewenste resultaat krijgt.

Copyrights op Afbeeldingen
Copyrights worden vaak geschonden. Maar tegenwoordig wordt er actief gezocht naar overtredingen, met boetes tot gevolg.

Opgelet voor webdesigners: de cookiewet is van kracht!
De cookiewet bepaalt dat een bezoeker genformeerd moet worden, wanneer een cookie persoonlijke gegevens opslaat. Deze wet is van kracht sinds juni 2012 en is strenger voor Nederlanders dan Belge

Adobe Shadow
In deze tutorial leert u werken met Adobe Shadow, waarmee u computer en smartphone/tablet kan connecteren en zo uw website op mobiel apparaat kan checken.

Humans.txt: laat weten wie je bent
Via humans.txt kan je laten weten wie de webdesigner van een site is.

Hoe bekom je een snelle(re) website - deel 2
Hoe kan je een website sneller maken? Alles over het optimaliseren van afbeeldingen, databasecalls, webserver en meer. Hoe kan je de snelheid van een website testen?

Hoe bekom je een snelle(re) website
Hoe kan je een website sneller maken? In dit eerste deel bespreken we hoe je ingrepen kan doen in de code om een snellere laadtijd te bekomen. Test tot slot de snelheid van je website en webserver.

De vouw in een webpagina
De vouw (the fold) is dat punt in een webpagina, waar men begint te scrollen. We bespreken hoe belangrijk het gedeelte boven de vouw is en hoe je een gebruiksvriendelijke website verkrijgt.

Scoor met nieuwsbrieven
Naast integratie van sociale media in je website, blijft het versturen van nieuwsbrieven ook erg belangrijk voor conversie. Leer hoe je een nieuwsbrievensysteem moet maken. Wat zijn de regels.

Werken met .htaccess
Via .htaccess kan je serverinstellingen wijzigen. Maak zoekvriendelijke urls, doe een redirect of stel foutpagina's in!

Maak je eigen 404-foutpagina
Hoe kan je een eigen 404, 401, 403, 500-foutpagina maken

Conversie
Wat is conversie en hoe verbeter je deze voor jouw site?

CSS Hacks
Wat zijn CSS Hacks en hoe zorg je ermee dat je site in elke browser goed oogt?

Hoe bekom je een snelle website?
Welke acties moet je ondernemen, of welke regels moet je in acht nemen om een supersnelle site te bekomen?

Je website in 3D bekijken
Hoe kan je de structuur van je website - met name de divs - in 3D bekijken?

Thinglink: een foto met lagen (in Drupal)
Hoe kan je via Thinglink meerdere tags plaatsen op je afbeelding? In deze tutorial demonstreren we het via Drupal.

Fireworks versus Photoshop: maak je eigen weblay-out
Welk programma is het meest geschikt voor het ontwerpen van een weblay-out? Adobe Fireworks of Photoshop?

10 belangrijke personen voor het webdesign
Welke 10 personen zijn onmisbaar voor het bestaan van internet, sociale media en dus webdesign in het algemeen?

10 knappe geïllustreerde websites
Doe inspiratie op via deze prachtige webdesigns

Een originele weblay-out voor Drupal, Joomla of Wordpress
Bestaan er templates die volledig op maat zijn voor Drupal, Joomla of Wordpress? Waarom er niet zelf een maken? We gebruiken 960gs en transparante png's en zetten er ook nog een slideshow in. Let's go

PNG24 Transparantie Fix
Via de PNG Fix, kan je zorgen dat de tranparantie in elke browser werkt. Werk via Unit PNG FIX, DD_BelatedPNG Fix, IE7.js FIX of Twin Hellix Fix

PNG24: transparantie in je website
Hoe kan je transparante figuren gebruiken in je site, via png24?

15 knappe websites ter inspiratie
Bekijk enkele knappe designs en doe wat ideeën op. Deze sites werden ontworpen in Photoshop, Illustrator, Fireworks, Flash, Dreamweaver en/of HTML&CSS

Creatief met Lorem Ipsum
Wat hebben Lorem Ipsum, vegetarisch eten, tonijn en hippe mensen gemeen?

Adobe Edge: animaties maken met HTML5 en CSS3
Of Flash vervangen zal worden door Edge, staat nog niet vast. Feit is dat vele websites beginnen te kiezen voor HTML5. Via Adobe Edge kan je op grafische manier animaties maken, die vervolgens omgezet

Adobe Muse: webdesignen wordt kinderspel
Met Muse, wil Adobe software lanceren waarmee grafische vormgevers eenvoudig een site kunnen plannen, ontwerpen en publiceren.

Grote databases verhuizen tussen webservers
Hoe kan je een grote MySQL-database exporteren en importeren op een webserver, zonder phpmyadmin te gebruiken? De oplossing: BigDump: Staggered MySQL Dump Importer

Van concept tot realisatie: de fruitshop
Start vanaf een schets en maak een volledige website met Fireworks, Dreamweaver, HTML en CSS!

25 zonden bij webdesign
25 dingen die je NIET mag doen bij webdesign

Geld besparen bij webdesign
Hoe kan je geld besparen tijdens deze dure decembermaand?

Mijn Joomla-/Drupal-/Developer Toolbox-site werkt niet meer. Problemen met PHP 5.3
Wat te doen als je een Deprecated-fout krijgt omwille van PHP 5.3?

Hoe werkt USB-webserver?
Een dynamische php-site bekijken en bewerken met usb-webserver, alternatief voor wamp, xampp, mamp en lamp.

Een eigen Favicon maken
Hoe kan ik mijn eigen favicon maken?

© 2000 - 2015 Zelfstudie.be - Alle rechten voorbehouden

Website laten maken: kerfuffle.be - Website publiceren: zelfhosting.com