Responsive Design avec HTML-CSS

Instic - 3IS Lyon

Non finançable CPF

Tout public

Présentiel

Public admis

Salarié en poste

Demandeur d'emploi

Entreprise

Étudiant

Prix

1400 €

Durée

Nous contacter

Localité

En présentiel

Découvrez les localités disponibles pour suivre cette formation en présentiel.

Objectifs

- Maîtriser les fonctionnalités avancées d'HTML5 et CSS3?;

- Utiliser JavaScript et jQuery pour ajouter de l'interactivité et de la dynamique aux pages web?;

- Connaître les bonnes pratiques de conception de sites web pour garantir une expérience utilisateur optimale?;

- Concevoir des sites web responsives qui s'adaptent à différentes tailles d'écran et appareils.

- La formation vise à permettre aux participants de découvrir les principes fondamentaux et actuels de la conception web conception d'un contenu web adapté aux différents supports (Smartphone, tablette, écran ordinateur) afin de répondre aux besoins de leurs clients ou de leur entreprise.

- Ils ou elles verront également les techniques avancées de mise en page et de typographie et les bases du javascript et du Jquery.

Programme

- introduction

Présentation des objectifs et de la semaine de formation. ?

- maîtriser les donctionnalités avancées de css3

Menus : éléments de navigation réalisés en CSS3 à intégrer?;

Galeries photos : utiliser le CSS3 pour une présentation propre?;

Animations en CSS3 pour la gestion de menus et le défilement de photos?;

Transitions : les différentes techniques. ?

- utiliser html5/css3, javascript et jquery

Réaliser un slideshow en HTML/Javascript et JQuery?;

Introduction aux canvas avec Javascript et HTML5?;

Manipuler le code CSS3 avec JQuery.

- application en responsive design

Qu'est-ce que le responsive design ??;

Qu'est-ce que le principe « mobile first » et « User first » ??;

Site web adaptatif ou responsive ??;

Définir les points de rupture?;

Atelier pratique?: élaboration de la maquette graphique sous Photoshop. ?

- rappel des bonnes pratiques en conception web

Sémantique, validation w3c, accessibilité, etc.?;?

Positionnement HTML/CSS?;

Organisation des feuilles de styles. ?

- adaptation

Adaptation des contenus?;

Adaptation du positionnement?;

Adaptation de la navigation?;

Les Medias Queries?;

Introduction au framework bootstrap. ?

- bilan & évaluation

Évaluation sous forme de QCM?;

Retours et échanges?;

Perspectives d'approfondissement. ?

Envie d’en savoir plus sur cette formation ?

Documentez-vous sur la formation

Ces formations peuvent vous intéresser

Les formations les plus recherchées

Responsive Design avec HTML-CSS

HTML-CSS-JS

Formation individuelle édition de sites web en HTML 5 et CSS 3

Graduate Développeur web full stack

Développeur Web et Web Mobile - Développement Web

formation laravel 12 développer une application

Bootcamp Ingénieur DevOps

Les formations les plus recherchées