Dag 11: Werken met de Media en Image Manager |
 |
|
Vandaag gaan we verder met het artikel dat we gisteren hebben aangemaakt. Hierbij maken we gebruik van de Image Manager en kijken we kort naar de Media Manager. Aan het einde van de dag hebben we ons artikel geheel klaar voor publicatie. Om het artikel, dat we gisteren hebben gemaakt, af te maken moeten we nog een plaatje invoegen. Hiervoor gebruiken we de Image Manager. Het plaatje dat we gaan invoegen is het volgende:
Om het plaatje in te voegen in het artikel, openen we eerst het artikel dat we gisteren hebben aangemaakt. We willen het plaatje invoegen in de introductie van het artikel, en we willen dat het plaatje aan de linkerkant van de tekst komt te staan. Als we het artikel hebben geopend, plaatsen we onze cursor naar de plek waar we ons plaatje willen invoegen, in dit geval vóór alle tekst. Vervolgens kijken we onderaan onze editor, hier zien we de volgende knoppen:
We drukken op 'Image' en de volgende pop-up verschijnt in het scherm:
Voor ons hebben we nu een pop-up met daarin de map 'Images > Stories'. Hierin zien we een aantal bestanden die door Joomla! worden ingevoegd bij installatie. Wij willen ons plaatje in deze map uploaden. Onderaan de pop-up vinden we het kopje 'Upload' met daaronder een formulier. Om ons plaatje in te voegen drukken we op 'Bladeren' en selecteren we ons bestand. Als we het bestand hebben geselecteerd, drukken we op 'Start Upload'. Ons bestand is succesvol geupload en is nu te selecteren in het bestandenoverzicht. We selecteren het bestand en drukken rechtsboven op 'Insert'. Het plaatje is nu in ons artikel ingevoegd. We merken nu echter op dat de tekst niet om het plaatje heenloopt. We willen het plaatje zo aanpassen dat de tekst er wel omheen valt. We klikken op ons plaatje in de editor en twee knoppen van de editor lichten op. We klikken op de onderste rij van de editor op het knopje waar een plaatje met een sterretje op staat. Dit opent de JCE Image Editor:
In deze pop-up zien we bovenaan drie tabjes, daaronder de eigenschappen van het plaatje en daar weer onder een browser waarmee plaatjes geselecteerd kunnen worden. We zien dat de eigenschappen van het ingevoegde plaatje automatisch zijn geladen. We willen het plaatje links laten uitlijnen met de tekst er omheen. Hiervoor zoeken we de eigenschap 'Alignment' op en zetten deze op 'Left'. Ook willen we dat er aan de rechterkant van het plaatje en onder het plaatje wat ruimte vrij is, zodat de tekst er niet tegenaan zit. Hiervoor zoeken we de 'Margin'-eigenschap op. Hier vullen we vier waardes in: top zetten we op 0, right zetten we op 10, bottom zetten we ook op 10 en left zetten we weer op 0. Nu hebben we aan de rechterkant en aan de onderkant een ruimte van 10 pixels om het plaatje gecreëerd. We zijn klaar met het bewerken van ons plaatje en klikken op 'Insert' om de veranderingen door te voeren. We zien dat het plaatje nu goed naar links is uitgelijnd en dat de tekst er goed omheen loopt. Ook zien we dat er wat ruimte zit tussen de tekst en het plaatje. Ons artikel is nu geheel klaar. We slaan het artikel nogmaals op door op "Save" te klikken en gaan terug naar het artikeloverzicht. De Media Manager
Voor ons verschijnt de Media Manager. Links zien we een lijst met daarin een aantal mappen. Rechts zien we de inhoud van de huidige map weergegeven.
Onze PDF's willen we in een aparte map uploaden. Hiervoor zien we bovenaan een lang URL staan met daarachter een invoerveld. Hierin vullen we de naam van onze map in, in dit geval 'PDF', en klikken we op 'Create Folder'. We zien dat er nu een nieuwe map is verschenen genaamd PDF. We klikken op deze map en de inhoud van de map wordt getoond. We zien dat de map nog leeg is, omdat we nog geen bestand hebben geupload. Om een bestand te uploaden kiezen we vervolgens onderaan de Media Manager het knopje 'Browse Files'. Hierin selecteren we onze PDF en voegen deze toe. Vervolgens klikken we op 'Start Upload'. Als de Media Manager klaar is met uploaden verschijnt de PDF nu in het mapje PDF. We herhalen de bovenstaande stappen voor de resterende PDF's en Word-documenten. Deze bestanden kunnen we nu makkelijk in onze content voegen. Samenvatting Commentaar (2)
...
ik ben geen proffessionele websitemaker, |
