Cette formation vidéo fait partie d'une série sur la programmation HTML5, CSS3 et JavaScript. Cette série de tuto va vous montrer comment construire des pages Web de toutes pièces et les assembler pour créer des sites Web légers et compatibles avec les dernières normes du Web.

Si vous n'avez aucune connaissance en programmation HTML/CSS/JavaScript, je vous rassure tout de suite, ce pack est tout à fait adapté à votre profil, puisqu'il démarre de zéro.

Dans ce deuxième tome, vous allez apprendre de nombreuses techniques de mise en forme CSS 2/CSS3, améliorer vos connaissances en HTML5 et découvrir les innombrables possibilités du langage JavaScript.

Un fichier PDF sources reprenant les notions abordées vous est également fourni. Vous pouvez également retrouver le premier tome de cette formation.

Jetez un oeil à ces autres tuto HTML 5, CSS 3, JavaScript

Pack créer et développer un portfolio de A à ZPack créer et développer…
Voici un tuto créer et développer un portfolio de A à Z dédié…

Intégration HTML5 / CSS3 d'un portfolio minimalisteIntégration HTML5 / CSS3…
Voici la suite de la formation Photoshop consacrée à la création…

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…

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…

Montage HTML / CSS d'un site responsive en One PageMontage HTML / CSS d'un site…
Voici la suite de la formation consacrée à la création d'une…

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

HTML 5

  • Définir l'arrière-plan des cellules00:02:06 
  • Une image d'arrière-plan dans les cellules d'un tableau00:01:17 
  • Un peu de vocabulaire00:02:09 
  • Les divisions00:05:27 
  • Mise en page avec des divisions00:01:57 
  • Mise en page HTML500:02:33 
  • Codes couleur avec des curseurs00:02:09 
  • Mise en exergue d'un texte00:01:43 
  • Span vs div00:00:53 
  • Vérifier la validité du code00:02:26 

CSS 3

  • Une première approche des styles CSS00:01:13 
  • Un style CSS dans une balise00:01:33 
  • Des styles dans l'en-tête du document00:01:44 
  • Des styles dans un fichier externe CSS00:02:09 
  • Feuille de styles ou attribut style ?00:02:10 
  • Surclasser un style00:02:38 
  • Les classes CSS00:03:10 
  • Une classe sélective00:02:10 
  • Une connexion unique CSS-HTML00:01:53 
  • Un premier pas vers l'interactivité en CSS00:03:32 
  • Positionner un objet avec des coordonnées absolues00:03:12 
  • Gestion des débordements dans une div00:02:24 
  • Une bande verticale à gauche du contenu00:02:05 
  • Un bas de page … en bas de la page00:02:36 
  • Mise en page complète avec bas de page fixe00:03:02 
  • Un design à deux colonnes00:02:06 
  • Un design à trois colonnes00:02:22 
  • Trois colonnes en CSS300:02:12 
  • Alignement avec un tableau00:02:04 
  • Plus loin avec les sélecteurs CSS00:02:20 
  • Un sélecteur descendant00:01:22 
  • Un sélecteur d'attribut00:02:20 
  • Les unités de mesure (unités.htm)00:03:24 
  • Lettrine (lettrine.htm)00:02:45 
  • La propriété z-Index00:02:13 
  • Opacité00:01:11 
  • Display00:01:45 
  • Positionnement inline-block00:01:32 
  • Le sélecteur universel00:01:22 
  • Une bordure arrondie00:01:16 

Javascript

  • Première approche du JavaScript00:02:45 
  • Afficher un message dès l'ouverture d'une page00:01:01 
  • getElementById, première approche00:03:16 
  • getElementById, Modifier la couleur d'arrière-plan00:05:27 
  • getElementById, Obtenir le contenu d'une div00:02:42 
  • getElementById, donner le focus à une zone de saisie00:02:56 
  • getElementById, montrer/cacher un élément00:02:53 
  • getElementsByName00:04:24 
  • getElementsByTagName()00:03:07 
  • Codes couleur en JavaScript00:04:00 

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto HTML 5, CSS 3, JavaScript de 2 heures 0 minute 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

Formation Windows 8 Consumer PreviewFormation Windows 8 Consumer Preview
Voici une formation Windows 8, dédiée à la découverte de la version Consumer Preview.…

Débuter en HTML5 - CSS3 - Javascript - Tome 1Débuter en HTML5 - CSS3 - Javascript - Tome 1
Cette formation fait partie d'une série sur la programmation HTML5, CSS3 et JavaScript.…

Tuto Windows 7 - Astuces Tome 4Tuto Windows 7 - Astuces Tome 4
Dans ce tuto Windows 7 - Astuces Tome 4, vous trouverez encore 50 nouveaux trucs et astuces…

Excel 2010Excel 2010
Voici une formation Excel 2010 de plus de 2h, en vidéo et découpée en 79 tuto vidéo…

voir tous les tuto de Mediaforma

Notes attribuées par les utilisateurs (5 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (5)

par zotreeonea voté :
(a acheté ce tuto - 13 août 2013)

" Les éléments javascript et css de la rubrique précédentes???? Mais de quoi parle t il? Il est demandé de se référer à des parties non encore vues.... C'est mal foutu! "

par papounet42a voté :
(a acheté ce tuto - 20 novembre 2012)

" <nav> <article> et <aside> occupe donc 120% de la largeur, je pense qu'on doit occuper seulement 100%, non ? "

par Toutkoola voté :
(a acheté ce tuto - 12 novembre 2012)

" Je suis désolé mais là ça n'a ni queue ni tête,
dans la partie précédente nous parlions des balises HTML5 nécessaires pour créer un site et là on arrive à une seconde partie sur des formulaires. Ou sont les parties manquantes ?????? "

par swifika voté :
(a acheté ce tuto - 18 septembre 2012)

" excellent excellent "

par Sam67a voté :
(a acheté ce tuto - 03 septembre 2012)

" Depuis qu'on est pris au web une formation continue aux rudiments de la programmation à balise est importante. Il faut bien mettre des noms sur toute cette dynamique pour ne citer que ce genre de programmation ... "

 

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, CSS 3, JavaScript d’une durée de 2 heures 0 minute a été acheté 210 fois et a reçu une note moyenne de 4/5.

Ce tuto a été publié le 12 juin 2012 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.

Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette 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 !