Tutoriel HTML5, CSS3, Bootstrap3 & Responsive Design

Auteur : Adil Boujibar
Durée 6h10
Date 2015-04-06

Acheter cette formation en téléchargement pour 30,00 €
Abonnez vous à l'ensemble des formations en VOD pour 30 € TTC /an

⊞ à propos de ce cours

Dans cette formation consacrée au HTML5, CSS3, Bootstrap3 & Responsive Design, vous apprendrez à maîtriser les outils phares du développement et du Web Design. Grâce à ce cours, vous réaliserez des sites et des pages web précisément comme vous le souhaitez. Pour ce faire, le formateur 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 dans vos développements.

Formation téléchargeable
FORMATION TÉLÉCHARGÉABLE 		Formation téléchargeable
VISIONNAGE ILLIMITÉ

⊞ Fiche Technique

Formateur : Adil Boujibar
Langue : Français
Durée : 6h10
Nombre de séquences vidéo : 60 		SKU : 34746
Réf : FX231
ISBN : 3700248502317
Date de publication : 2015-04-06
Compatibilité : Apple Mac OS X (PPC & Intel) | Windows XP, Vista, 7, 8
Formations compatibles iPad en VOD et via l'application TutoShop sur l'AppStore.

Descriptif :

Dans cette formation consacrée au HTML5, CSS3, Bootstrap3 & Responsive Design, vous apprendrez à maîtriser les outils phares du développement et du Web Design. Grâce à ce cours, vous réaliserez des sites et des pages web précisément comme vous le souhaitez. Pour ce faire, le formateur 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 dans vos développements.

Objectif Pédagogique :

A l’issue de cette formation, vous saurez définir les structures de vos sites de la manière la plus pertinente, vous pourrez grâce au code HTML insérer dans vos pages, médias, logos et bannières, vous utiliserez la sémantique et les micro données dans vos pages HTML5 afin d'améliorer votre visibilité sur internet, vous donnerez rapidement de l'allure à votre site en contrôlant simplement les feuilles de styles CSS, vous dynamiserez la présentation graphique de votre site en rajoutant les nouvelles fonctionnalités du CSS3, vous rendrez vos sites plus attractifs en adaptant vos pages à différents supports médias grâce au Responsive Design, vous saurez comment installer un framework Bootstrap et utiliserez les outils nécessaires pour faire du développement web en front-end de la manière la plus intuitive.

Pré-requis :

Cette formation s'adresse tout autant aux personnes désirant s'initier aux bases du Web Design, qu'aux développeurs souhaitant apprendre les fonctionnalités les plus complexes du HTML5 et CSS3.

⊞ Auteur

Adil Boujibar

Développeur web et chercheur en science de l'information et communication sur un projet de formation à distance avec médias immersifs. Il a développé plusieurs applications web dont des sites marchands. Il s'intéresse aux nouvelles technologies et aux recherches scientifiques concernant les nouveaux dispositifs de communication.

Plan de formation

  • Découverte du HTML

    • Les évolutions du HTML
    • Création d'un document HTML en XHTML
    • Structure du code HTML
    • Intégration de contenu et utilisation de balises
    • Les mises en page en HTML
    • L'évolution du HTML à la version 5

  • Les bases du HTML5

    • Création d'un document HTML5
    • Utilisation des listes
    • Les titres et leurs niveaux
    • Normes de nomenclatures des fichiers et dossiers
    • Liens hypertextes
    • Les paramètrages de liens
    • La couleur de fond de page et image d'arrière plan
    • Intégration de contenus graphiques
    • Modification de la taille d'images sur notre document
    • Types de formats d'image et leur utilité

  • Les fondamentaux du HTML5

    • Introduction des balises essentielles du head
    • Découverte des balises avancées dans head
    • Les champs de saisie d'un formulaire et le bouton de validation
    • Bouton de réinitialisation - Méthode GET et la fonction mailto
    • Les paramètres de champs : email, mot de passe et téléphone
    • Créer une zone de texte - un champ invisible et des commentaires
    • Insérer des champs dans des tableaux et créer des listes de choix de réponse
    • Le champ de fichier - de la couleur et les différentes formes de date
    • Mise en page en HTML : du semi-sémantique au sémantique
    • Comment définir nos microdonnées ?

  • Les essentiels du CSS

    • Découverte du CSS et de ses évolutions
    • Ajouter des styles de mise en forme de texte à nos contenus
    • Mise en forme en style et héritage de style
    • Notre premier style CSS
    • Les différentes mises en page d'un site
    • Déterminer les propriétés d'une page par les styles CSS
    • Lier à notre page web un fichier CSS
    • Les cas de conflits quand il existe trop de règles de styles
    • Les ID - les classes et les sélecteurs

  • Le CSS3 en mode expert

    • Les marges externes et les marges internes (padding)
    • L'intérêt d'utiliser le float
    • Les positionnements en absolu - relatif et fixe
    • Personnaliser la police du texte avec font-face
    • Paramétrage des bordures : Application des arrondis et des ombres
    • Les styles sur les puces - les pseudo classes et les pseudo éléments
    • Les sélecteurs d'attributs et les sélecteurs d'adjacence
    • Les colonnes et le dégradé de couleurs
    • Les transformations 2D et 3D
    • Les effets de transitions de base
    • Les animations en CSS3

  • Le responsive design et le bootstrap

    • Découverte des types de médias en CSS
    • Le responsive design en CSS3 par les médias queries
    • Découverte du bootstrap - installation et import de ses outils
    • Le texte de base en bootstrap3
    • Les boutons du bootstrap3 et leur paramétrage
    • Les formulaires en bootstrap3
    • Les icônes 'glyphicons' - les images et les contenaires
    • Contrôle des tableaux en bootstrap3
    • Le responsive design par le système de grille de bootsptrap3