Techniques de développement web avec HTML5 et CSS3
Un cours proposé par Marta ArmadaConcepteur Web
Un cours proposé par Marta Armada, Concepteur Web
Optimisez vos sites web à l’aide de nouvelles techniques de programmation et de mise en page
Marta Armada web -diseñadora spécialisée dans la conception UX Responsive et front-end et fondatrice de l'étude Swwweet avec Javier Usobiaga- vous apprend à améliorer vos compétences en développement web en analysant différentes techniques HTML5 et CSS3.
Vous apprendrez la sémantique, les dégradés, les ombres, les formes, les animations et la flexbox, entre autres choses, qui vous permettront d'améliorer et d'optimiser vos pages Web.
Il s'agit d'un cours complémentaire à Introduction au développement Web [url=http://www.domestika.org/es/courses/74-introduccion-al-desarrollo-web-responsive-con-html-y-css]avec HTML et CSS par Javier Usobiaga.
Qu'allez-vous apprendre dans ce cours en ligne ?
29 leçons & 17 vidéos téléchargées
Introduction à HTML5
2 minutes, 8 secondes
Introduction à CSS3
1 minute, 55 secondes
Navigateurs et assistance
2 minutes, 13 secondes
Balises HTML5 et sémantique
1 minute, 53 secondes
Étiquettes de bloc
5 minutes, 53 secondes
Étiquettes de ligne
3 minutes, 20 secondes
Que comprend ce cours ?
Vous commencerez par connaître le travail et les influences de Marta Armada et de son studio de conception Web, Swwweet.
Ensuite, vous entrerez dans une brève introduction sur HTML, CSS, navigateurs et supports qui sera le point de départ pour commencer à explorer les possibilités des nouvelles techniques Web rendues possibles par HTML5 et CSS3.
Vous commencerez par connaître la sémantique et les formes en HTML5, puis vous vous plongerez dans les outils de décoration tels que les bords arrondis, les dégradés et les ombres.
Plus tard, vous découvrirez les outils pour la vidéo, l'audio et les images responsive . Également des transitions, des transformations et des animations, de nouveaux sélecteurs et des outils de mise en page tels que flexbox et calc ().
Quel est le projet du cours ?
Le projet final consiste à créer une page Web de conception gratuite, comme une synthèse des différents sujets que vous verrez tout au long du cours.
Projets d'élèves du cours
À qui s'adresse ce cours en ligne ?
Ce cours s'adresse aux concepteurs Web, aux programmeurs, aux graphistes et à toutes les personnes qui se sentent à l'aise pour écrire du HTML et du CSS, mais qui souhaitent améliorer leurs compétences. Il n'est pas nécessaire d'avoir un très haut niveau et les connaissances en conception ne sont pas essentielles.
Aussi à ceux qui ont suivi le cours de Javier Usobiaga Introduction au Web [url=http://www.domestika.org/es/courses/74-introduccion-al-desarrollo-web-responsive-con-html-y-css]Développement avec HTML et CSS et souhaitez approfondir le sujet de la main de Marta Armada.
Prérequis et matériel nécessaire
Pour ce cours, vous avez besoin de connaissances préalables qui vous permettront d'écrire confortablement du HTML et du CSS. Vous aurez besoin d'un ordinateur et de votre éditeur de code préféré.
Avis
- il y a 5 mois
Muy buen curso intuitivo, las explicaciones son muy claras
- il y a 1 an
Elcurso tiene buena informacion que es importante para la creacion de una pajina web pero eso solo eso informacion. una persona que apenas empieze no entenderia como hacer los codes or como o donde poner cada code. creo que se tiene que obtener otro curso de como empezar una pajina web y luego pasar a este curso como segundo para mas informacion.
- il y a 1 an
Es bueno, pero si ya tienes fundamentos algo avanzados, ya que explica las nuevas actualizaciones, no los lenguajes en sí y si no sabes utilizar los anteriores, te falta mucho para poder comprender bien esto.
- il y a 1 an
muy buen curso facil de entender y con buenos recursos
- il y a 2 ans
Muy bueno!
En 2009, elle a fondé le studio de conception Web Swwweet avec son mari, Javier Usobiaga, où ils travaillent à la création de pages Web pour startups .
Marta a donné plusieurs conférences et ateliers fois lors d'événements locaux et de conférences internationales, et est professeur de conception Web à ELISAVA Escuela Superior de Diseño.
Contenu
- U1
introduction
- introduction
- Les influences
- U2
Introduction à HTML5 et CSS3
- Introduction à HTML5
- Introduction à CSS3
- Navigateurs et assistance
- U3
Sémantique
- Balises HTML5 et sémantique
- Étiquettes de bloc
- Étiquettes de ligne
- U4
Décor
- Couleur et opacité
- Des bords arrondis
- Nuances
- Dégradés et arrière-plans
- U5
Vidéo, audio et images réactifs
- Vidéo et audio
- Attributs vidéo
- Images réactives
- U6
Sélecteurs
- Sélecteurs d'enfant et de type
- Sélecteurs d'attributs
- Autres sélecteurs utiles
- Pseudo-éléments :: avant et :: après
- U7
Formes
- Nouveaux types d'entrées
- Attributs dans les formulaires
- Formes de style
- U8
Transitions et animations
- Transformations
- Les transitions
- Animations
- U9
Outils de mise en page
- Dimensionnement des boîtes et requêtes multimédias
- Calc () et unités de fenêtre
- Introduction à la flexbox
- Solutions Flexbox
- PF
Projet final
- Techniques de développement Web avec HTML5 et CSS3
Ce qu’il faut attendre d’un cours Domestika
Apprenez à votre rythme
Apprenez chez vous, sans horaires fixes et à votre rythme. C’est vous qui décidez de votre programme d’apprentissage.
Apprenez auprès de grands noms du secteur créatif
Apprenez les techniques et les méthodes les plus utiles auprès des meilleurs professionnels du secteur créatif.
Rencontrez des spécialistes reconnus
Dans chaque leçon, votre professeur vous transmettra ses connaissances avec enthousiasme, vous donnera des explications claires et vous fera bénéficier de son expertise.
Certificats
PLUSEn tant que membre Plus, vous recevrez pour chaque cours un certificat personnalisé signé par votre professeur. Partagez-le dans votre portfolio, sur les réseaux sociaux ou partout où vous le souhaitez.
Soyez aux premières loges
Profitez de vidéos de haute qualité pour ne manquer aucun détail. Grâce à un accès illimité, vous pourrez les regarder autant de fois que nécessaire pour perfectionner vos compétences.
Partagez vos connaissances et vos idées
Posez des questions, demandez des avis ou suggérez des solutions. Partagez votre expérience d’apprentissage avec les autres élèves de la communauté qui ont, comme vous, une passion pour la créativité.
Rejoignez une communauté créative internationale
Cette communauté réunit plus de huit millions de personnes des quatre coins du monde, curieuses et passionnées, avec cette même envie de développer et d’exprimer leur créativité.
Assistez à des cours de haute qualité
Domestika sélectionne les professeurs avec soin et produit chaque cours en interne afin de garantir une expérience d’apprentissage en ligne de qualité optimale.
Foire aux questions
Vous apprendrez à créer des sites web modernes et adaptatifs avec HTML5 et CSS3, en utilisant des balises sémantiques, des techniques avancées de mise en page, des effets visuels et des ressources pour optimiser l'expérience utilisateur sur tous les appareils.
Ce cours s'adresse aux personnes ayant des bases en HTML et CSS souhaitant approfondir les techniques avancées et le design responsive. Il n'est pas destiné aux débutants complets, mais reste accessible à ceux qui maîtrisent les fondamentaux.
Vous devez avoir des connaissances de base en HTML et CSS, ainsi qu'un accès à un éditeur de code et un navigateur web récent. Une expérience préalable dans la création de pages simples est recommandée.
Vous apprendrez à appliquer les principes du design responsive, l'optimisation des performances et l'accessibilité, pour que vos sites soient fonctionnels et attractifs sur tous les appareils, améliorant ainsi l'expérience utilisateur.
Les balises sémantiques HTML5, comme header, nav, article et section, structurent et donnent du sens au contenu, ce qui améliore l'accessibilité, le SEO et la maintenance du code.
Oui, vous apprendrez à créer des animations, transitions, dégradés, ombres et motifs personnalisés grâce aux outils avancés de CSS3.
Oui, le cours couvre l'intégration de vidéo, audio et graphiques via les balises natives HTML5 et l'utilisation de Canvas pour les dessins et visualisations.