Voici une formation à la découverte de l'HTML5 et du CSS3. A travers un programme complet, cette formation sera la guide parfait pour ceux qui souhaitent débuter en programmation Html5 et CSS3.

Ca y est, vous avez décidé de vous mettre aux langages HTML5 et CSS3 ? Bravo ! Vous avez fait un bon choix. Ces deux langages ont toutes les chances de s'imposer sur les ordinateurs, téléphones et tablettes durant la prochaine décennie.

Le couple HTML5 / CSS3 donne d'excellents résultats ... pour peu qu'on sache l'utiliser. Cette formation en vidéo passe en revue les principaux sujets qu'un programmeur Web doit connaître. Les codes sont expliqués dans le détail et immédiatement illustrés dans un navigateur.

Cette formation est véritablement le plus court chemin pour mettre en œuvre du code efficace et orienté multi-navigateurs et multi-plateformes.

Cette formation est-elle faite pour vous ?

Vous vous demandez certainement si vous avez le niveau nécessaire pour suivre cette formation.

  • Si les langages HTML et CSS vous sont familiers, les vidéos de cette formation vont vous apporter tout ce que vous devez savoir pour passer au standard du futur HTML5 / CSS3. Par son intermédiaire, vous serez en mesure de créer des sites Web modernes, adaptés aux navigateurs, téléphones et tablettes.
  • Si vous n'avez jamais écrit des pages HTML ni travaillé leur mise en forme en utilisant le langage CSS, c'est l'occasion de vous y mettre. Les vidéos, très progressives et bien ciblées vous aideront à comprendre le fonctionnement de ces deux langages et vous serez rapidement étonné de vos réalisations.

Jetez un oeil à ces autres tuto HTML 5

Créer une application autour de moi en HTML5Créer une application autour…
Dans ce tuto HTML5 en vidéo, nous allons voir comment créer…

Pack : Créer votre site Internet, les bases pour débutantsPack : Créer votre site Internet,…
Dans ce pack, nous allons vous donner toutes les bases HTML…

Aller plus loin en HTML5 : Le drag and dropAller plus loin en HTML5 :…
Gérez le glissé/déposé avec JavaScript Vous êtes développeur…

Création et montage HTML / CSS d'un thème E-CommerceCréation et montage HTML…
Nous allons apprendre à créer un thème de site qui pourra…

Créer un site One Page complet de A à ZCréer un site One Page complet…
Dans ce tuto vidéo HTML5, CSS3 et jQuery, nous allons voir…

Montage HTML / CSS d'un site Internet ResponsiveMontage HTML / CSS d'un site…
Voici une formation sur le découpage et l'intégration d'un…

Créer un portfolio full responsive en HTML5 et CSS3Créer un portfolio full responsive…
Voici une formation pour apprendre à créer un portfolio full…

Administration en AJAX et HTML5Administration en AJAX et…
Dans ce tuto AJAX en vidéo, nous verrons comment ajouter, supprimer…

Cette formation contient 50 leçons en vidéo pour une durée totale de 1h52.
Voici le programme complet abordé au cours de cette formation :

AVANT DE COMMENCER

  • L'environnement de développement HTML5-CSS300:03:24 
  • Configuration de FileZilla00:01:51 
  • Un peu de vocabulaire spécialisé HTML5-CSS300:02:43 

PREMIERS PAS

  • Compatibilité des navigateurs00:02:53 
  • La déclaration de type de document ou DTD00:01:01 
  • Le jeu de caractères00:02:06 
  • La langue du document00:01:18 
  • Les styles CSS00:02:18 
  • Du code CSS à l'intérieur d'une balise HTML00:00:49 
  • Du code CSS dans l'en-tête du document00:00:44 
  • Du code CSS dans un fichier annexe00:00:44 

UN PEU PLUS LOIN

  • Structure d'un document HTML/CSS00:01:14 
  • Structure d'un document HTML5/CSS300:03:08 
  • Les sélecteurs00:04:03 
  • Les pseudo-éléments00:02:10 
  • Tester la validité d'un document HTML5/CSS300:01:49 

GRADIENTS

  • Gradients linéaires00:02:54 
  • Plusieurs couleurs dans un gradient linéaire00:02:21 
  • Gradients radiaux00:01:59 
  • Plusieurs couleurs dans un gradient radial00:01:06 
  • RGBA et gradients radiaux00:02:48 

AFFICHAGE

  • Rendu d'affichage00:01:55 
  • Multicolonnage00:01:30 
  • Multicolonnage, une autre approche00:01:15 
  • Arrière-plan multiple00:01:55 

ARRONDIS, OMBRAGE ET REFLEXION

  • Coins arrondis00:02:26 
  • Ombrage d'éléments non textuels00:02:35 
  • Ombrage d'éléments textuels00:03:40 
  • Réflexion00:01:55 

TRANSFORMATIONS ET ANIMATIONS

  • Translation00:01:03 
  • Rotation00:00:44 
  • Changement d'échelle00:01:14 
  • Inclinaison00:01:10 
  • Transitions00:01:14 
  • Animer une transformation00:02:36 
  • Animer une transparence00:01:07 

MENUS

  • Menu horizontal00:02:15 
  • Menu vertical00:02:29 
  • Menu déroulant00:03:58 

GRAPHIQUES

  • La magie de l'élément Canvas00:05:55 
  • Utiliser des graphismes SVG en HTML500:02:21 

MULTIMEDIA

  • Manipuler du son avec l'élément audio00:02:49 
  • Manipulation de vidéos avec l'élément video00:02:06 

TECHNIQUES AVANCEES

  • Utilisation d'une police non standard00:04:08 
  • Créer une boîte redimensionnable00:01:28 
  • Manipuler des éléments éditables00:03:00 
  • Pratique du glisser-déposer en HTML500:02:11 
  • Les barres de progression00:01:59 
  • Stocker des données localement00:03:15 
  • La magie des Media Queries00:04:30 

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto HTML 5 de 1 heure 52 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

Mediaforma , Formateur

Mediaforma diffuse gratuitement des vidéos sur le système d'exploitation Windows 7. Vingt vidéos sur un total de cent douze sont disponibles en permanence sur le site. Toutes les semaines, deux nouvelles vidéos apparaissent et les deux plus anciennes sont supprimées. A propos de moi : Michel Martin est un MVP (Most Valuable Professional) Microsoft sur la technologie Windows. Depuis de nombreuses années, il écrit des livres et des formations multimédia sur les technologies Microsoft et non Microsoft.

Toutes les formations de Mediaforma


Témoignage des clients de Mediaforma

De très bons tutoriels, bien expliqués et destinés à tous les âges. Merci à vous.

J'adore vos formations elles sont toujours très complètes

 

D'autres tuto de Mediaforma

Le mode BackstageLe mode Backstage
Le bouton Microsoft Office de PowerPoint 2007 a été remplacé par l’onglet Fichier…

Partage de documents dans Word 2010Partage de documents dans Word 2010
Plusieurs méthodes peuvent être utilisées pour partager un document dans Word 2010.…

Le mode protégé de Word 2010Le mode protégé de Word 2010
Le mode protégé est une nouvelle fonctionnalité de Word. Son but est d’accroitre…

Traduction à la volée dans Word 2010Traduction à la volée dans Word 2010
Si vous travaillez sur des documents écrits en plusieurs langues, le mini-traducteur…

voir tous les tuto de Mediaforma

Notes attribuées par les utilisateurs (15 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (15)

par flocava voté :
(a acheté ce tuto - 29 mai 2012)

" Est-ce vraiment nécessaire de dire qu'il faut s'équiper d'un ordinateur pour faire du html/css?

D'accord il faut être bien compris lorsque l'on parle dans un tuto, mais la on dirait un robot qui récite au ralentis...on aurait bien besoin d'une touche d'avance rapide dans le tuto player... "

par magocchi
(a acheté ce tuto - 13 mai 2012)

" Bonjour,

A tous ceux qui se posent encore la question : cette formation est vraiment faite pour ceux / celles qui ne connaissent rien au langage html / css.
Ce tuto est ultra-pédagogique.
Attention ! Si vous souhaitez voir un tuto avec la réalisation d'une base de site, passez votre chemin. Ce tuto explique pas à pas, balise par balise les fondamentaux html et css.
Le fait d'avaoir tout découpé en séquences vidéo est pratique dans la mesure ou ce tuto peut être utilisé en tant que mémo. "

par Mediaforma
(auteur de ce tuto - 10 mai 2012)

" Merci Mastabob :)

Pour tous ceux et toutes celles qui débutent en HTML5/CSS3/JavaScript, je viens de sortir le premier volet d'une série vidéo aujourd'hui. Cette première partie commence à expliquer les langages HTML et CSS en partant de zéro. Dans le deuxième volet, ces deux langages seront approfondis et le langage JavaScript sera abordé... "

par mastaboba voté :
(a acheté ce tuto - 08 mai 2012)

" Trés bon tuto, qui permet vraiment de progresser. "

par jubeia voté :
(a acheté ce tuto - 09 avril 2012)

" pas très clair, les explications !
On sent comme de l'inachevé...
Dommage ! "

par swifika voté :
(a acheté ce tuto - 16 février 2012)

" excellent
f "

par Boogiwoogia voté :
(a acheté ce tuto - 23 janvier 2012)

" 3 "

par swifika voté :
(a acheté ce tuto - 06 décembre 2011)

" excellent "

par x35c911a voté :
(a acheté ce tuto - 09 novembre 2011)

" Renvoyer sur google aurait pu être évité. "

par Mediaforma
(auteur de ce tuto - 27 octobre 2011)

" Bonjour July789,

Ce tuto vous prend par la main et vous accompagne dans vos développements. Regardez une vidéo et refaites la même chose ou quelque chose d'approchant pour obtenir l'effet recherché.

Ceci dit, sans aucune connaissance en HTML/CSS, je vous conseille de vous former à ces langages dans un premier temps, puis à revenir vers ce tuto dans un deuxième temps.

Au plaisir de vous revoir ici. "

par july789
(n'a pas acheté ce tuto - 26 octobre 2011)

" J'ai une question avant d'être certaine d'effectuer l'achat de ce tuto : je suis débutante (c'est à dire que je n'ai vraiment aucune idée de ce que signifie html et css, mis à part qu'il s'agit de codes), vais-je comprendre ce tutoriel ou est il trop avancé pour moi ? "

par jovantutcs5a voté :
(a acheté ce tuto - 02 octobre 2011)

" merci pour l'adresse de filezila "

par skalouloutea voté :
(a acheté ce tuto - 24 septembre 2011)

" bien expliqué "

par Mediaforma
(auteur de ce tuto - 09 août 2011)

" Bonjour,

Je vous remercie pour votre critique constructive. Je tiendrai compte de vos remarques pour mes prochains tutos.

- Les powerpoint ne sont là qu'épisodiquement. Vous le verrez en parcourant les vidéos.
- Effectivement, j'articule bien pour que tout le monde puisse suivre ce que je dis, voire même puisse l'appliquer en "live".
- Le rendu avant les explications est effectivement un choix judicieux. Les vidéos ne devraient pas avoir le même nom dans le player. Je vais voir pourquoi elles apparaissent ainsi.
- Le découpage en petites séquences est voulu, afin d'illustrer un point particulier à chaque fois, et pour que les personnes qui visionnent la vidéo puissent immédiatement la mettre en application.

J'espère que vous apprendrez beaucoup de techniques utiles avec ce tuto.


"

par gmaingreta voté :
(a acheté ce tuto - 09 août 2011)

" Bonjour,

J'aurai plusieurs critiques à formuler au sujet de ce tuto.

Premièrement, beaucoup de temps est utilisé à lire et répéter le contenu des powerpoints, du coup l’intérêt du contenu aurait pu être amélioré en rajoutant d'avantages d'explications contextuelles en insistant sur certains points plutot que de répéter la même chose (par exemple pour les -webkit, -moz...).
Deuxièmement, j'imagine que dans un soucis de bien se faire comprendre, le formateur fait un effort particulèrement prononcé pour articuler et parler lentement. Cependant, ajouté à ma première remarque cela rend les vidéos longues et on a parfois envie de faire avance rapide.
Troisièmement, (c'est mon approche perso), j'aurais préféré que les vidéos commencent avec un aperçu du rendu avant d'avoir les explications plutôt que d'attendre les quelques secondes à la fin pour me rendre compte si le résultat m'intéressait ou pas.
Dernier point, les vidéos présentes dans ce pack sont trop découpé (à mon gout), 50 vidéos pour 2heures de formation ca fait beaucoup. D'autant plus que dans le player elles sont toutes nommées pareil. Donc pour en revoir une en particulier, il est plus facile de les lire dans vlc et de repérer le nom du fichier. "

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto HTML 5 d’une durée de 1 heure 52 minutes a été acheté 301 fois et a reçu une note moyenne de 3/5.

Ce tuto a été publié le 8 août 2011 par Mediaforma, contributeur, ayant reçu une note moyenne de 3,5/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto HTML Formation.

Cette formation qui se présente sous la forme de plusieurs vidéos, vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !