16,00

Tuto Créer un site internet responsive webdesign en HTML5 avec Dreamweaver

16,00

  • Une formation vidéo de 3h12m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans ce tuto Dreamweaver et HTML5, de plus de 3h nous allons voir comment réaliser un site internet en responsive webdesign. Le responsive webdesign permet au site internet d'être correctement visualiser sur différents supports mobiles comme l'iPhone ou l'iPad ou tout autre type d'écran. À l'aide des media queries nous transformeront littéralement les versions "smartphones" du site internet pour adapter de la meilleure des façons l'utilisation finale de l'internaute.

Nous allons aussi nous efforcer de créer la structure du site en HTML5 valide W3C pour un projet "tourné vers l'avenir" et "dans l'air du temps".

Les points suivant seront développés :

  • HTML5 (header, nav, article, section, footer, hgroup)
  • CSS2 & CSS3
  • Image resizing (propriété box-sizing en CSS3)
  • Appliquer une image en background cover (background-size en CSS3)
  • Réaliser une transition de couleur sur du texte (transition en CSS3)
  • Réaliser une partie contact avec vérification de champs (placeholder, required,... en HTML5)
  • Les médias queries (screen, min et max-width)
  • Les polices texte en em (et non pixel)
  • Les tailles en pourcentage (%)
  • Créer un menu en select pour les versions smartphones (jQuery)

Ce tutoriel demande un niveau intermédiaire en HTML et CSS pour suivre sans encombres celui-ci. Les fichiers sources sont fournis.

Table des matières de cette formation Dreamweaver (durée : 3h12m)

    • Interface partie 1 01:06:05
    • Interface partie 2 01:13:01
    • Mediaqueries 00:52:56



Formateur : Benoît Philibert

Benoît Philibert a publié 29 tutoriels et obtenu une note moyenne de 4,3/5 sur 10 455 tutoriels vendus. Voir les autres formations de Benoît Philibert

4,5
note moyenne

43
avis laissés
5 étoiles
31
4 étoiles
7
3 étoiles
3
2 étoiles
1
1 étoile
1
  • 5
    avis de bigmoustache laissé le 12/02/2015
    Ce qui serait sympa...c'est de proposer en téléchargement au moins, les composantes de l'exemple. Ce serait vraiment didactique et pédagogique....merci mais c'est quand même bien.
    "Hello, je comprends pas. Les sources sont dispo."

  • 5
    avis de JP71 laissé le 24/11/2014
    JP71 Ma note 5/5 Fabuleux. Second visionnage une vraie réusite ce Tuto. Grand merci de ne pas utilisé une grille ou des librairies tel que 960 Boilerplate bootstrap 940 blue print et j'en passe. Toute ta classe ton panache est dans tes CSS rellement responsive sans artefacte de lib. Encore une fois merci...Ce tuto va devenir mon tuto de chevet pour un mois ou plus....

  • 5
    avis de mariestraj laissé le 08/11/2014
    1000 mercis pour ce super tuto...

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Dreamweaver CS6, Dreamweaver CS5.5, Dreamweaver CS4
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
accédez à plus de 1543 tuto gratuits


non, je ne veux pas me former gratuitement