HTML CSS 2 par FORMAGRAPH DESIGN
Lieu(x)
En centre (25)
Durée
Total : 70 heures
Financement
Demandeur d’emploi
Salarié
Prix
Nous contacter
Cette formation vous intéresse ?
Description générale
HTML, CSS, JSo Utiliser les media
- queries pour créer un design responsiveo Créer des images adaptatives pour optimiser leur affichage, adapté à chaque largeur deviewporto Implémentation de Bootstrap, un framework CSS très completo Sa grille de composition responsiveo Les autres classes de Bootstrap (spacing, sizing, display, etc.)o Intégration d'une navbar responsive avec menu hamburgero Implémentation de la bibliothèque d'icônes Font Awesomeo Création de scripts JS (par exemple, pour réaliser un smooth scroll to top au clic d'unbouton en position fixed ou pour animer des progress bars)o Intégration d'un carrousel d'images (Bootstrap, Owl, Slick ou autre) avec du texte animéo Composition d'un formulaire avec des placeholders et validation des donnéeso Réalisation de galeries d'images composées à partir de la grille Bootstrap, avec la propriétécolumn
- count et de type Masonry, avec boutons de filtrage (type Isotope)o Implémentation d'une lightbox pour visualiser les images de la galerieso Animations CSS (keyframes) lancées par le positionnement du scroll, grâce à waypoints.js(AOS, Counter Up, progress bars...)o Transfert vers un hébergement mutualisé (Alwaysdata)Cas pratiqueo Réalisation d'un site corporate complet, avec plusieurs pages, galerie d'images, formulairede contact.
- queries pour créer un design responsiveo Créer des images adaptatives pour optimiser leur affichage, adapté à chaque largeur deviewporto Implémentation de Bootstrap, un framework CSS très completo Sa grille de composition responsiveo Les autres classes de Bootstrap (spacing, sizing, display, etc.)o Intégration d'une navbar responsive avec menu hamburgero Implémentation de la bibliothèque d'icônes Font Awesomeo Création de scripts JS (par exemple, pour réaliser un smooth scroll to top au clic d'unbouton en position fixed ou pour animer des progress bars)o Intégration d'un carrousel d'images (Bootstrap, Owl, Slick ou autre) avec du texte animéo Composition d'un formulaire avec des placeholders et validation des donnéeso Réalisation de galeries d'images composées à partir de la grille Bootstrap, avec la propriétécolumn
- count et de type Masonry, avec boutons de filtrage (type Isotope)o Implémentation d'une lightbox pour visualiser les images de la galerieso Animations CSS (keyframes) lancées par le positionnement du scroll, grâce à waypoints.js(AOS, Counter Up, progress bars...)o Transfert vers un hébergement mutualisé (Alwaysdata)Cas pratiqueo Réalisation d'un site corporate complet, avec plusieurs pages, galerie d'images, formulairede contact.
Objectifs
Maîtriser HTML et CSS en abordant la problématique du responsive web design ; apprendre à développer à l'aide de Boostrap.Approfondissement de toutes les notions abordées dans le 1er clic avec des mises en pratique pluscomplexes, mêlant HTML, CSS et JS (Javascript).
Centre(s)
- Besançon (25)
Métier(s)
- Chef de création artistique communication multimédia
- Chef de groupe de création multimédia
- Concepteur / Conceptrice artistique communication multimédia
- Concepteur / Conceptrice de jeux vidéo
- Concepteur / Conceptrice de jeux web online
- Concepteur / Conceptrice en publicité
- Concepteur / Conceptrice multimédia
- Concepteur réalisateur / Conceptrice réalisatrice communication
- Concepteur rédacteur / Conceptrice rédactrice communication
- Concepteur rédacteur / Conceptrice rédactrice publicitaire
- Directeur / Directrice artistique - jeux vidéo
- Directeur / Directrice artistique communication multimédia
- Directeur / Directrice artistique web
- Directeur / Directrice de création - jeux vidéo
- Directeur / Directrice de création communication multimédia
- Game designer
- Game designer - jeux web online
- Lead game designer - jeux vidéo
- Level designer
- Level designer - jeux web online
- Producer chef de projet jeux vidéo
- Responsable de conception communication multimédia
- Rédacteur / Rédactrice web
- Webmaster concepteur / conceptrice de site web
Compétence(s)
- Animation vectorielle
- Chaîne graphique
- Dispositifs de financement culturel
- Droit de la propriété intellectuelle
- Gestion administrative
- Gestion comptable
- Gestion de projet
- Gestion financière
- Linguistique
- Logiciel d'animation 3D
- Management
- Marketing direct
- Normes rédactionnelles
- Organisation d'évènements culturels
- Outils bureautiques
- Publication Assistée par Ordinateur (PAO)
- Règles d'élaboration d'une Charte Graphique
- Sémiotique
- Techniques d'impression
- Techniques d'infographie
- Techniques de communication
- Techniques de storytelling - communication narrative
- Technologies de l'accessibilité numérique
Formation proposée par : FORMAGRAPH DESIGN
À découvrir