Vous avez déjà un compte client ORSYS
Se connecter
Vous êtes nouveau chez ORSYS
Créer un compte
Vous ne souhaitez pas créer de compte
Poursuivre sans me connecter

Publicatiedatum : 13/03/2024

Opleiding : Joomla!, Webdesign

Praktijkcursus - 4d - 28u00 - Ref. JKE

Joomla!, Webdesign




Je leert hoe je de tools voor het ontwikkelen in HTML/CSS installeert en Bootstrap gebruikt om je pagina's aan te passen met CSS-klassen. Je zult sjablonen kunnen maken en aanpassen en geavanceerde administratie kunnen beheren voor het instellen van inhoud.


INTER
INTRA
OP MAAT

Praktijkcursus ter plaatse of via klasverband op afstand
Beschikbaar in het Engels op aanvraag

Ref. JKE
  4d - 28u00
Neem contact met ons op

Deze cursus delen via mail




Je leert hoe je de tools voor het ontwikkelen in HTML/CSS installeert en Bootstrap gebruikt om je pagina's aan te passen met CSS-klassen. Je zult sjablonen kunnen maken en aanpassen en geavanceerde administratie kunnen beheren voor het instellen van inhoud.


Pedagogische doelstellingen
Aan het einde van de training is de deelnemer in staat om:
Leer de basis van HTML/CSS in de praktijk
Een Joomla! pagina maken en structureren met het Gantry 5 framework

Doelgroep
Elke beheerder die de basisbeheerfuncties onder de knie heeft en zijn eigen Joomla! template wil aanpassen of ontwerpen.

Voorafgaande vereisten
Basiskennis van HTML/CSS.

Praktische modaliteiten
Leer methodes
Training waarin theorie en praktijk worden afgewisseld. Alles wat je leert, breng je in de praktijk.

Opleidingsprogramma

1
HTML/CSS-ontwikkeltools

  • Een code-editor installeren en configureren: Komodo Edit.
  • Waar kan ik HTML/CSS-bronnen op het web vinden?
  • De stappen in het ontwerpen van een website: van mockup tot integratie.
  • Responsief ontwerp onder de aandacht brengen.
Praktisch werk
Komodo Edit installeren.

2
HTML

  • HTML: de basistags.
  • Een statische HTML-pagina structureren.
Praktisch werk
HTML-code maken.

3
CSS

  • De basis van CSS.
  • Maak een intern of extern stijlblad.
Praktisch werk
Een CSS-stijlblad maken.

4
HTML/CSS in de praktijk: onderzoek van een Bootstrap-raamwerk

  • Bootstrap downloaden en installeren.
  • Een HTML/CSS-pagina bouwen met Bootstrap.
  • Pas de opmaak van de pagina aan met Bootstrap CSS-klassen.
Praktisch werk
Bootstrap installeren en gebruiken.

5
Geavanceerd beheer van Joomla!

  • Maak een uitbreidingsoverbelasting in Joomla!
  • De structuur van een Joomla! sjabloon begrijpen.
  • De structuur van een Joomla! module analyseren.
  • De opmaak van een module aanpassen: CSS class suffixes.
  • Optimaliseer de lay-out van artikelen door CSS-klassen te integreren.
  • Vloeiende, responsieve artikelcontent ontwerpen.
  • Inhoudssjablonen instellen: inhoudssjabloon.
Praktisch werk
Een Joomla! module aanpassen.

6
Een Joomla! sjabloon ontwerpen en aanpassen met Gantry 5

  • Gantry installeren en aanpassen 5.
  • De standaard stijlinstellingen: het sjabloon "basisoverzicht".
  • De structuur van een sjabloon begrijpen: de lay-out.
  • Moduleposities maken en aanpassen.
  • Aanmaken van Joomla! paginasjablonen en samenstellen van een authenticatiepagina voor een intranet/extranet site.
  • Inleiding tot het concept van portaaldeeltjes 5.
  • Beheer van menu's en hypermenu's.
  • Het stijlblad voor personalisatie instellen.
  • CSS code compiler: de Sass taal in Gantry 5.
  • Lettertype toevoegen.
Praktisch werk
Een Joomla! sjabloon aanpassen met Gantry 5.

7
Sjabloon gebaseerd op een grafisch model

  • Analyse van een mock-up in Adobe Photoshop.
  • Extractie van grafische elementen.
  • Implementatie van het grafisch charter in het stylesheet van het sjabloon (variabelen en Sass-mixins).
  • Ontwerp van de sjabloon en positionering van de Joomla! sjabloon.
  • Integratie van inhoud (modules, artikelen, enz.).
  • De sjabloon maken en aanpassen door de CSS-code te integreren in het stijlblad.
Praktisch werk
Een model maken van een Photoshop-sjabloon.
DEELNEMERS
Elke beheerder die de basisbeheerfuncties onder de knie heeft en zijn eigen Joomla! template wil aanpassen of ontwerpen.

VOORAFGAANDE VEREISTEN
Basiskennis van HTML/CSS.

VAARDIGHEDEN VAN DE CURSUSLEIDER
De deskundigen die de cursus leiden zijn specialisten op het betreffende vakgebied. Zij werden geselecteerd door onze pedagogische teams zowel om hun vakkennis als hun pedagogische vaardigheden voor elke cursus die zij geven. Zij hebben minstens vijf tot tien jaar ervaring in hun vakgebied en oefenen of oefenden verantwoordelijke bedrijfsfuncties uit.

BEOORDELINGSMODALITEITEN
De cursusleider beoordeelt de pedagogische vooruitgang van de deelnemer gedurende de gehele cursus aan de hand van meerkeuzevragen, praktijksituaties, praktische opdrachten, …
De deelnemer legt ook van tevoren en naderhand een test af ter bevestiging van de verworven kennis.

PEDAGOGISCHE EN TECHNISCHE MIDDELEN
• De gebruikte pedagogische middelen en cursusmethoden zijn voornamelijk: audiovisuele hulpmiddelen, documentatie en cursusmateriaal, praktische oefeningen en correcties van de oefeningen voor praktijkstages, casestudies of reële voorbeelden voor de seminars.
• Na afloop van de stages of seminars verstrekt ORSYS de deelnemers een evaluatievragenlijst over de cursus die vervolgens door onze pedagogische teams wordt geanalyseerd.
• Na afloop van de cursus wordt een presentielijst per halve dag verstrekt, evenals een verklaring van de afronding van de cursus indien de stagiair alle sessies heeft bijgewoond.

TOEGANGSMODALITEITEN EN TERMIJNEN
De inschrijving dient 24 uur voor aanvang van de cursus plaatsgevonden te hebben.

TOEGANKELIJKHEID VOOR MINDERVALIDEN
Is voor u speciale toegankelijkheid vereist? Neem contact op met mevr. FOSSE, contactpersoon voor mindervaliden, via het adres psh-accueil@ORSYS.fr om uw verzoek en de haalbaarheid daarvan zo goed mogelijk te bestuderen.