Page précédente
Formation continue

Construire des sites web avec HTML5 et CSS3

AKXIA Villeneuve d'Ascq
Picto évaluation 3 (5)
Picto fav
Picto partage
  • Partager par mail
  • Imprimer

Objectifs de la formation

Picto rouler et dérouler
  • À 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.

Pré-requis

Picto rouler et dérouler

Pré-requis

Pas de prérequis

Contenu pédagogique

Picto rouler et dérouler

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 Navigateurs et OS
  • Mettre en ligne avec un client FTP
  • Sécurité des informations et politique des droits d’accès
  • Se préparer aux évolutions

Insertion dans l'emploi

Picto rouler et dérouler

Aucune donnée n'est encore disponible pour cette formation

Avis sur la formation

Picto rouler et dérouler

Les prochaines sessions

20/06/2020 au 31/12/2021
À Villeneuve-d'Ascq
Picto rouler et dérouler
Carif : n° 1597117
Picto informations
  • Formation individuelle
  • Temps plein
  • formation mixte
Picto durée totale
Durée totale : 60h
Picto feu vert
Places disponibles

Dispositif lié au financement

Autre financement



Accès au lieu de formation

Picto lieu
1 boulevard de Valmy
59650 Villeneuve-d'Ascq
Picto accès handicap
Pas d'accès handicap
Picto accès
Accès :
En savoir plus

Contact(s)

Isabelle ALVIN
Picto phone

03-20-31-20-00

Picto mail

isabelle.alvin@akxia.fr

Samia TOUAMA
Picto phone

03-20-31-20-00

Picto mail

vdl@akxia.fr

Kévin COLLOT
Picto phone

Picto mail

kevin.collot@akxia.fr

AKXIA Villeneuve d'Ascq

Picto label 1 label
Picto lien organisation

Formations similaires

TEMANA
1 session disponible
Prochaine session : Entrée sur demande
Picto map marker Wasquehal Picto horaire Total : 21h
IFRAC - INSTITUT DE FORMATION DE RECRUTEMENT ASSISTANCE ET CONSEILS
1 session disponible
Prochaine session : Entrée sur demande
Picto map marker Clairoix Picto horaire Total : 21h
IFRAC - INSTITUT DE FORMATION DE RECRUTEMENT ASSISTANCE ET CONSEILS
1 session disponible
Prochaine session : Entrée sur demande
Picto map marker Clairoix Picto horaire Total : 126h