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 : 28/02/2024

Opleiding : Responsive Design, het creëren van aanpasbare webinterfaces.

optionele DiGiTT®-certificering op afstand

Praktijkcursus - 2d - 14u00 - Ref. RPO
Prijs : 1370 € V.B.

Responsive Design, het creëren van aanpasbare webinterfaces.

optionele DiGiTT®-certificering op afstand



Webdesigners moeten nu hun aanpak heroverwegen zodat hun interfaces zich aanpassen aan de diversiteit van terminals. Deze cursus biedt praktische antwoorden op de problemen van ergonomisch ontwerp en het beheren van de beperkingen die gepaard gaan met Responsive Design.


INTER
INTRA
OP MAAT

Praktijkcursus ter plaatse of via klasverband op afstand
Disponible en anglais, à la demande

Ref. RPO
  2d - 14u00
1370 € V.B.
En option :
Dynamique.Model.Bean_FormationOption
: 190 € HT

Downloaden in pdf-formaat

Deze cursus delen via mail




Webdesigners moeten nu hun aanpak heroverwegen zodat hun interfaces zich aanpassen aan de diversiteit van terminals. Deze cursus biedt praktische antwoorden op de problemen van ergonomisch ontwerp en het beheren van de beperkingen die gepaard gaan met Responsive Design.


Pedagogische doelstellingen
Aan het einde van de training is de deelnemer in staat om:
Ontwerp en ontwikkel webinterfaces voor alle soorten terminals
Een ergonomisch Mobile First-ontwerp gebruiken
Ontdek Responsive grafische componenten, frameworks en bibliotheken
Optimaliseer de weergaveprestaties van pagina's op mobiele apparaten en pc's

Doelgroep
Ontwikkelaars, ontwerpers, projectmanagers en webmasters.

Voorafgaande vereisten
Basiskennis van HTML en CSS.

Opleidingsprogramma

1
Terminals

  • Typen terminals (mobiel, tablet, tv, e-reader, enz.) en hun resolutie. Apparaten, OS, browsers.
  • De mobiele markt en marktaandeel.
  • HTML, HTML5, CSS3-standaarden (API, selectors, enz.).
Praktisch werk
Detectie van terminaltype in PHP JavaScript.

2
Inleiding tot responsief ontwerp

  • Wat is Responsive Design?
  • Marcotte concept, Mobile First.
  • Scheiding inhoud/container.
  • Portret/landschap benadering, tactiel, invloed op ergonomie.
  • Maak een testplan.
  • Het verschil tussen webontwerp en mobiel ontwerp.

3
MediaQueries

  • CSS aanpassen aan de kenmerken van de terminal.
  • Voorwaardelijke regels (oriëntatie, apparaatbreedte...).
  • JavaScript en oudere browsers.
  • Extra instelling voor visuele rendering (Viewport).
  • Apparaatgeoriënteerde media queries.
Praktisch werk
CSS-constructie in portret-/landschapsmodus, eindresolutie.

4
Rasterprincipe, lay-out

  • Klassiek ontwerp versus rasterontwerp.
  • Rasterpositionering.
  • Meeteenheden (% em px, vh, dvh), hoge-definitie Retina-modus schermen.
  • Overflow vermijden. Breekpunten.
  • Organiseer de informatie op de pagina.
  • Verdeling van inhoud binnen blokken.
Praktisch werk
Gebouwergonomie gebaseerd op een flexibel rooster.

5
Grafische componenten

  • Flexibele afbeeldingen: achtergrondafbeeldingen, HTML5-adaptatie, grafische kwaliteit aangepast aan de terminal.
  • Responsieve inhoud: tekstonderbrekingen, meerdere kolommen. Afbreken en bijsnijden.
  • Vloeiende lettertypen: lettertypeformaat, -grootte.
  • Flexibele marges en spaties.
  • Menu's, carrousels, tabellen: hoe geef je ze weer op een klein scherm?
  • Elementen organiseren volgens een raster.
  • Maak passende afbeeldingen en video's.
Praktisch werk
Oplossingen implementeren.

6
Kader en responsieve bibliotheken

  • Bronnen detecteren met "Modernizr".
  • Sjabloon syntaxis.
  • Het Bootstrap-raamwerk.
  • De Material-UI componentenbibliotheek.
  • Andere CSS-raamwerken 960 grid, Foundation, Semantic UI, Skeleton, UIKit...
Praktisch werk
Gebruik van kaders.

7
Optimalisatie en prestaties

  • Het meten van laadprestaties, bandbreedteoptimalisatie. Client/server-distributie.
  • Optimalisatie van grafische bronnen.
  • Cachebeheer.
Praktisch werk
Webpagina-audits, ontwerp en technische correcties.


Opties
: 190 € HT
La certification DiGiTT® est en option lors de l’inscription à cette formation et s’articule en 3 étapes : le passage d’un Diag® avant la formation, l’accès à une digithèque permettant l’apprentissage des concepts et notions pour chaque compétence digitale, puis le passage de l’examen de certification. Celui-ci se compose d’un test de 90 min disponible en anglais et en français. Le résultat atteste de votre niveau de compétences sur 1000 points (débutant, intermédiaire, avancé, expert). Le seul suivi de cette formation ne constitue pas un élément suffisant pour garantir un score maximum à l’examen. La planification de ce dernier et son passage s’effectuent en ligne dans les 4 semaines qui suivent le début de votre session.
De certificeringsoptie wordt aangeboden in de vorm van een voucher of een uitnodiging waarmee u na afloop van de opleiding het examen kunt afleggen.
DEELNEMERS
Ontwikkelaars, ontwerpers, projectmanagers en webmasters.

VOORAFGAANDE VEREISTEN
Basiskennis van HTML en 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.