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 juil. 2018 au 31 déc. 2019  - Strasbourg (67)
du 16 juil. 2018 au 31 déc. 2019  - Strasbourg (67)
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 intrusions et mettre en place une stratégie de sécurité dans vos applications web.

Description de la formation

Construire un site web adaptatifResponsive Web Design (RWD) : définition, composantesStandards, le HTML5 et CSS3Détection de ressources avec ModernizrContraintes ergonomiques et fonctionnellesViewport : notion, meta, valeursUnités relatives (%, em) vs. absolues (px)Ressources utiles : outils, galeries de sites mobilesAtelier : Structure d'un site HTML5/CSS3, support par les anciens navigateursCréer une grille d'affichage flexibleTailles d'écran, résolution optimaleModes portrait et paysageExpression des tailles en pourcentage (%), emTailles minimales, maximalesBlocs, approche contenu/contenantPrincipe des box, layout avec CSS3Taille des fonts : fixer une base pour les tailles, conversions emEviter les débordementsAtelier : Multiples exemples de grilles flexiblesUtiliser des médias flexiblesImages flexibles : images de fond, adaptation HTML5Marges et espaces flexiblesVidéos adaptéesSupport des propriétés CSS par les anciens navigateursAtelier : Eviter le débordements d'images/vidéosEcrire des CSS3 Media QueriesAdaptation de l'affichage en fonction de la résolutionTypes de médiasChoix des règles conditionnelles : orientation, device
- widthMedias queries internes, externesGestion des menus et slidersPolyfills pour le support des anciens navigateursAtelier : Création de site responsive pure css avec des media
- queriesDécouvrir BootstrapBootstrap : présentation, apports, exemplesBootstrap et le Responsive Web Design (RWD)Cohabitation de Bootstrap avec les autres frameworks javascript : jQuery, ExtJS,...Grille Bootstrap, templates de base et layoutsComposants et classes CSSMécanisme de RWD (classes CSS / device)Documentation, liens utilesRappels HTML5/CSSBases de jQueryAtelier : Inclure Bootstrap dans un projet, une première grille flexibleMaîtriser les classes CSS de baseTypographie et liensTableaux : lignes, bordures, survol, RWDEléments de formulaires, contrôles supportésBoutons : options, tailles, étatImages et icônes : éviter les débordementsAtelier : Utilisation de classes bootstrap dans des pages webUtiliser les composants Bootstrap

Conditions d'accès

Avoir de bonnes connaissances en HTML et CSS

Validation

attestation de suivi ou de présence

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 ?

NON DÉTERMINÉ

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 ?

Dawan sarl

Lieu de formation

1 place de la porte blanche
Strasbourg

Calculez votre itinéraire

Centre de formation

37 rue du Fossé des Treize
67000, Strasbourg

Toutes les formations et avis pour Dawan sarl