Cette formation fait partie d'une série sur la programmation HTML5, CSS3 et JavaScript. Elle 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 et vise les débutants.

Dans ce premier tome, vous allez apprendre les bases du langage HTML et découvrir quelques bribes de CSS. Au fur et à mesure des rubriques, vos connaissances iront croissantes et vous serez à même de réaliser de superbes pages Web.

Ce pack est le premier d'une série. Avec lui, vous aurez toutes les bases nécessaires pour bien appréhender le langage HTML. Dans les prochains packs, nous aborderons plus en détail les langages CSS et JavaScript.

Le second Tome est également disponible !

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

Créer un jeu de type Portal 2D en Javascript/HTML5Créer un jeu de type Portal…
Ce tuto HTML5/JS vous permettra de découvrir comment réaliser…

Apprendre le Responsive DesignApprendre le Responsive Design…
Dans cette formation Responsive Design signée Elephorm, vous…

Teaser de la formation avec Thierry AudouxTeaser de la formation avec…

Qu'est-ce que le Responsive Web Design ?Qu'est-ce que le Responsive…

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…

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

Formation Html5 et CSS3Formation Html5 et CSS3
Voici une formation à la découverte de l'HTML5 et du CSS3.…

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…

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

LES BASES DU LANGAGE HTML

  • Le langage HTML00:02:10 
  • Configuration nécessaire00:02:43 
  • Quel(s) navigateur(s) utiliser ?00:02:05 
  • Squelette minimal d'une page HTML00:03:13 
  • L'en-tête d'un document00:02:08 
  • En-tête et référencement00:01:33 
  • Langue du document00:00:25 

PREMIERES BALISES HTML

  • Lignes et paragraphes00:02:45 
  • Des titres dans le document00:02:19 
  • Gras00:01:51 
  • Alignement des paragraphes00:01:37 
  • Séparateurs horizontaux00:02:16 

MISE EN FORME

  • Taille des caractères00:01:25 
  • Couleur des caractères00:01:26 
  • Couleurs étendues00:00:52 
  • Couleurs hexadécimales00:02:18 
  • Indice et exposant00:01:05 
  • Listes à puces00:02:18 
  • Listes numérotées00:01:27 
  • Listes sur plusieurs niveaux00:01:29 

TECHNIQUES PARTICULIERES

  • Caractères particuliers00:02:36 
  • Caractères non proportionnels00:01:47 
  • Ne pas interpréter le code HTML00:01:40 

LIENS

  • Liens hypertextes00:03:06 
  • Liens et ancres00:01:00 
  • Destination de l'ouverture00:00:34 
  • Liens de téléchargement00:00:53 
  • Lien vers une adresse e-mail00:01:57 

IMAGES

  • Les formats d'images du Web00:01:00 
  • Insérer une image dans un document00:02:02 
  • Une infobulle sur une image00:01:12 
  • Redimensionner une image00:01:14 
  • Aligner une image00:01:00 
  • Rendre une image cliquable00:00:49 
  • Images réactives – une première approche00:03:27 
  • Plus loin avec les images réactives00:03:44 
  • Couleur d'arrière-plan00:01:12 
  • Couleurs par défaut00:01:04 
  • Image d'arrière-plan00:01:36 
  • Ne pas répéter l'image d'arrière-plan00:01:59 
  • Image à arrière-plan transparent00:02:05 

TABLEAUX

  • Une première approche des tableaux00:01:09 
  • Choisir la forme de la bordure d'un tableau00:02:17 
  • Une bordure pour chaque cellule du tableau00:01:51 
  • Définir la largeur des cellules00:01:56 
  • Définir la hauteur des cellules00:01:26 
  • Aligner les données dans les cellules00:01:45 
  • Etendre une cellule sur plusieurs colonnes ou sur plusieurs lignes00:01:18 
  • Ajouter un titre dans un tableau00:01:01 
  • Espacer les cellules entre elles00:00:38 

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 1 heure 26 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

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

 

D'autres tuto de Mediaforma

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…

Outlook 2010Outlook 2010
Voici une formation Outlook 2010, de plus de 1h30 , découpée en 60 tuto vidéo. L'application…

PowerPoint 2010PowerPoint 2010
Voici une formation Powerpoint 2010, en vidéo, d'une durée de 2h, découpée en 77…

voir tous les tuto de Mediaforma

Notes attribuées par les utilisateurs (4 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (6)

par Jasse29
(a acheté ce tuto - 30 avril 2013)

" Bonjour,

Il y a une petite erreur dans la vidéo "Squelette minimale d'une page HTML". La balise <head>, n'est pas fermée.
Alors que dans les vidéos suivantes cette balise est bien fermée. "

par mysterelo17a voté :
(a acheté ce tuto - 23 avril 2013)

" juste dommage de devoir se debrouiller tout seul pour trouver l equivalent de notepad sur mac dont la plupart des logiciel sont en anglais donc pas facile pour un debutant de se depatouiller "

par tweaky94
(a acheté ce tuto - 24 novembre 2012)

" Pour les débutants, c'est tout simplement parfait!!! Explications très claires.
En revanche, je trouve l'ambiance bien triste et surtout d'une très grande lenteur... c'est dommage!!! Si on devait supprimer le nombre de fois ou il est dit comment sauvegarder ou sur quel site télécharger telle application, la formation ferait 15 minutes de moins!!!
Vais quand même prendre la deuxième partie... J'espère qu'elle sera un peu moins lente!!! "

par Sam67a voté :
(a acheté ce tuto - 20 août 2012)

" Je remercie les diffuseurs avancés de Tuto.com de partager leur savoir-faire. "

par Irwinea voté :
(a acheté ce tuto - 01 août 2012)

" Très bonne explication toute fois la définition des couleurs se fait généralement par le css.
Il devrait être préciser que cette technique ne devrait servir que si l'on veut changer un partie d'un texte dans une autre couleur. "

par swifika voté :
(a acheté ce tuto - 06 juillet 2012)

" excellent
excellent
excellent
excellent "

 

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 1 heure 26 minutes a été acheté 167 fois et a reçu une note moyenne de 5/5.

Ce tuto a été publié le 10 mai 2012 par Mediaforma, contributeur, ayant reçu une note moyenne de 3,4/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 !