Hoofdstuk 9 | Afbeeldingen

Al uw afbeeldingen op één centrale plek binnen het systeem. Via de module Afbeeldingen kunt u op eenvoudige wijze uw afbeeldingen beheren om ze vervolgens toe te voegen aan uw pagina's, artikelen of nieuwsberichten.

Oefening 9.1 | Afbeelding(en) uploaden

Om afbeeldingen te kunnen uploaden gaat u via de asset Media naar de module Afbeeldingen. Volg daarna de volgende stappen;

  1. Selecteer de map cursus en klik op het icoon map toevoegen
  2. Geef de map een naam:  je-naam en klik op OK
  3. Selecteer de door u aangemaakte map
  4. Klik op het icoon toevoegen
  5. In de popup klikt u op de knop Selecteer bestanden
  6. Browse naar de map locatie waar u uw afbeeldingen op uw computer heeft opgeslagen,
  7. Selecteer de afbeelding of meerdere afbeeldingen. U kunt meerdere afbeeldingen selecteren door deze aan te klikken met een ingedrukte CTRL toets + linkermuis klik. Klik op Open
  8. De afbeelding(en) worden geladen
  9. Als het laden is afgerond toont de popup een overzicht van de geselecteerde bestanden
  10. U kunt door op de prullenbak achter de afbeelding te klikken de betreffende afbeelding uit de que verwijderen
  11. Klik op OK als u de afbeelding(en) wilt uploaden maar niet wilt publiceren, deze zijn vervolgens wel toepasbaar maar worden voor bezoekers niet weergegeven
    Klik op OK & Publiceren om de afbeelding(en) te uploaden en te publiceren

Bekijk de instructiefilm

Oefening 9.2 | Afbeelding toepassen

U kunt afbeeldingen plaatsen op een pagina, artikel, nieuwsberichten of activiteiten.

Om een afbeelding te plaatsen op een pagina volgt u de volgende stappen;

  1. Ga via de asset Website naar de module Structuur en pagina's
  2. Selecteer de map cursisten
  3. Selecteer nu in oefening 3.1 aangemaakte pagina
  4. Klik op het icoon wijzigen
  5. Klik op het icoon wijzigen wat verschijnt zodra u uw muis over het door u aangemaakte tekstblok beweegt
  6. De pagina editor wordt geopend
  7. Klik in de editor
  8. Klik op icoon afbeelding
  9. Klik op het + teken van de map cursus
  10. Klik op het + teken van de door u in oefening 9.1 aangemaakte map
  11. Selecteer één afbeelding die in u map staat
  12. Klik op de knop Invoegen
  13. Klik op de knop Wijzigen
  14. Klik op OK als u de pagina de wijziging wilt opslaan maar nog niet wilt publiceren
    Klik op OK & Publiceren om de pagina op te slaan en te publiceren
    Klik op Annuleren indien u de wijziging niet wilt opslaan

Bekijk de instructiefilm

Oefening 9.3 | Afbeelding bewerken

Sitebox biedt u de mogelijkheid om afbeelding te bewerken. De volgend opties zijn met de afbeeldingen editor mogelijk;

  • Afbeeldingen herschalen
  • Afbeeldingen linksom roteren
  • Afbeeldingen rechtsom roteren
  • Afbeeldingen bijsnijden (crop)
  • Afbeeldingen een effect meegeven
  • Afbeeldingen Spiegelen zowel horizontaal als verticaal

We gaan in deze oefening de door u geuploade afbeelding van oefening 9.1 herschalen. U past dit toe zodra u de afmetingen van de afbeelding wilt verkleinen. We raden af om kleine afbeeldingen te vergroten, dit zal de kwaliteit van de afbeelding niet ten goede komen.

U volgt de volgende stappen om de afbeelding te herschalen,

  1. Ga via de asset Media naar de module Afbeeldingen
  2. Selecteer uw cursisten map
  3. Selecteer de afbeelding
  4. Klik op het icoon  wijzigen
  5. Voer een breedte in, zorg dat behoud properties aanstaat
    Merk op dat de hoogte van de afbeelding zich automatisch aanpast, de verhouding blijft intact
  6. Klik op de knop Herschalen
  7. Klik op OK als u de pagina de wijziging wilt opslaan maar nog niet wilt publiceren
    Klik op OK & Publiceren om de pagina op te slaan en te publiceren
    Klik op Annuleren indien u de wijziging niet wilt opslaan

Bekijk de instructiefilm

Oefening 9.4 | Nieuwe afbeelding(en) uploaden tijdens het bewerken van een pagina

Het is mogelijk om nieuwe afbeeldingen te uploaden op het moment dat u een pagina aan het bewerken bent. U volgt daarvoor de volgende stappen;

  1. Ga via structuur en pagina's naar de door u in oefening 4.1 aangemaakte pagina
  2. Selecteer de pagina en klik vervolgens op het icoon  wijzigen
  3. Wijzig het tekstblok door op het contentblok op het icoon  wijzigen te klikken
  4. Ga in de editor op een plek staan waar u een afbeelding wilt invoegen
  5. Klik in de pagina editor op het icoon  Afbeelding
  6. Klik op  Nieuwe afbeelding uploaden
  7. Klik op de knop Selecteer bestand
  8. Browse naar de map locatie waar u uw afbeeldingen op uw computer heeft opgeslagen,
  9. Selecteer de afbeelding of meerdere afbeeldingen. U kunt meerdere afbeeldingen selecteren door deze aan te klikken met een ingedrukte CTRL toets + linkermuis klik. Klik op Open
  10. De afbeelding(en) worden geladen
  11. Als het laden is afgerond toont de popup een overzicht van de geselecteerde bestanden
  12. U kunt door op de prullenbak achter de afbeelding te klikken de betreffende afbeelding uit de que verwijderen
  13. Klik op de knop Volgende >>
  14. Klik op het '+' teken van demo.sitebox.nl
  15. Selecteer de map waar u uw afbeelding(en) naar toe wilt uploaden
  16. Klik op OK als u de afbeelding(en) wilt uploaden maar niet wilt publiceren
    Klik op OK & Publiceren als u de afbeelding(en) wilt uploaden en wilt publiceren
    Klik op Annuleren als u de wijzigingen niet wilt opslaan

Bekijk de instructiefilm