Apprendre Web Design HTML, CSS, guidées Cours de design
Introduction à HTML et CSS
Principes de base HTML
Principes de base CSS
CSS Selectors
Dans ce court bien sûr, nous allons aller au-delà des concepts de base de sélection couverts dans Basics CSS. Outre les moyens communs pour sélectionner des éléments avec sélecteurs de type, ID et classe, nous sommes en mesure de cibler les éléments en fonction de leurs attributs, la position dans le document HTML, même leur relation avec d'autres éléments. A la fin de ce cours, vous aurez acquis une meilleure compréhension de la puissance et la flexibilité derrière sélecteurs CSS. Vous aurez un nouvel ensemble d'outils précieux dans votre boîte à outils CSS à utiliser sur votre prochain projet.
Les formulaires HTML
Le web est un moyen de communication dans les deux sens. Il y a beaucoup d'éléments HTML pour l'affichage des données et produire une sortie, et inversement, il y a aussi beaucoup d'éléments HTML pour accepter l'entrée. Accepter une entrée de l'utilisateur des moyens de création de formulaires Web. Dans ce cours, nous allons en apprendre davantage sur tous les éléments de forme les plus importants que les professionnels du Web utilisent sur une base quotidienne.
Tableaux HTML
Le web est rempli avec du texte et des images, mais il est aussi rempli d'informations comme les résultats sportifs tout au long des années, la liste des noms des employés et des adresses e-mail, ou de la valeur nutritive pour vos aliments préférés. tables HTML permettent les informations d'affichage dans ce qui est communément appelé les données tabulaires, qui sont des informations qui sont stockées dans une structure semblable à la table des colonnes et des lignes. En général, tout ce que vous pourriez mettre dans une feuille de calcul pourrait aller dans une table. Il y a beaucoup de cas d'utilisation pour une table, il est donc important de les ajouter à vos compétences, car il est une méthode très courante pour l'affichage des informations.
Bases de mise en page CSS
Apprenez à travailler avec des méthodes de mise en page et de positionnement couramment utilisés dans la conception web. Dans ce cours, vous aurez la pratique pratique des techniques de mise en page CSS de base comme les modes et flotteurs affichage. Vous utiliserez vos nouvelles compétences de mise en page CSS pour créer la mise en page pour une simple page web. Ensuite, apprendre à améliorer la mise en page en utilisant le positionnement relatif, absolu et fixe.
Layouts Responsive
CSS mise en page Flexbox
Flexbox est un ensemble de propriétés CSS qui vous donnent un moyen flexible pour exposer le contenu. Avec FlexBox vous pouvez changer la direction, l'alignement, la taille et l'ordre des éléments, quelle que soit leur taille d'origine et de l'ordre dans le code HTML. Vous pouvez même étirer et rétrécir les éléments et la distribution de l'espace, le tout avec seulement quelques lignes de CSS!
Fondations Design
Avez-vous déjà voulu comprendre et créer des conceptions esthétiques pour le web? Dans cette plongée profonde, nous allons apprendre ce qu'est le design et la façon d'exploiter sa puissance. Répartition des composants qui évoquent l'esthétique parfaite. Créer et fixer un design de votre propre.
Fondations Photoshop
Fondations Photoshop enseigne les connaissances et les compétences relatives à Adobe Photoshop qui sont les plus pertinents pour un professionnel de la conception web. Les leçons apprises ici constituent une base solide pour étudier des sujets plus avancés Photoshop.
Adobe Illustrator pour la conception Web
CSS Transitions et Transforms
Notions de base SVG
Animer SVG avec CSS
SVG (Scalable Vector Graphics) prend également en charge l'interactivité et de l'animation, de sorte que vous pouvez animer et d'interagir avec SVG comme vous êtes en mesure de le faire avec le langage HTML. Ce cours couvre court les méthodes les plus courantes pour l'animation SVG: transitions CSS, transforme et animations d'images clés.
Principes de base de conception de logo
Ce cours couvrira non seulement les bases de la conception de logo, mais aussi à travers le processus de création d'un logo du début à la fin. Suivre Mat Helme dans sa quête pour créer un logo pour une application de gestionnaire de tâches appelé ODOT, tout en utilisant son processus connu sous le nom « Logo Sprint ».
Principes de base Marque d'identité
Dans ce cours, nous allons jeter un regard en profondeur sur le processus de conception de l'identité de la marque: de la planification, l'élaboration de stratégies et de la recherche, tout au long de la conception et la finalisation du projet. Nous allons aussi explorer ce qui fait exactement une image de marque et pourquoi processus est si important. L'image de marque peut être difficile, mais avec la préparation et les attentes, nous pouvons créer un travail extraordinaire et continuer à se concentrer sur ce qui génère les meilleurs résultats. A la fin de ce cours, vous aurez les outils et les connaissances pour créer des identités de marques significatives et complètes.
Sass Basics
Sass est une feuille de style CSS qui va avec des fonctionnalités telles que des variables, des règles imbriquées, mixins et fonctions, dans une syntaxe compatible CSS. Dans ce cours, vous apprendrez à utiliser les pouvoirs de Sass pour stimuler votre flux de travail frontal. Les exemples vous apprendra pourquoi vous devriez utiliser Sass dans vos projets. À la fin, vous allez écrire du code en utilisant CSS plus efficace qui est facile à lire et à maintenir.
Création de sites web
Un salaire d'entrée pour les technologies couvertes dans cette piste est d'environ 42 000 $ / an en moyenne.
Certaines entreprises qui utilisent ces technologies incluent régulièrement: Google, Facebook, Yahoo, eBay, Amazon et Treehouse