$ 49.00

Tuto Formation HTML5, CSS3, Bootstrap3 & Responsive Design avec Bootstrap, HTML, CSS

$ 49.00

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

Maîtrisez les outils actuels pour créer votre site Internet !

Dans cette formation consacrée au HTML5, CSS3, Bootstrap3 & Responsive Design, vous apprendrez à maîtriser les outils phares du développement et de l'intégration de web design responsifs (dont l'affichage s'adapte sur tablettes et smartphones).

Grâce à ce cours, vous apprendrez à réaliser des sites et des pages web précisément comme vous le souhaitez. Pour ce faire, le formateur, Adil Boujibar, vous enseigne comment créer vos pages de manière à optimiser le fond et la forme.

Cette formation traite des bases du HTML jusqu'au mode le plus avancé du HTML5, puis des fondamentaux du CSS jusqu'aux notions les plus expertes du CSS3. Le formateur aborde ensuite le Reponsive Design vous permettant d'adapter vos sites à différents supports (ordinateurs, tablettes, smartphones...) et le framework Bootstrap qui vous fera gagner du temps pour l'intégration de vos pages web.

Ce cours est adapté à un public débutant qui désire créer un premier site Internet de manière autonome.
Les fichiers sources sont fournis avec le cours.

Table des matières de cette formation Bootstrap, HTML, CSS (durée : 6h14m)

  • 1 - Introduction de la formation
    • La thèmatique gratuit 00:01:09
    • Les pré-requis gratuit 00:01:33
    • Les points que nous allons aborder gratuit 00:00:35
    • Comprendre la structure de nos fichiers de travail gratuit 00:02:02
  • 2 - Découverte du HTML
    • Les évolutions du HTML 00:02:24
    • Création d'un document HTML en XHTML 00:08:48
    • Structure du code HTML 00:03:12
    • Intégration de contenu et utilisation de balises 00:05:57
    • Les mises en page en HTML 00:07:07
    • L'évolution du HTML à la version 5 00:05:32
  • 3 - Les bases du HTML
    • Création d'un document HTML5 00:06:19
    • Utilisation des listes 00:04:33
    • Les titres et leurs niveaux 00:04:45
    • Normes de nomenclatures des fichiers et dossiers 00:06:06
    • Liens hypertextes 00:08:08
    • Les paramètrages de liens 00:03:33
    • La couleur de fond de page et image d'arrière plan 00:02:57
    • Intégration de contenus graphiques 00:03:54
    • Modification de la taille d'images sur notre document 00:04:10
    • Types de formats d'image et leur utilité 00:02:47
  • 4 - Les fondamentaux du HTML5
    • Introduction des balises essentielles du head 00:05:55
    • Découverte des balises avancées dans head 00:07:50
    • Les champs de saisie d'un formulaire et le bouton de validation 00:06:23
    • Bouton de réinitialisation - Méthode GET et la fonction mailto 00:05:51
    • Les paramètres de champs : email, mot de passe et téléphone 00:06:52
    • Créer une zone de texte - un champ invisible et des commentaires 00:04:50
    • Insérer des champs dans des tableaux et créer des listes de choix de réponse 00:07:18
    • Le champ de fichier - de la couleur et les différentes formes de date 00:10:25
    • Mise en page en HTML : du semi-sémantique au sémantique 00:06:19
    • Comment définir nos microdonnées ? 00:13:41
  • 5 - Les essentiels du CSS
    • Découverte du CSS et de ses évolutions 00:02:51
    • Ajouter des styles de mise en forme de texte à nos contenus 00:06:34
    • Mise en forme en style et héritage de style 00:06:01
    • Notre premier style CSS 00:05:41
    • Les différentes mises en page d'un site 00:05:11
    • Déterminer les propriétés d'une page par les styles CSS 00:06:39
    • Lier à notre page web un fichier CSS 00:06:04
    • Les cas de conflits quand il existe trop de règles de styles 00:05:45
    • Les ID - les classes et les sélecteurs 00:09:14
  • 6 - Le CSS3 en mode expert
    • Les marges externes et les marges internes (padding) 00:09:16
    • L'intérêt d'utiliser le float 00:07:17
    • Les positionnements en absolu - relatif et fixe 00:12:52
    • Personnaliser la police du texte avec font-face 00:07:05
    • Paramétrage des bordures : Application des arrondis et des ombres 00:12:19
    • Les styles sur les puces - les pseudo classes et les pseudo éléments 00:08:45
    • Les sélecteurs d'attributs et les sélecteurs d'adjacence 00:08:59
    • Les colonnes et le dégradé de couleurs 00:09:09
    • Les transformations 2D et 3D 00:08:27
    • Les effets de transitions de base 00:10:05
    • Les animations en CSS3 00:10:04
  • 7 - Le responsive design et Bootstrap
    • Découverte des types de médias en CSS 00:04:54
    • Le responsive design en CSS3 par les médias queries 00:09:14
    • Découverte du bootstrap - installation et import de ses outils 00:06:50
    • Le texte de base en bootstrap3 00:03:39
    • Les boutons du bootstrap3 et leur paramétrage 00:05:33
    • Les formulaires en bootstrap3 00:02:48
    • Les icônes 'glyphicons' - les images et les contenaires 00:07:08
    • Contrôle des tableaux en bootstrap3 00:04:36
    • Le responsive design par le système de grille de bootsptrap3 00:08:23
  • 8 - Conclusion
    • Le mot de l'auteur 00:01:54



Formateur : Tutorom

Tutorom a publié 52 tutoriels et obtenu une note moyenne de 3,8/5 sur 13 285 tutoriels vendus. Voir les autres formations de Tutorom

3,0
note moyenne

3
avis laissés
5 étoiles
0
4 étoiles
1
3 étoiles
1
2 étoiles
1
1 étoile
0
  • 3
    avis de Bruno laissé le 02/02/2016
    Je préfère rien dire sur cette formation...

  • 4
    avis de danyelle laissé le 05/09/2015
    J'aurais aimé trouver une explication pour la différence entre application et text pour content de la balise meta

  • 2
    avis de Origenius laissé le 13/02/2016
    Ce cours est une imposture. Non pas que ce qui y est enseigné soit faux, mais qu'il n'enseigne pas ce qu'il prétend. L'introduction à la formation était pourtant explicite dans ses «pré-requis» : les personnes qui ne sont pas familières des langages HTML & CSS sont invitées à suivre une formation différente avant de s'attaquer aux HTML5 et CSS3. À quoi servent donc les chapitres «Découverte du HTML», «Les bases du HTML» qui ne concernent en rien le HTML5, mais sont en fait apparentés au pré-requis. À quoi sert le chapitre «Les essentiels du CSS» ? Il ne concerne lui non plus aucunement les CSS3. Alors donc, pour apprendre quelque chose sur le HTML5 et les CSS3, seuls les chapitres «Les fondamentaux du HTML5» et «Le CSS3 en mode expert» seraient justifiés dans cette formation ? Peine perdue, la plupart des sujets abordés concernent des fonctionnalités non spécifiques au HTML5 et au CSS3. Quelques saupoudrages tels que le doctype, les balises sémantiques structurelles et les nouveaux types d'input spécifiques ne masquent pas l'indigence du contenu concernant le HTML5. De la même manière le contenu du chapitre CSS3 en mode expert est largement un rappel de ce qui existe déjà en CSS2.1. Je ne prétends pas que cette formation est mauvaise, bien au contraire, mais son titre est trompeur. Vous pourriez lui donner une accroche plus juste telle que celle-ci : «Initiation au HTML et au CSS jusqu'à leurs dernières spécifications HTML5 & CCS3, et sensibilisation au “Responsive Design” et au framework “Bootstrap” pour construire des pages web modernes» J'ai acheté cette formation pour comprendre la philosophie de ces langages avancés. J'ai perdu mon temps à regarder des vidéos qui m'enseignent ce que je connais déjà par cœur (puisque non spécifique ni au HTML5 ni au CSS3), en espérant toutefois découvrir au détour d'une virgule quelque pépites : elles étaient rares ! Cette formation est intéressante, mais largement hors sujet. Une formation ayant un tel titre ne s'adresse pas aux béotiens. Or, il s'agit en fait seulement d'une initiation, d'une sensibilisation en fin de parcours au HTML5 et au CSS3. Sur les 6 heures de vidéo, 1 heure environ répond à la problématique du sujet/titre. Vous me remboursez les 5 heures perdues ? Cordialement.
    "Cette formation a pour cible tout public et non pour élitistes. On ne peut apprendre à lire et à écrire sans passer par l'apprentissage de l'alphabet. Concernant la formation du html5 et du css3, la connaissance des bases de ces languages est impérieuse et nécessaire pour leur maîtrise. Selon Origenius : "Sur les 6 heures de vidéo, 1 heure environ répond à la problématique du sujet/titre." Or "les chiffres sont têtus". Le produit consacre, outre 7 min en introduction et en conclusion générale, 99 minutes (1h30) pour le traitement des bases et fondamentaux du html, du css, du responsive design et du bootstrap. Et 266 minutes (4h30) à la formation du mode le plus avancé et des notions plus expertes du html5, du css3, du responsive design et du bootstrap3. Il n'y a donc ni supercherie, ni tromperie et encore moins d'imposture. Dorénavent et par précaution, je conseillerais à Origenius de faire une meilleur lecture sur le descriptif du produit avant de l'acquérir. Sur le dos de la pochette ou le corps de texte accompagnant la version en ligne, il est explicitement stipulé: "... cette formation traite des bases du html jusqu'aux modes les plus avancées du html5, puis des fondamentaux du css jusqu'aux notions les plus expertes du css3." La conception de cette formation a été faite dans les règles de l'art, le plus consciencieusement possible et il serait falacieux de la dénigrer aussi légèrement. Ce produit reste indispensable pour la maîtrise des outils phares du webdesign."

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    Bootstrap 3, HTML 5, CSS 3
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1560 tuto gratuits


non, je ne veux pas me former gratuitement