Mijn-eigen-website.nl

Websitebouw voor doe-het-zelvers

Artikel-overzicht

Alle artikelen van deze website in één overzicht

Van start

Ontwerp

Content

Letters en tekst

Afbeeldingen

  • Over afbeeldingen en html-codes
    Welke html-code heb je nodig om een afbeelding te laten weergeven op je website, hoe maak je een slideshow of fotogalerij en waar haal je eigenlijk leuke afbeeldingen vandaan?

  • Wat is de html-code voor een foto of andere afbeelding?
    Een voorbeeld html-code met uitleg om snel een afbeelding in je webpagina te kunnen zetten. Inclusief manieren om je afbeeldingen geschikt te maken voor vertoning op een website.

  • Ik zie een rood kruisje in plaats van mijn foto!
    Een rood kruisje wil niets anders zeggen dan dat je browser de foto waarnaar je in je html-code verwijst, niet kan vinden. 7 vragen die je helpen de oorzaak van dit probleem op te sporen.

  • JPG, GIF, PNG of SVG?
    Welk formaat voor welk soort afbeelding? Sommige afbeeldingen kun je het beste opslaan in jpg, voor andere kun je beter gif, png of misschien svg gebruiken. Een paar vuistregels.

  • Maak ook de foto’s op je website responsive!
    Een responsive website waarop foto’s staan die dat niet zijn, heeft natuurlijk geen enkele zin! Daarom: codeer je afbeeldingen zo dat ook zij zich automatisch aanpassen aan de breedte van het scherm.

  • Hoe geef je je website een foto als achtergrond?
    De achtergrondafbeelding van deze pagina verschuift mee als je je browservenster groter of kleiner maakt, ook op een smartphone of iPad. Leer hier hoe je je website zo’n achtergrond geeft.

  • Leuke manieren om foto’s op je website te zetten
    Wil je een verzameling foto’s op je website laten zien, dan zijn hier wat suggesties om ze op een aantrekkelijke en overzichtelijke manier te presenteren. Plus voorbeelden en installatie-instructies.

  • Thumbnails maken: stap voor stap
    Thumbnails zijn verkleinde versies van foto’s die je wilt laten zien in een fotogalerij of pop-up. Op deze pagina leg ik je stap voor stap uit hoe je zulke thumbnails maken kunt en ze laat weergeven in een pop-upvenster.

  • Waarom iedere website een favicon nodig heeft
    Je website kan natuurlijk best zonder favicon, maar zo’n plaatje zorgt er wel voor dat je site gemakkelijker te herkennen is en professioneler oogt. Moeilijk te maken is een favicon niet, dus ...

  • Organiseer je website-foto’s in een fotogalerij
    Met behulp van niet meer dan gewone html-code en opmaakinstructies zet je je website-foto’s heel mooi in een responsive fotogalerij, die ook op smartphones en tablets goed overkomt.

  • In 9 stappen een prachtige slideshow maken
    Een slideshow geeft door de bewegende beelden en interactiviteit direct leven aan je site! Deze slideshow is responsive en past zich dan ook automatisch aan aan de breedte van het beeldscherm.

  • Waar kan ik gratis afbeeldingen downloaden?
    Drie websites waar je gratis afbeeldingen downloaden kunt voor je website, ook als je ze commercieel wilt gaan gebruiken.

Video en audio

Tabellen

  • Alle codes voor een html-tabel
    Ook al bouw je geen hele webpagina’s meer met een html-tabel, voor prijslijsten of productoverzichten gebruik je ze wel.

Widgets

Beheer en Onderhoud

Beveiliging

Marketing

Producten

  • Cursus HTML en CSS
    Met deze cursus HTML en CSS voor beginners leg je een goede basis om op voort te bouwen.

  • Website-tutorials
    Sommige zaken kun je beter uitleggen op een video dan op een webpagina. Daarom heb ik een paar videotutorials gemaakt: over het installeren van een contactformulier, over het maken van een favicon, over het opnemen van een video op je site, en over het maken van een fotogalerij.

  • E-books voor webmasters
    Een kleine selectie e-books ter ondersteuning van webmasters bij de bouw van hun eigen website.

  • Twaalf responsive templates als basis voor je eigen website
    Met een van deze website-templates ontwerp je vrij snel een eigen site in html5 en css3.