Je kunt een afbeelding in een HTML-document toevoegen als een .jpg of .png bestand. Het advies is om de afbeelding eerst in de juiste map in Bestanden beheren te plaatsen en daarna toe te voegen in de tekst. Je kunt de afbeelding ook via de teksteditor toevoegen en in de juiste map plaatsen.
Zorg ervoor dat je alleen afbeeldingen gebruikt waarvoor de rechten geregeld zijn, zoals afbeeldingen die door de grafische medewerkers gemaakt zijn, of afbeeldingen uit het public domain of met een Creative Commons licentie. Vermeld in dat geval altijd de licentie. Bij twijfel kun je de redacteur van de faculteit raadplegen.
In deze handleiding beschrijven we hoe je een afbeelding toevoegt aan een bestaand HTML-document. Raadpleeg de handleiding voor het toevoegen van een nieuw HTML-document.
De afbeeldingen die gebruikt worden als cursusbanner, in de tegels en in de eenheden worden door de redacteur geplaatst.
Raadpleeg de handleiding om de afbeelding in de juiste map te plaatsen via Tools, Sitebeheer, Bestanden beheren. Plaats de afbeelding in de map afbeeldingen. Indien nodig kun je eerst een submap (bijvoorbeeld per studietaak) aanmaken. Hierdoor kun je later je afbeeldingen gemakkelijk terugvinden.
Als je een koppeling hebt gemaakt naar afbeeldingen of bestanden in je cursusinhoud en naderhand deze bestanden in een andere map plaatst, verbreekt je de koppeling en moet je de cursusinhoud weer aanpassen.
Afbeelding toevoegen aan HTML-document
- Klik op Cursus --> Inhoud in de cursusnavigatiebalk.
- Klik op op het HTML-document waar je een afbeelding wilt toevoegen.
- Klik op Opties en klik op Bewerken.
- Plaats je cursor op de juiste plek in het tekstvak Pagina-inhoud.
- Klik op Afbeelding toevoegen in de menubalk.
- Klik op Cursuseditiebestanden in het popup venster.
- Klik op de map afbeeldingen.
- Zet een vinkje voor de naam van de afbeelding die je wilt toevoegen.
- Klik op Toevoegen.
- Geef bij 'Alternatieve tekst' aan waar de afbeelding over gaat. Dit is belangrijk omdat deze tekst getoond wordt als de afbeelding niet zichtbaar is en voorgelezen wordt door schermlezers, bijvoorbeeld voor mensen met een visuele of cognitieve beperking.
- Klik op OK.
- Klik op Opslaan en sluiten.
Afbeelding toevoegen via tekstvak
Je kunt de afbeelding ook toevoegen via het tekstvak Pagina-inhoud in het HTML-document. Zorg er dan voor dat je het bestand in de juiste map plaatst.
- Klik op Cursus --> Inhoud in de cursusnavigatiebalk.
- Klik op op het HTML-document waar je een afbeelding wilt toevoegen.
- Klik op Opties en klik op Bewerken.
- Plaats je cursor op de juiste plek in het tekstvak Pagina-inhoud.
- Klik op Afbeelding toevoegen in de menubalk.
- Klik op Mijn computer.
- Klik op Uploaden.
- Zoek het bestand met de afbeelding op en klik op Open.
- Klik op Bestemming kiezen.
- Klik op de map afbeeldingen of op het kruisje om submappen te tonen.
- Indien nodig kun je binnen de map afbeeldingen een nieuwe map aanmaken.
- Klik op Een pad selecteren.
- Klik op Toevoegen.
- Geef bij 'Alternatieve tekst' aan waar de afbeelding over gaat. Dit is belangrijk omdat deze tekst getoond wordt als de afbeelding niet zichtbaar is en voorgelezen wordt door schermlezers, bijvoorbeeld voor mensen met een visuele of cognitieve beperking.
- Klik op OK.
- Klik op Opslaan en sluiten.
