Suis Moi Sur Facebook !

Tu souhaites recevoir par mail l'actualité Mrs. Skin?




Want Free Access to Mrs.Skin Pics & Clips?




Vous êtes ici: Page d'accueil
» Geek » AutoFormations

AutoFormations

La formation HTML5 & CSS3

La Formation - Apprenez à créer votre site web avec HTML5 & CSS3


Présentation de la formation:






Tu rêves de savoir créer toi-même ton site web mais tu ne sais pas comment faire ? Ce cours est fait pour toi !
Destiné aux débutants, il t'enseignera tout ce qu'il faut savoir sur les langages HTML5 et CSS3 qui permettent de créer des sites web.
Tu découvriras comment insérer du texte, des images, des vidéos, comment créer des menus, des formulaires, et même comment réaliser un site en responsive design qui s'adapte aux smartphones et tablettes ! Tout ceci par Mathieu Nebra Formateur Web






=========================== PARTIE 1 ===========================



Nous ferons connaissance avec le langage HTML5 et écrirons nos premières pages web. Nous apprendrons à les structurer, à insérer du texte, des liens ainsi que des images. Bienvenue dans la première session de ce MOOC sur HTML5/CSS3 ! Cette partie, j'ai préparé pour vous 24 courtes vidéos, représentant un total de 53 minutes de leçons. Nous débuterons notre découverte de la création de site web en douceur.

Chapitre 1 : Comment fait-on pour créer des sites web ?

1- Introduction



2- Le fonctionnement des sites web



3- HTML et CSS : deux langages pour créer un site web



4- L'éditeur de texte



5- Les navigateurs



Chapitre 2 : Votre première page web en HTML

1- Introduction



2- Créer une page web avec l'éditeur



3- Les balises et attributs



4- Structure de base d'une page HTML5



5- Les commentaires



Chapitre 3 : Organiser son texte



1- Introduction



2- Les paragraphes



3- Les titres



4- La mise en valeur



5- Les listes



Chapitre 4 : Créer des liens



1- Introduction



2- Un lien vers un autre site



3- Un lien vers une autre page de son site



4- Un lien vers une ancre



5- Cas pratiques d'utilisation des liens



Chapitre 5 : Les images



1- Introduction



2- Les différents formats d'images



3- Insérer une image



4- Les figures





========= PARTIE 2 =========

Nous découvrirons un nouveau langage : CSS. Celui-ci nous permettra de mettre en forme notre site web et de modifier la couleur, les bordures, la police, etc. Bienvenue dans la seconde session du MOOC sur HTML5/CSS3 ! Vous êtes de plus en plus nombreux et ça me fait très plaisir ! Dans cette partie, j'ai préparé pour vous 5 vidéos, représentant un total d'1 heure de leçons. Je vais vous introduire le langage CSS. Let's go !

Chapitre 1 : Mettre en place le CSS



1- Introduction La petite histoire du CSS



2- La petite histoire du CSS



3- Où écrit-on le CSS ?



4- Appliquer un style : sélectionner une balise



5- Appliquer un style : class et id



6- Appliquer un style : les sélecteur avancés



Chapitre 2 : Formatage du texte



1- Introduction



2- La taille



3- La police



4- Italique, gras, souligné



5- L'alignement



6- Les flottants



Chapitre 3 : La couleur et le fond



1- Introduction



2- Couleur du texte



3- Couleur de fond



4- Images de fond



5- La transparence



Chapitre 4 : Les bordures et les ombres



1- Introduction



2- Bordures standard



3- Bordures arrondies



4- Les ombres



Chapitre 5 : Création d'apparences dynamiques



1- Introduction



2- Au survol



3- Au clic et lors de la sélection



4- Lorsque le lien a déjà été consulté



========= PARTIE 3 =========

Nous apprendrons à mettre en page les différents blocs qui constituent notre site. Cela nous permettra de placer chacun des éléments où nous le souhaitons. Nous produirons notre premier site web complet à la fin de cette partie !

1- Structurer sa page



2- Le modèle des boîtes



3- Le positionnement en CSS



4- TP création d'un site



========= PARTIE 4 =========

Nous plongerons dans les fonctionnalités plus avancées de HTML5 et CSS3 : formulaires, vidéos, responsive web design, gestion des problèmes de compatibilité...

1- Les tableaux



2- Les formulaires



3- La vidéo et l'audio



4- Le responsive webdesign



5- Navigateurs et compatibilité



Report broken links

E-Mail *
Description du Problème *
 
Code de sécurité
Répéter le code de sécurité *