Formation XHTML/CSS en ligne

Apprenez le HTML5 de A à Z et créez des sites web dynamiques avec un peu de CSS3

Avant d'apprendre à développer et mettre en ligne votre propre site Internet, il est important de bien connaître les bases du HTML et du CSS. Dans cette formation en vidéo et cours en ligne, vous découvrez ce qu'est le HTML et CSS ? Le fonctionnement des sites web ainsi que la structure d'une page HTML.  Vous êtes guider pas à pas pour apprendre à intégrer des images, de l'audio et des vidéo. Vous apprenez à gérer et ajuster les polices en CSS, à comprendre la structure du CSS, les tableaux, boutons et formulaires en CSS.  Vous suivez la méthodologie de mise en page CSS et à styliser une page web avec le CSS. Formation pratique vous créez et stylisez les éléments principaux d'un site web avant de mettre en ligne et indexer un site, d'ajouter des éléments graphiques en CSS et d'animer un site en CSS

HTML 5 et CSS 3 sont indissociable. Sans le CSS, le web aurait l’allure d’un immense livre rédigé à la machine à écrire, et grâce à lui, on développe sans cesse de nouvelles tendances graphiques, des animations, des standards d'accessibilité, pour des expériences utilisateurs encore plus riche !

HTML 5 et CSS 3 sont les deux premiers langages qu’il vous faut apprendre si vous souhaitez créer des sites internet, travailler dans le webmarketing, le référencement, ou tout autre activité liée au web. 

Apprenez Materialize CSS : le framework front-end pour le Material Design

Apprenez à utiliser la flexbox CSS pour créer des mises en page responsive

Maîtrisez le préprocesseur CSS SASS, le nouveau langage de programmation.

Formez-vous au préprocesseur CSS LESS, le nouveau langage de programmation, avec Elephorm !

Apprenez les fondamentaux du langage de programmation grâce à ce tuto HTML5. Dans ce cours HTML5 vous êtes accompagné par Thierry Audoux, spécialiste des langages Web et formateur à "Gobelins l'Ecole de l'Image". Vous commencez par apprendre la structure d'une page HTML, les différentes étapes d'un projet web et découvrez les éditeurs de code avant de taper vos premières lignes. Thierry Audoux vous présente alors le fonctionnement des balises HTML et leurs attributs. Comment identifier et manier ces différentes balises. Puis vous passez à la création de votre première page en utilisant les balises "head", "body", "title", les éléments de base d'une page Web. Vous apprenez ensuite de nouvelles balises HTML5 et progressez étape par étape pour écrire du texte et des paragraphes, insérer des commentaires, des images, des citations, créer des liens ancres ou des liens complexes. Vous passez à la création de tableaux simples, de tableaux avec fusion et de tableaux sémantiques. Pour terminer vous apprenez à manipuler les balises audio et vidéo, les balises structurantes et à bien gérer les balises de la zone d'en-tête. Grâce à ce premier volume consacré aux balises vous maîtrisez les fondamentaux pour débuter le parcours du tutoriel "Apprendre HTML5 et le CSS3". Avec les fichiers de travail fournis par l'auteur vous réalisez les exercices pendant votre cours HTML5 et vous vous exercez pour faciliter votre apprentissage. Vous pouvez consacrer 3 jours à cette première étape du parcours avant de passer aux feuilles de style.

Apprenez à réaliser votre site avec les langages HTML5 et CSS3. Après avoir appris les balises HTML5 et les feuilles de styles vous réalisez la mise en page d'un site internet en HTML5 et CSS3. Toujours accompagné par Thierry Audoux vous appliquez les deux premiers volumes de la formation dans ce volume 3. Thierry vous détaille en premier lieu la mise en page d'un site internet. Vous construisez des premières pages simples, réalisez des pages avec arrière-plan, des éléments flottants et vous créez des pages avec colonnes. Vous vous formez ensuite aux menus : menu vertical ou horizontal réactif et menu déroulant simple. Votre formateur vous apprend la mise en page avec positionnement "absolute" ou avec "élément fixe". Puis vous mettez en forme un formulaire et créez une iframe. Une fois ces bases de la mise en page maîtrisée, vous passez à la mise en page avancée. Dans cette partie vous vous formez à la mise en page "Polaroïd", au slide auto avec keyframe, à l'animation de logo ou encore à l'intégration de vidéos. Thierry Audoux explique aussi comment faire une mise en page Responsive Design pour adapter son site à tous les devices. Pour terminer, il vous détaille les sélecteurs et propriétés avancées comme les sélecteurs d'attributs, les propriétés CSS pour les transitions, les animations, les transormations et enfin la gestion des compteurs, des polices, des Googlefonts et des dégradés. 

Formez-vous aux feuilles de style pour gérer la présentation de vos sites en HTML5 grâce à ce tutoriel CSS3. Sous les conseils de Thierry Audoux, formateur à l'Ecole des Gobelins, vous apprenez comment créer et coder en CSS3. Vous commencez par les bases du CSS pour comprendre leur fonctionnement et leur intégration. Vous faîtes vos premiers essais et vous testez les sélecteurs de balise, d'identifiant, les sélecteurs de classe, d'hyperliens ou encore les sélecteur de première ligne et de première lettre et les sélecteurs parent-enfant. Thierry Audoux vous apprend ensuite l'ensemble des propriétes des CSS pour avoir une maîtrise de ces propriétés de style. Propriétés CSS pour l'arrière plan, pour les blocs de texte, pour la police, pour les listes ou les bordures. Vous vous formez également aux propriétés pour blocs en travaillant sur les positions "relative", "absolute" et "fixed". Bien entendu vous abordez aussi les marqueurs pour les listes et les couleurs en CSS.

Dans cette quatrième partie du parcours pédagogique pour apprendre HTML5 et CSS3 vous allez apprendre le JavaScript et aller encore plus loin dans la programmation grâce à un tutoriel jQuery en vidéo très complet. Votre formateur, Thierry Audoux, vous initie à ces deux langages pour ensuite les utiliser dans des fonctionnalités complexes. Vous apprenez donc les ancres fluides, le lazy loading, les apparitions progressive au scroll ou les parallaxes verticaux et horizontaux, des fonctions qui donnent de la fluidité à votre site. Vous vous formez également à l'intégration de l'audio et de la vidéo HTML5 en gérant l'avance de la vidéo ou en installant un arrière-plan en vidéo full-screen. Vous réalisez des menus modernes : déroulant avec transition ou menu accordéon, menu masqué/affiché. Vous apprenez aussi à présenter des images avec un slider, une lightbox ou un effet flip card. Enfin, vous intégrez à votre site des fonctions comme la géolocalisation ou le "drag and drop".