Ferme la recherche

Webmaster Expert : Responsive Web Design (RWD) + Bootstrap, Ergonomie, Accessibilité, Sécurité et Sémantique web

Descriptif

Durée de la formation

Durée 35 heures
En centre 35 heures

Session

entrées/sorties permanentes

du 16 août 2018 au 31 déc. 2019  - Lille (59)
du 16 août 2018 au 31 déc. 2019  - Lille (59)
Pour connaître les dates des prochaines sessions, veuillez contacter l'organisme de formation

Objectif de la formation

Maîtriser la création de sites adaptatifs
- Mettre en place une sémantique web efficace pour le référencement de vos pages web
- Savoir identifier les instrusions et mettre en place une stratégie de sécurité dans vos applications web

Description de la formation

Construire un site web adaptatif
Responsive Web Design (RWD) : définition, composantes
Standards, le HTML5 et CSS3
Détection de ressources avec Modernizr
Contraintes ergonomiques et fonctionnelles
Viewport : notion, meta, valeurs
Unités relatives (%, em) vs. absolues (px)
Ressources utiles : outils, galeries de sites mobiles
Atelier : Structure d'un site HTML5/CSS3, support par les anciens navigateurs
Créer une grille d'affichage flexible
Tailles d'écran, résolution optimale
Modes portrait et paysage
Expression des tailles en pourcentage (%), em
Tailles minimales, maximales
Blocs, approche contenu/contenant
Principe des box, layout avec CSS3
Taille des fonts : fixer une base pour les tailles, conversions em
Eviter les débordements
Atelier : Multiples exemples de grilles flexibles
Utiliser des médias flexibles
Images flexibles : images de fond, adaptation HTML5
Marges et espaces flexibles
Vidéos adaptées
Support des propriétés CSS par les anciens navigateurs
Atelier : Eviter le débordements d'images/vidéos
Ecrire des CSS3 Media Queries
Adaptation de l'affichage en fonction de la résolution
Types de médias
Choix des règles conditionnelles : orientation, device
- width
Medias queries internes, externes
Gestion des menus et sliders
Polyfills pour le support des anciens navigateurs
Atelier : Création de site responsive pure css avec des media
- queries
Découvrir Bootstrap
Bootstrap : présentation, apports, exemples
Bootstrap et le Responsive Web Design (RWD)
Cohabitation de Bootstrap avec les autres frameworks javascript : jQuery, ExtJS,...
Grille Bootstrap, templates de base et layouts
Composants et classes CSS
Mécanisme de RWD (classes CSS / device)
Documentation, liens utiles
Rappels HTML5/CSS
Bases de jQuery
Atelier : Inclure Bootstrap dans un projet, une première grille flexible
Maîtriser les classes CSS de base
Typographie et liens
Tableaux : lignes, bordures, survol, RWD
Eléments de formulaires, contrôles supportés
Boutons : options, tailles, état
Images et icônes : éviter les débordements
Atelier : Utilisation de classes bootstrap dans des pages web
Utiliser les composants Bootstrap
Barres de navigation : tabs, pills, justified nav
Menus déroulants : formulaires, boutons, positionnement
Breadcrumb (fil d'arianne)
Pagination
Badges

Conditions d'accès

Bonnes connaissances en HTML et CSS

Donne accès au(x) métier(s) suivant(s)

Animation de site multimedia (voir la fiche métier)

Conception de contenus multimedias (voir la fiche métier)

Realisation de contenus multimedias (voir la fiche métier)

Administration de systemes d'information (voir la fiche métier)

Direction des systemes d'information (voir la fiche métier)

Etudes et developpement informatique (voir la fiche métier)

Et après la formation ?

Retour à l'emploi des anciens stagiaires

FAIBLE

Conseils
Les questions à poser avant de choisir un centre de formation
  • Quels sont les profils des anciens stagiaires (niveau de formation, expérience professionnelle) ?
  • Est-il possible de visiter le centre ?
  • Quel type de public accueillez-vous en formation (salariés, demandeurs d’emploi, particuliers) ?
  • Peut-on obtenir une liste de ces anciens stagiaires pour les interroger sur cette formation ?
  • Comment aidez-vous les stagiaires à trouver un emploi ?
Informations pratiques

DAWAN

Lieu de formation

1 RUE ESQUERMOISE
Lille

Cliquez sur ce lien pour calculer votre itinéraire

Centre de formation

1 RUE ESQUERMOISE
59800, Lille

Voir toutes les formations de DAWAN