Webmaster

47

Public :

Webmasters, développeur.

Pré-requis :

Connaître le langage html/css

Durée :

14 heures (2 jours)

Approche :

Technique avancée

Objectifs :

S’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)

Bootstrap

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