Opladen van foto's in de HTML module

Door in de HTML editor op het icoontje Insert picture te klikken, kunt u foto's toevoegen aan uw HTML module.  Indien de foto nog niet op de website staat, dan moet u die eerst opladen op de volgende manier:

Opladen foto's in de HTML module

 
 
  1. Kies in welke map u de foto wil hebben
  2. Klik op de "Upload" knop
  3. (Als u sub-folders wenst kan u dat met deze knop aanmaken)
  4. Nadat u op "Upload" klikte, verschijnt er een popup venster waar u kan zoeken op uw computer.  Klik op de "Select" knop en u ziet een standard windows zoekscherm waarmee u een foto kan kiezen.
  5. U kan er reeds 3 tegelijk opladen, maar als u er meer wenst klik dan op "Add"
  6. Als u al de foto's geselecteerd heeft, kan u met de "Upload" knop alles naar uw website sturen.

Bestanden worden niet overschreven, uitgezonderd wanneer u het vinkje daarvoor aanzet.

U kan niet zo maar alles opladen, de beperkingen kan u ook in het scherm lezen.

Probeer uw foto's in de juiste grootte op te laden naar de website.  Als u de foto's kleiner maakt met de editor dan is het zicht wel kleiner, maar neemt de foto wel de plaats in van de grote foto en duurt even lang om te laden als de originele foto.  Dit wil u zeker vermijden!!

Nadat de foto's zijn opgeladen wordt de 1e automatisch geselecteerd.

  1. Het is mogelijk dat u naar een volgende pagina moet klikken, om de foto te zien
  2. Klik op de "Properties" om de eigenschappen van de foto te veranderen
    • Width en height: breedte en hoogte, eigenlijk wil u vermijden dat u dit moet aanpassen, uw foto kan best al op de juiste grootte zijn.  Als u dit toch wil veranderen dan kan u best de 2 linken zodat de foto niet uitgerokken wordt
    • Border color: U kan de kleur van de boord rond de foto kiezen
    • Border width: Hier vult u de dikte van de boord in (in pixels = puntjes).  Als u geen boord wil laat u dit leeg of vult 0 in.
    • Alt text: Google ziet niet wat er op foto's staat, daarom vult u dit in om Google te vertellen wat er op de foto staat.  Als u wil dat uw site goed scoort bij Google, dan kan u dit best altijd goed invullen!
    • Long Description: idem voorgaande, maar iets uitgebreider
    • Image Alignment: u kan u tekst naast u foto laten lopen, hier kiest u hoe (dit is identiek aan de manier waarom Microsoft Word dit doet)
    • Margin: marge rond de foto in pixels. (zo vermijd u dat uw tekst tegen uw foto plakt.
    • CSS Class: als u weet heeft van een CSS class kan u ze hier gebruiken.
  3. Nadat alles is ingevuld, klik op "Insert" en de foto komt in uw tekst te staan.
 Eigenschappen foto