Ferme la recherche

Construire des sites web avec HTML5 et CSS3

Descriptif

Durée de la formation

Durée 60 heures
En centre 60 heures

Session

entrées/sorties permanentes

du 20 juin 2020 au 31 déc. 2021  - Villeneuve d'Ascq (59)
du 20 juin 2020 au 31 déc. 2021  - Villeneuve d'Ascq (59)
Pour connaître les dates des prochaines sessions, veuillez contacter l'organisme de formation

Objectif de la formation

-
À partir de la maquette de l'interface à réaliser, de la charte graphique et à l'aide d'un langage de présentation,
-
Créer les pages web statiques et adaptables, y compris pour les équipements mobiles, afin d'obtenir un rendu visuel optimisé et adapté à l'équipement de l'utilisateur et à l'ensemble des navigateurs ciblés.
-
Respecter les bonnes pratiques de structuration et de sécurité ainsi que les contraintes de l'architecture du matériel cible.
-
Publier les pages web sur un serveur et les rendre visibles sur les moteurs de recherche.
-
Rechercher des solutions pertinentes pour la résolution de problèmes techniques de rendu et d'accessibilité en utilisant de la documentation en langue française ou anglaise.
-
Auto documenter son interface dans le but de la rendre évolutive.

Description de la formation

1. La structure d'un site web en HTML
-
Les principes de base
- Les nouveaux principes d'HTML 5 - Les meta données et charset o La structure HTML
- Le principe de "boites" - L'imbrication des balises
- L'HTML5 sémantique
-
Les balises
- Les balises de structure
- Les balises de contenu
- Les balises sémantiques
-
Les attributs
- Les attributs HTML
- Les attributs d'identification
-
Travaux pratiques Mise en place et validation de la structure d'un document HTML5.
-
Travaux pratiques Création de templates HTML5. Positionnement d'éléments en absolu. Réalisation d'un lecteur multimédia.
2. La forme d'un site web en CSS3
-
Les styles de base
- Mettre en place la structure avec les sélecteurs
- Le positionnement
- Styliser le texte
-
Les pseudo
- classe et pseudo
- éléments
- Interagir avec les premiers et derniers éléments
- Mise en forme conditionnelle
- ::before et ::after
-
Les effets
- Survol, clic, focus, ...
- Mettre en place des effets de style poussés
- Transitions CSS3
-
Travaux pratiques Création de templates HTML5. Positionnement d'éléments en absolu. Réalisation d'un lecteur multimédia.
-
Travaux pratiques Intégration de CSS 3 aux applications Web. Sélection d'éléments d'une page HTML5
-
Travaux pratiques Application de couleurs. Mise en forme de textes. Gestion multicolonne.
-
Travaux pratiques Appliquer des ombres et des arrondis. Animations et effets de transition.
3. Aller plus loin avec Javascript / jQuery
-
Les effets en JS
- Interagir avec la structure HTML
- Interagir avec le style CSS o Introduction à Canvas, SVG, audio et vidéo
- Les nouvelles balises media
- Le dessin et l'animation SVG
- La balise Canvas
-
Travaux pratiques Initiation à différents framework CSS.
-
Travaux pratiques Initiation à différents framework Javascript (Angular...).
4. Fonctionnalités évoluées
-
Les tableaux
-
Les formulaires
-
La vidéo et l'audio
5. Mobilité et Responsive Design
-
Media Queries o Responsive Web Design
-
La stratégie mobile
-
Gestion des nouveaux OS et écrans HD (IOS, Android, Windows Phone)
6. Recette, tests et évolutions
-
Versionning et mise en production
-
Compatibilité des Navi

Conditions d'accès

Pas de prérequis

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

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

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

Informations complémentaires

1
Se rapprocher du centre pour ces modalités
Et après la formation ?

Retour à l'emploi des anciens stagiaires

ÉLEVÉ

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 ?

AKXIA

Lieu de formation

1 boulevard de Valmy
Villeneuve d'Ascq

Calculez votre itinéraire

Centre de formation

1 boulevard de Valmy
59650, Villeneuve-d'Ascq

Toutes les formations et avis pour AKXIA