HTML5 et CSS3 Création de contenus pour le Web
Présentation
Ces vidéos s'adressent à toute personne débutant dans la création ou le développement de sites Web basés sur les langages HTML5 et CSS3. Elles sont extraites de la formation « Création de contenus pour le Web en HTML5 et CSS3 » animée par Nicolas PLOQUIN chez ENI Service.
Après une introduction aux langages et outils de création de contenus pour le Web, nous aborderons les notions fondamentales du langage HTML5, comme les balises et attributs HTML. Nous verrons comment intégrer des contenus ou groupes de contenus simples tels que les éléments de texte, liste et image. Nous apprendrons à ajouter des liens de navigation vers un autre site ou une autre page. Après avoir présenté le rôle des feuilles de style et sélecteurs CSS dans la mise en forme, nous passerons en revue les principales propriétés de style s'appliquant au texte et aux blocs de texte. Nous étudierons les différents éléments structurants ou conteneurs d'une page Web (section, entête, pied de page, menu) et nous verrons comment vous pouvez positionner ces éléments dans une page Web.
Nous passerons ensuite à l'intégration de contenus plus complexes avec des mises en forme avancées en CSS3, l'intégration de contenus audio et vidéo, la création de tableau et de formulaire HTML5. Nous découvrirons toute la richesse de style apportée par la transformation d'élément, l'application de transition et l'exécution d'animation. Enfin, nous verrons de quelle manière adapter son site web aux nouveaux types d'appareils connectés, communément appelé « Responsive Web Design ».
Outre les informations théoriques, des séquences de mise en application sont proposées pour chaque module afin de faciliter l'assimilation du langage HTML5 et des concepts CSS3 ainsi que leur mise en œuvre dans le respect des bonnes pratiques.
Après une introduction aux langages et outils de création de contenus pour le Web, nous aborderons les notions fondamentales du langage HTML5, comme les balises et attributs HTML. Nous verrons comment intégrer des contenus ou groupes de contenus simples tels que les éléments de texte, liste et image. Nous apprendrons à ajouter des liens de navigation vers un autre site ou une autre page. Après avoir présenté le rôle des feuilles de style et sélecteurs CSS dans la mise en forme, nous passerons en revue les principales propriétés de style s'appliquant au texte et aux blocs de texte. Nous étudierons les différents éléments structurants ou conteneurs d'une page Web (section, entête, pied de page, menu) et nous verrons comment vous pouvez positionner ces éléments dans une page Web.
Nous passerons ensuite à l'intégration de contenus plus complexes avec des mises en forme avancées en CSS3, l'intégration de contenus audio et vidéo, la création de tableau et de formulaire HTML5. Nous découvrirons toute la richesse de style apportée par la transformation d'élément, l'application de transition et l'exécution d'animation. Enfin, nous verrons de quelle manière adapter son site web aux nouveaux types d'appareils connectés, communément appelé « Responsive Web Design ».
Outre les informations théoriques, des séquences de mise en application sont proposées pour chaque module afin de faciliter l'assimilation du langage HTML5 et des concepts CSS3 ainsi que leur mise en œuvre dans le respect des bonnes pratiques.
Table des matières
- Durée totale08h19
- Introduction
- Notions fondamentales du langage HTML5
- Intégration de contenu et groupe de contenus simples
- Intégration d'éléments de navigation
- Notions de base de la mise en forme en CSS
- Mise en forme du texte
- Mise en forme des blocs
- Structuration de la page
- Positionnement et dimensionnement des conteneurs
- Mise en forme avancée en CSS3
- Intégration du contenu audio et vidéo
- Création de tableaux
- Création de formulaires HTML5
- Création d'animations
- Web adaptatif
Auteur
Nicolas PLOQUINEn savoir plus
Nicolas PLOQUIN est Consultant Formateur depuis de nombreuses années dans un grand centre de formation. Expert en développement Web, il excelle tout particulièrement sur les langages HTML5 et CSS3, sur le Responsive Web Design (Bootstrap), ainsi que sur le langage JavaScript et ses frameworks associés jQuery et AngularJS. Il bénéficie d'une expérience pédagogique et technique complète et variée, ce qui rend efficace la transmission de ses connaissances.
Caractéristiques
- Niveau Initié à Débutant
- Durée 8h19
- Parution avril 2015
- Vidéo en ligne
- Ref. ENI : VCR5HTM