Programme Formation HTML5 et CSS3 et Bootstrap

Formation HTML5 CSS3 BOOTSTRAP

Objectifs : Cette formation vous permettra d’apprendra à créer des pages et des applications Web en HTML5 et CSS3. Découvrez la puissance du HTML5 notamment en termes d’applications multimédia, et s’approprier bootstrap, le template responsive design de twitter permettant la réalisation de site internet dans un usage actuel des langages HTML5, CSS 3, JavaScript (via jQuery) et multisupport (Ordinateur, smartphone, tablette)

Formation HTML5 et CSS3 sur mesure

Télécharger le programme
au format PDF


  Demander un devis   

        Voir les dates        

Lieu de la formation : 146 rue Paradis, 13006 Marseille, en entreprise ou à domicile

Durée : Session de 35 heures (5 jours)

Pour des formations plus longues, ou pour une demande de devis, veuillez nous contacter en utilisant le formulaire ci-dessous.

Pour qui ? Maquettistes, infographistes, webmasters, responsables communication, chefs de projet...

Pré-requis : Bonne connaissance de l’environnement informatique (pratique courante d’OS X ou de Windows)

Prix : 30€/heure. Pour les demandeurs d'emploi ou pour une session individualisée, merci de nous consulter pour reçevoir un devis

Introduction à HTML 5 et CSS3
• Contexte : fonctionnement d'un site internet
• Les normes du W3C
• Les changements avec HTML 5
• Roadmap HTML 5
• Quand choisir le HTML 5
• Utiliser le HTML 5 avec des navigateurs qui ne le supportent pas

Balises HTML 5
• Disparition des notions «en ligne» et «bloc»
• Doctype, NameSpace, Encoding
• Les nouveaux éléments : section, article, aside, nav, ... pour en-têtes , pied de pages, etc.
• Les indispensables balises telles que menu, command, details, summary
• La compatibilité entre les navigateurs
• Optimisation des balises pour les moteurs de recherche

Les formulaires HTML 5
• Balise form
• Créer et utiliser des formulaires HTML 5
• email, url, date ...
• Les validations de formulaire en HTML5

L'Audio et la Video en HTML 5
• Les conteneurs
• Contrôler la vidéo, l'audio
• Support et formats (WebM, MP4, H.264, Ogg Theora, MP3, AAC, Vorbis)
• Gérer plusieurs sources vidéos et audios
• Sous-titres et vidéo HTML5

Dessiner avec HTML 5
• Dessiner en JavaScript
• Contexte
• Accessibilité

La géo-localisation avec HTML 5
• Vue d'ensemble
• La vie privée de l'utilisateur
• Géolocaliser ses utilisateurs sur Google Maps

CSS3
• Ce que ça change
• Coins arrondis
• Ombres portés
• Transparence
• Mise en page et positionnement
• Autres propriétés
•Gestion des éléments de formulaire via CSS : enabled,disabled, valid, required, optionnal
• Intégrer ses propres polices
• Mise en page multi-colonnes
• Media Queries CSS 3 pour créer des sites Web plus réactifs
•Responsive design – Feuille de style CSS multi-écran pourordinateur, mobile et tablette

La mise en page et le positionnement
• Niveau de présentation
• Mise en page par patron ou multi-colonne
• Mise en page par boite horizontales ou verticales
• Positionnement par la grille

CSS3 : Les animations
• Transformations (2D et 3D)
• Transitions
• L’animation

Vue d’ensemble de Bootstrap
• Présentation du framework Bootstrap
• Pourquoi Bootstrap ?
• Bootstrap et le responsive design
• Bootstrap et le frameworks JavaScript : jQuery

Inclure Bootstrap dans un projet
• Architecture Bootstrap
• Des composants basés sur des classes CSS
• Les templates de base
• Doctype HTML5
• Le système de grille pour positionnement
o Grille fixe
o Grille élastique
• Les layouts
• Le responsive design

Les classes CSS de base avec Bootstrap
• Typographie
• Les tableaux
• Les formulaires
• Les boutons
• Les images
• Les icones
• Vignettage

Les composants Bootstrap
• Menus déroulants
• Groupement de boutons
• Barres de navigation
• Fil d’arianne
• Alertes
• Barre de progression
• Pagination
• Barres de progression
• Classes diverses

Manipuler Bootstrap en JavaScript via jQuery
• Les transitions
• Gérer les fenêtres « modals » (type lightbox)
• Menus déroulants
• Créer des tabulations
• Mettre en place des aides
• Le caroussel de photos

Graphisme
• S’approprier Bootstrap graphiquement
• Ajouter, gérer son proper css
• Surécriture de css

  • formation dreamweaver marseilleCréer son propre site Internet, apprendre à créer des liens, des tableaux, une architecture. Réaliser de A à Z la conception et la réalisation.
  • formation bootstrap html5 css3 marseilleS'approprier bootstrap, le template responsive design de twitter permettant la réalisation de site internet dans un usage actuel des langages Html5, css3, javascript (via jquery) et multisupport (Ordinateur, smartphone, tablette)
  • formation wordpress marseilleSavoir maitriser Wordpress logiciel libre qui permet la création de site dynamique pour une gestion efficace du contenu (texte et média)
  • formation prestashop marseilleComprendre l'utilisation du CMS Prestashop, réalisez des intégration de templates, installez des plug-in, rentrer dans le paramétrage avançé de Prestashop
formation dreamweaver marseille1 formation bootstrap html5 css3 marseille2 formation wordpress marseille3 formation prestashop marseille4

Spécialiste de la formation depuis 2002, nous vous apportons des formations adaptées à vos besoins. Nos formations sont en adéquation avec le marché de l'emploi. Notre structure nous permet d'organiser des sessions de 2 à 4 personnes mais également des formations individuelles. Les formations dispensées peuvent être prises en charge dans le cadre du DIF ou du CPF et peuvent être financées par le Pôle emploi, Conseil général ou d'autres entités publiques.

Pour recevoir un devis pour cette formation, pour une formation plus longue ou pour tout autre renseignement, veuillez nous envoyer un E-mail.


Le message a bien été envoyé. Nous vous répondrons dans les plus brefs délais.

L'Équipe de Mandyben Formation

Réafficher le formulaire

Envoi en cours, merci de patienter, cela ne prendra que quelques secondes ....

Salle de formation :

146 rue Paradis
13006 Marseille


Siège administratif
9 av. Stéphane Hessel (Bât B2 porte 31)
13500 Martigues


Téléphone : 04 42 31 43 55 Portable : 06 82 97 30 50

contact@mandyben.com