SlideShare une entreprise Scribd logo
CERTYOU, 37 rue des Mathurins, 75008 PARIS - SAS au capital de 10 000 Euros
Tél : 01 42 93 52 72 - Fax : 01 70 72 02 72 - contact@certyou.com - www.certyou.com
RCS de Paris n° 804 509 461- TVA intracommunautaire FR03 804509461 - APE 8559A
Déclaration d’activité enregistrée sous le N° 11 75 52524 75 auprès du préfet de région d’Ile-de-France
Responsive Web Design (RWD)
Formation Informatique / Technologies WEB / Webmaster Expert
OBJECTIFS
• Maîtriser la création de sites adaptatifs
PUBLIC
Webmasters, développeurs, intégrateurs
PRE-REQUIS
• Bonnes connaissances en HTML et CSS
PROGRAMME
Construire un site web adaptatif
Responsive Web Design (RWD) : définition, composantes
Standards, le HTML5 et CSS3
Détection de ressources avec Modernizr
Contraintes ergonomiques et fonctionnelles
Viewport : notion, meta, valeurs
Unités relatives (%, em) vs. absolues (px)
Ressources utiles : outils, galeries de sites mobiles
Atelier : Structure d'un site HTML5/CSS3, support par les anciens navigateurs
Créer une grille d'affichage flexible
Tailles d'écran, résolution optimale
Modes portrait et paysage
Expression des tailles en pourcentage (%), em
Tailles minimales, maximales
Blocs, approche contenu/contenant
Principe des box, layout avec CSS3
Taille des fonts : fixer une base pour les tailles, conversions em
Eviter les débordements
Atelier : Multiples exemples de grilles flexibles
Utiliser des médias flexibles
Images flexibles : images de fond, adaptation HTML5
Marges et espaces flexibles
Vidéos adaptées
Support des propriétés CSS par les anciens navigateurs
Atelier : Eviter le débordements d'images/vidéos
Ecrire des CSS3 Media Queries
Adaptation de l'affichage en fonction de la résolution
Types de médias
Choix des règles conditionnelles : orientation, device-width
Medias queries internes, externes
Gestion des menus et sliders
Polyfills pour le support des anciens navigateurs
Atelier : Adaptation de l'affichage en fonction de la résolution
Frameworks RWD
Panorama des frameworks existants
Bootstrap
960 grid
Optimisation des ressources graphiques
A retenir
Durée : 2 jours soit 14h.
Réf. RWDES
Dates des sessions
Paris
25/05/2015
14/09/2015
Aix en Provence
01/06/2015
21/09/2015
Bordeaux
15/06/2015
05/10/2015
Brussel
18/05/2015
07/09/2015
14/12/2015
Geneve
08/06/2015
28/09/2015
Lille
18/05/2015
07/09/2015
14/12/2015
Lyon
08/06/2015
28/09/2015
Montpellier
22/06/2015
12/10/2015
Nantes
15/06/2015
05/10/2015
Nice
01/06/2015
21/09/2015
Rennes
15/06/2015
05/10/2015
Strasbourg
25/05/2015
14/09/2015
Toulouse
CERTYOU, 37 rue des Mathurins, 75008 PARIS - SAS au capital de 10 000 Euros
Tél : 01 42 93 52 72 - Fax : 01 70 72 02 72 - contact@certyou.com - www.certyou.com
RCS de Paris n° 804 509 461- TVA intracommunautaire FR03 804509461 - APE 8559A
Déclaration d’activité enregistrée sous le N° 11 75 52524 75 auprès du préfet de région d’Ile-de-France
Responsive Web Design (RWD)
Formation Informatique / Technologies WEB / Webmaster Expert
Atelier : Construction d'un site adaptatif avec Bootstrap 22/06/2015
12/10/2015
Cette
formation est
également
proposée en
formule
INTRA-ENTREPRISE.
Inclus dans cette formation
Coaching Après-COURS
Pendant 30 jours, votre formateur
sera disponible pour vous aider.
CERTyou s'engage dans la réalisation
de vos objectifs.
Votre garantie 100%
SATISFACTION
Notre engagement 100% satisfaction
vous garantit la plus grande qualité
de formation.

Contenu connexe

Tendances

Misrs formation-microdata-schema-org-et-rich-snippets
Misrs formation-microdata-schema-org-et-rich-snippetsMisrs formation-microdata-schema-org-et-rich-snippets
Misrs formation-microdata-schema-org-et-rich-snippetsCERTyou Formation
 
Wbm02 formation-webmaster-creation-de-site-web-les-bases
Wbm02 formation-webmaster-creation-de-site-web-les-basesWbm02 formation-webmaster-creation-de-site-web-les-bases
Wbm02 formation-webmaster-creation-de-site-web-les-basesCERTyou Formation
 
Dw003 formation-dreamweaver-avance-xml-ajax-et-jquery
Dw003 formation-dreamweaver-avance-xml-ajax-et-jqueryDw003 formation-dreamweaver-avance-xml-ajax-et-jquery
Dw003 formation-dreamweaver-avance-xml-ajax-et-jqueryCERTyou Formation
 
Andin formation-android-les-bases
Andin formation-android-les-basesAndin formation-android-les-bases
Andin formation-android-les-basesCERTyou Formation
 
Wbm01 formation-webmaster-creation-de-site-web-perfectionnement
Wbm01 formation-webmaster-creation-de-site-web-perfectionnementWbm01 formation-webmaster-creation-de-site-web-perfectionnement
Wbm01 formation-webmaster-creation-de-site-web-perfectionnementCERTyou Formation
 
Htmjs formation-html-css-fondamentaux-javascript
Htmjs formation-html-css-fondamentaux-javascriptHtmjs formation-html-css-fondamentaux-javascript
Htmjs formation-html-css-fondamentaux-javascriptCERTyou Formation
 
Vb007 formation-visual-basic-net-perfectionnement
Vb007 formation-visual-basic-net-perfectionnementVb007 formation-visual-basic-net-perfectionnement
Vb007 formation-visual-basic-net-perfectionnementCERTyou Formation
 
Jqerm formation-jquery-mobile
Jqerm formation-jquery-mobileJqerm formation-jquery-mobile
Jqerm formation-jquery-mobileCERTyou Formation
 
Php07 formation-php-avance-programmation-orientee-objet-pdo
Php07 formation-php-avance-programmation-orientee-objet-pdoPhp07 formation-php-avance-programmation-orientee-objet-pdo
Php07 formation-php-avance-programmation-orientee-objet-pdoCERTyou Formation
 
Nuxde formation-nuxeo-platform-developpement
Nuxde formation-nuxeo-platform-developpementNuxde formation-nuxeo-platform-developpement
Nuxde formation-nuxeo-platform-developpementCERTyou Formation
 
Phpsw formation-services-web-avec-php
Phpsw formation-services-web-avec-phpPhpsw formation-services-web-avec-php
Phpsw formation-services-web-avec-phpCERTyou Formation
 
Cshaa formation-csharp-perfectionnement
Cshaa formation-csharp-perfectionnementCshaa formation-csharp-perfectionnement
Cshaa formation-csharp-perfectionnementCERTyou Formation
 
Indjs formation-automatiser-indesign-avec-le-javascript
Indjs formation-automatiser-indesign-avec-le-javascriptIndjs formation-automatiser-indesign-avec-le-javascript
Indjs formation-automatiser-indesign-avec-le-javascriptCERTyou Formation
 

Tendances (20)

Misrs formation-microdata-schema-org-et-rich-snippets
Misrs formation-microdata-schema-org-et-rich-snippetsMisrs formation-microdata-schema-org-et-rich-snippets
Misrs formation-microdata-schema-org-et-rich-snippets
 
Angjs formation-angularjs
Angjs formation-angularjsAngjs formation-angularjs
Angjs formation-angularjs
 
Wbm02 formation-webmaster-creation-de-site-web-les-bases
Wbm02 formation-webmaster-creation-de-site-web-les-basesWbm02 formation-webmaster-creation-de-site-web-les-bases
Wbm02 formation-webmaster-creation-de-site-web-les-bases
 
Extjs formation-extjs
Extjs formation-extjsExtjs formation-extjs
Extjs formation-extjs
 
Dw003 formation-dreamweaver-avance-xml-ajax-et-jquery
Dw003 formation-dreamweaver-avance-xml-ajax-et-jqueryDw003 formation-dreamweaver-avance-xml-ajax-et-jquery
Dw003 formation-dreamweaver-avance-xml-ajax-et-jquery
 
Wpf formation-wpf
Wpf formation-wpfWpf formation-wpf
Wpf formation-wpf
 
Maven formation-maven
Maven formation-mavenMaven formation-maven
Maven formation-maven
 
Andin formation-android-les-bases
Andin formation-android-les-basesAndin formation-android-les-bases
Andin formation-android-les-bases
 
Wbm01 formation-webmaster-creation-de-site-web-perfectionnement
Wbm01 formation-webmaster-creation-de-site-web-perfectionnementWbm01 formation-webmaster-creation-de-site-web-perfectionnement
Wbm01 formation-webmaster-creation-de-site-web-perfectionnement
 
Dotcm formation-dotcms
Dotcm formation-dotcmsDotcm formation-dotcms
Dotcm formation-dotcms
 
Htmjs formation-html-css-fondamentaux-javascript
Htmjs formation-html-css-fondamentaux-javascriptHtmjs formation-html-css-fondamentaux-javascript
Htmjs formation-html-css-fondamentaux-javascript
 
Vb007 formation-visual-basic-net-perfectionnement
Vb007 formation-visual-basic-net-perfectionnementVb007 formation-visual-basic-net-perfectionnement
Vb007 formation-visual-basic-net-perfectionnement
 
Jqerm formation-jquery-mobile
Jqerm formation-jquery-mobileJqerm formation-jquery-mobile
Jqerm formation-jquery-mobile
 
Php07 formation-php-avance-programmation-orientee-objet-pdo
Php07 formation-php-avance-programmation-orientee-objet-pdoPhp07 formation-php-avance-programmation-orientee-objet-pdo
Php07 formation-php-avance-programmation-orientee-objet-pdo
 
Prest formation-prestashop
Prest formation-prestashopPrest formation-prestashop
Prest formation-prestashop
 
Nuxde formation-nuxeo-platform-developpement
Nuxde formation-nuxeo-platform-developpementNuxde formation-nuxeo-platform-developpement
Nuxde formation-nuxeo-platform-developpement
 
Phpsw formation-services-web-avec-php
Phpsw formation-services-web-avec-phpPhpsw formation-services-web-avec-php
Phpsw formation-services-web-avec-php
 
Cshaa formation-csharp-perfectionnement
Cshaa formation-csharp-perfectionnementCshaa formation-csharp-perfectionnement
Cshaa formation-csharp-perfectionnement
 
Indjs formation-automatiser-indesign-avec-le-javascript
Indjs formation-automatiser-indesign-avec-le-javascriptIndjs formation-automatiser-indesign-avec-le-javascript
Indjs formation-automatiser-indesign-avec-le-javascript
 
Bacjs formation-backbonejs
Bacjs formation-backbonejsBacjs formation-backbonejs
Bacjs formation-backbonejs
 

En vedette

Oe98 g formation-introduction-a-ibm-i-bases-principes-et-specificites
Oe98 g formation-introduction-a-ibm-i-bases-principes-et-specificitesOe98 g formation-introduction-a-ibm-i-bases-principes-et-specificites
Oe98 g formation-introduction-a-ibm-i-bases-principes-et-specificitesCERTyou Formation
 
Paimo formation-point-d-acces-a-internet-mise-en-oeuvre
Paimo formation-point-d-acces-a-internet-mise-en-oeuvrePaimo formation-point-d-acces-a-internet-mise-en-oeuvre
Paimo formation-point-d-acces-a-internet-mise-en-oeuvreCERTyou Formation
 
P8252 g formation-ibm-cognos-tm1-conception-et-developpement-de-modeles
P8252 g formation-ibm-cognos-tm1-conception-et-developpement-de-modelesP8252 g formation-ibm-cognos-tm1-conception-et-developpement-de-modeles
P8252 g formation-ibm-cognos-tm1-conception-et-developpement-de-modelesCERTyou Formation
 
Op25 g formation-z-os-unix-system-services-mise-en-oeuvre
Op25 g formation-z-os-unix-system-services-mise-en-oeuvreOp25 g formation-z-os-unix-system-services-mise-en-oeuvre
Op25 g formation-z-os-unix-system-services-mise-en-oeuvreCERTyou Formation
 
Of2010 new formation-presentation-des-nouveautes-word-excel-et-powerpoint-dan...
Of2010 new formation-presentation-des-nouveautes-word-excel-et-powerpoint-dan...Of2010 new formation-presentation-des-nouveautes-word-excel-et-powerpoint-dan...
Of2010 new formation-presentation-des-nouveautes-word-excel-et-powerpoint-dan...CERTyou Formation
 
P8107 g formation-ibm-cognos-planning-administration
P8107 g formation-ibm-cognos-planning-administrationP8107 g formation-ibm-cognos-planning-administration
P8107 g formation-ibm-cognos-planning-administrationCERTyou Formation
 
P8255 g formation-ibm-cognos-tm1-administrer-l-environnement-technique
P8255 g formation-ibm-cognos-tm1-administrer-l-environnement-techniqueP8255 g formation-ibm-cognos-tm1-administrer-l-environnement-technique
P8255 g formation-ibm-cognos-tm1-administrer-l-environnement-techniqueCERTyou Formation
 
Ol23 g formation-ibmi-gestion-des-travaux-et-reglage-de-la-performance
Ol23 g formation-ibmi-gestion-des-travaux-et-reglage-de-la-performanceOl23 g formation-ibmi-gestion-des-travaux-et-reglage-de-la-performance
Ol23 g formation-ibmi-gestion-des-travaux-et-reglage-de-la-performanceCERTyou Formation
 
Ounet formation-modifier-outlook-avec-net
Ounet formation-modifier-outlook-avec-netOunet formation-modifier-outlook-avec-net
Ounet formation-modifier-outlook-avec-netCERTyou Formation
 
P8101 g formation-ibm-cognos-planning-analyst-construction-de-modeles
P8101 g formation-ibm-cognos-planning-analyst-construction-de-modelesP8101 g formation-ibm-cognos-planning-analyst-construction-de-modeles
P8101 g formation-ibm-cognos-planning-analyst-construction-de-modelesCERTyou Formation
 
Ora01 formation-oracle-html-db-application-express-10g-11g
Ora01 formation-oracle-html-db-application-express-10g-11gOra01 formation-oracle-html-db-application-express-10g-11g
Ora01 formation-oracle-html-db-application-express-10g-11gCERTyou Formation
 
Ol20 g formation-ibmi-programmation-en-langage-de-controle
Ol20 g formation-ibmi-programmation-en-langage-de-controleOl20 g formation-ibmi-programmation-en-langage-de-controle
Ol20 g formation-ibmi-programmation-en-langage-de-controleCERTyou Formation
 
Op05 g formation-z-os-unix-system-services-concepts-et-fonctionnalites
Op05 g formation-z-os-unix-system-services-concepts-et-fonctionnalitesOp05 g formation-z-os-unix-system-services-concepts-et-fonctionnalites
Op05 g formation-z-os-unix-system-services-concepts-et-fonctionnalitesCERTyou Formation
 
Optim formation-optimisations-des-performances-d-une-application
Optim formation-optimisations-des-performances-d-une-applicationOptim formation-optimisations-des-performances-d-une-application
Optim formation-optimisations-des-performances-d-une-applicationCERTyou Formation
 
O365 u formation-office-365-utilisation
O365 u formation-office-365-utilisationO365 u formation-office-365-utilisation
O365 u formation-office-365-utilisationCERTyou Formation
 
Ol66 g formation-outils-d-analyse-de-performance-pour-ibm-i-6-1-et-7-1
Ol66 g formation-outils-d-analyse-de-performance-pour-ibm-i-6-1-et-7-1Ol66 g formation-outils-d-analyse-de-performance-pour-ibm-i-6-1-et-7-1
Ol66 g formation-outils-d-analyse-de-performance-pour-ibm-i-6-1-et-7-1CERTyou Formation
 
Pgapj formation-phonegap-et-jquery-mobile
Pgapj formation-phonegap-et-jquery-mobilePgapj formation-phonegap-et-jquery-mobile
Pgapj formation-phonegap-et-jquery-mobileCERTyou Formation
 

En vedette (20)

Oe98 g formation-introduction-a-ibm-i-bases-principes-et-specificites
Oe98 g formation-introduction-a-ibm-i-bases-principes-et-specificitesOe98 g formation-introduction-a-ibm-i-bases-principes-et-specificites
Oe98 g formation-introduction-a-ibm-i-bases-principes-et-specificites
 
Pfmp formation-pfmp-pmi
Pfmp formation-pfmp-pmiPfmp formation-pfmp-pmi
Pfmp formation-pfmp-pmi
 
Paimo formation-point-d-acces-a-internet-mise-en-oeuvre
Paimo formation-point-d-acces-a-internet-mise-en-oeuvrePaimo formation-point-d-acces-a-internet-mise-en-oeuvre
Paimo formation-point-d-acces-a-internet-mise-en-oeuvre
 
P8252 g formation-ibm-cognos-tm1-conception-et-developpement-de-modeles
P8252 g formation-ibm-cognos-tm1-conception-et-developpement-de-modelesP8252 g formation-ibm-cognos-tm1-conception-et-developpement-de-modeles
P8252 g formation-ibm-cognos-tm1-conception-et-developpement-de-modeles
 
Op25 g formation-z-os-unix-system-services-mise-en-oeuvre
Op25 g formation-z-os-unix-system-services-mise-en-oeuvreOp25 g formation-z-os-unix-system-services-mise-en-oeuvre
Op25 g formation-z-os-unix-system-services-mise-en-oeuvre
 
Of2010 new formation-presentation-des-nouveautes-word-excel-et-powerpoint-dan...
Of2010 new formation-presentation-des-nouveautes-word-excel-et-powerpoint-dan...Of2010 new formation-presentation-des-nouveautes-word-excel-et-powerpoint-dan...
Of2010 new formation-presentation-des-nouveautes-word-excel-et-powerpoint-dan...
 
P8107 g formation-ibm-cognos-planning-administration
P8107 g formation-ibm-cognos-planning-administrationP8107 g formation-ibm-cognos-planning-administration
P8107 g formation-ibm-cognos-planning-administration
 
P8255 g formation-ibm-cognos-tm1-administrer-l-environnement-technique
P8255 g formation-ibm-cognos-tm1-administrer-l-environnement-techniqueP8255 g formation-ibm-cognos-tm1-administrer-l-environnement-technique
P8255 g formation-ibm-cognos-tm1-administrer-l-environnement-technique
 
Ol23 g formation-ibmi-gestion-des-travaux-et-reglage-de-la-performance
Ol23 g formation-ibmi-gestion-des-travaux-et-reglage-de-la-performanceOl23 g formation-ibmi-gestion-des-travaux-et-reglage-de-la-performance
Ol23 g formation-ibmi-gestion-des-travaux-et-reglage-de-la-performance
 
Ounet formation-modifier-outlook-avec-net
Ounet formation-modifier-outlook-avec-netOunet formation-modifier-outlook-avec-net
Ounet formation-modifier-outlook-avec-net
 
P8101 g formation-ibm-cognos-planning-analyst-construction-de-modeles
P8101 g formation-ibm-cognos-planning-analyst-construction-de-modelesP8101 g formation-ibm-cognos-planning-analyst-construction-de-modeles
P8101 g formation-ibm-cognos-planning-analyst-construction-de-modeles
 
Perl formation-perl
Perl formation-perlPerl formation-perl
Perl formation-perl
 
Ora01 formation-oracle-html-db-application-express-10g-11g
Ora01 formation-oracle-html-db-application-express-10g-11gOra01 formation-oracle-html-db-application-express-10g-11g
Ora01 formation-oracle-html-db-application-express-10g-11g
 
Ol20 g formation-ibmi-programmation-en-langage-de-controle
Ol20 g formation-ibmi-programmation-en-langage-de-controleOl20 g formation-ibmi-programmation-en-langage-de-controle
Ol20 g formation-ibmi-programmation-en-langage-de-controle
 
Op05 g formation-z-os-unix-system-services-concepts-et-fonctionnalites
Op05 g formation-z-os-unix-system-services-concepts-et-fonctionnalitesOp05 g formation-z-os-unix-system-services-concepts-et-fonctionnalites
Op05 g formation-z-os-unix-system-services-concepts-et-fonctionnalites
 
Optim formation-optimisations-des-performances-d-une-application
Optim formation-optimisations-des-performances-d-une-applicationOptim formation-optimisations-des-performances-d-une-application
Optim formation-optimisations-des-performances-d-une-application
 
O365 u formation-office-365-utilisation
O365 u formation-office-365-utilisationO365 u formation-office-365-utilisation
O365 u formation-office-365-utilisation
 
Ol66 g formation-outils-d-analyse-de-performance-pour-ibm-i-6-1-et-7-1
Ol66 g formation-outils-d-analyse-de-performance-pour-ibm-i-6-1-et-7-1Ol66 g formation-outils-d-analyse-de-performance-pour-ibm-i-6-1-et-7-1
Ol66 g formation-outils-d-analyse-de-performance-pour-ibm-i-6-1-et-7-1
 
Oproj formation-openproj
Oproj formation-openprojOproj formation-openproj
Oproj formation-openproj
 
Pgapj formation-phonegap-et-jquery-mobile
Pgapj formation-phonegap-et-jquery-mobilePgapj formation-phonegap-et-jquery-mobile
Pgapj formation-phonegap-et-jquery-mobile
 

Similaire à Rwdes formation-responsive-web-design-rwd

Wbm11 formation-webmaster-expert-responsive-web-design-rwd-microdata-schema-o...
Wbm11 formation-webmaster-expert-responsive-web-design-rwd-microdata-schema-o...Wbm11 formation-webmaster-expert-responsive-web-design-rwd-microdata-schema-o...
Wbm11 formation-webmaster-expert-responsive-web-design-rwd-microdata-schema-o...CERTyou Formation
 
Xcode formation-iphone-ipad-xcode-et-cocoa
Xcode formation-iphone-ipad-xcode-et-cocoaXcode formation-iphone-ipad-xcode-et-cocoa
Xcode formation-iphone-ipad-xcode-et-cocoaCERTyou Formation
 
Boots formation-bootstrap-sites-web-adaptatifs
Boots formation-bootstrap-sites-web-adaptatifsBoots formation-bootstrap-sites-web-adaptatifs
Boots formation-bootstrap-sites-web-adaptatifsCERTyou Formation
 
Dw004 formation-dreamweaver-cc-perfectionnement
Dw004 formation-dreamweaver-cc-perfectionnementDw004 formation-dreamweaver-cc-perfectionnement
Dw004 formation-dreamweaver-cc-perfectionnementCERTyou Formation
 
Wbm05 formation-webmaster-avance-html5-css3-javascript-et-responsive-design-x...
Wbm05 formation-webmaster-avance-html5-css3-javascript-et-responsive-design-x...Wbm05 formation-webmaster-avance-html5-css3-javascript-et-responsive-design-x...
Wbm05 formation-webmaster-avance-html5-css3-javascript-et-responsive-design-x...CERTyou Formation
 
Aspni formation-asp-net-les-bases
Aspni formation-asp-net-les-basesAspni formation-asp-net-les-bases
Aspni formation-asp-net-les-basesCERTyou Formation
 
Mag03 formation-magento-installation-et-personnalisation
Mag03 formation-magento-installation-et-personnalisationMag03 formation-magento-installation-et-personnalisation
Mag03 formation-magento-installation-et-personnalisationCERTyou Formation
 
Wbm03 formation-webmaster-creation-de-site-web-les-bases-et-perfectionnement
Wbm03 formation-webmaster-creation-de-site-web-les-bases-et-perfectionnementWbm03 formation-webmaster-creation-de-site-web-les-bases-et-perfectionnement
Wbm03 formation-webmaster-creation-de-site-web-les-bases-et-perfectionnementCERTyou Formation
 
Dw002 formation-dreamweaver-avance-html5-css3-javascript-et-responsive-design...
Dw002 formation-dreamweaver-avance-html5-css3-javascript-et-responsive-design...Dw002 formation-dreamweaver-avance-html5-css3-javascript-et-responsive-design...
Dw002 formation-dreamweaver-avance-html5-css3-javascript-et-responsive-design...CERTyou Formation
 
Adain formation-ada-les-bases
Adain formation-ada-les-basesAdain formation-ada-les-bases
Adain formation-ada-les-basesCERTyou Formation
 
Wopin formation-wordpress-les-bases
Wopin formation-wordpress-les-basesWopin formation-wordpress-les-bases
Wopin formation-wordpress-les-basesCERTyou Formation
 
Cshab formation-csharp-les-bases-et-perfectionnement
Cshab formation-csharp-les-bases-et-perfectionnementCshab formation-csharp-les-bases-et-perfectionnement
Cshab formation-csharp-les-bases-et-perfectionnementCERTyou Formation
 
Wopap formation-wordpress-perfectionnement
Wopap formation-wordpress-perfectionnementWopap formation-wordpress-perfectionnement
Wopap formation-wordpress-perfectionnementCERTyou Formation
 
Vb009 formation-visual-basic-net-les-bases-et-perfectionnement
Vb009 formation-visual-basic-net-les-bases-et-perfectionnementVb009 formation-visual-basic-net-les-bases-et-perfectionnement
Vb009 formation-visual-basic-net-les-bases-et-perfectionnementCERTyou Formation
 
Dojot formation-dojo-toolkit
Dojot formation-dojo-toolkitDojot formation-dojo-toolkit
Dojot formation-dojo-toolkitCERTyou Formation
 
Cpwcp formation-chef-de-projet-web-conduite-de-projet-web
Cpwcp formation-chef-de-projet-web-conduite-de-projet-webCpwcp formation-chef-de-projet-web-conduite-de-projet-web
Cpwcp formation-chef-de-projet-web-conduite-de-projet-webCERTyou Formation
 
Aspnb formation-asp-net-les-bases-et-perfectionnement-10264a
Aspnb formation-asp-net-les-bases-et-perfectionnement-10264aAspnb formation-asp-net-les-bases-et-perfectionnement-10264a
Aspnb formation-asp-net-les-bases-et-perfectionnement-10264aCERTyou Formation
 
Htmfd formation-html-css-fondamentaux
Htmfd formation-html-css-fondamentauxHtmfd formation-html-css-fondamentaux
Htmfd formation-html-css-fondamentauxCERTyou Formation
 

Similaire à Rwdes formation-responsive-web-design-rwd (20)

Wbm11 formation-webmaster-expert-responsive-web-design-rwd-microdata-schema-o...
Wbm11 formation-webmaster-expert-responsive-web-design-rwd-microdata-schema-o...Wbm11 formation-webmaster-expert-responsive-web-design-rwd-microdata-schema-o...
Wbm11 formation-webmaster-expert-responsive-web-design-rwd-microdata-schema-o...
 
Xcode formation-iphone-ipad-xcode-et-cocoa
Xcode formation-iphone-ipad-xcode-et-cocoaXcode formation-iphone-ipad-xcode-et-cocoa
Xcode formation-iphone-ipad-xcode-et-cocoa
 
Boots formation-bootstrap-sites-web-adaptatifs
Boots formation-bootstrap-sites-web-adaptatifsBoots formation-bootstrap-sites-web-adaptatifs
Boots formation-bootstrap-sites-web-adaptatifs
 
Dw004 formation-dreamweaver-cc-perfectionnement
Dw004 formation-dreamweaver-cc-perfectionnementDw004 formation-dreamweaver-cc-perfectionnement
Dw004 formation-dreamweaver-cc-perfectionnement
 
Wbm05 formation-webmaster-avance-html5-css3-javascript-et-responsive-design-x...
Wbm05 formation-webmaster-avance-html5-css3-javascript-et-responsive-design-x...Wbm05 formation-webmaster-avance-html5-css3-javascript-et-responsive-design-x...
Wbm05 formation-webmaster-avance-html5-css3-javascript-et-responsive-design-x...
 
Aspni formation-asp-net-les-bases
Aspni formation-asp-net-les-basesAspni formation-asp-net-les-bases
Aspni formation-asp-net-les-bases
 
Mag03 formation-magento-installation-et-personnalisation
Mag03 formation-magento-installation-et-personnalisationMag03 formation-magento-installation-et-personnalisation
Mag03 formation-magento-installation-et-personnalisation
 
Wbm03 formation-webmaster-creation-de-site-web-les-bases-et-perfectionnement
Wbm03 formation-webmaster-creation-de-site-web-les-bases-et-perfectionnementWbm03 formation-webmaster-creation-de-site-web-les-bases-et-perfectionnement
Wbm03 formation-webmaster-creation-de-site-web-les-bases-et-perfectionnement
 
Dw002 formation-dreamweaver-avance-html5-css3-javascript-et-responsive-design...
Dw002 formation-dreamweaver-avance-html5-css3-javascript-et-responsive-design...Dw002 formation-dreamweaver-avance-html5-css3-javascript-et-responsive-design...
Dw002 formation-dreamweaver-avance-html5-css3-javascript-et-responsive-design...
 
Adain formation-ada-les-bases
Adain formation-ada-les-basesAdain formation-ada-les-bases
Adain formation-ada-les-bases
 
Gwtmo formation-gwt-mobile
Gwtmo formation-gwt-mobileGwtmo formation-gwt-mobile
Gwtmo formation-gwt-mobile
 
Wopin formation-wordpress-les-bases
Wopin formation-wordpress-les-basesWopin formation-wordpress-les-bases
Wopin formation-wordpress-les-bases
 
Cshab formation-csharp-les-bases-et-perfectionnement
Cshab formation-csharp-les-bases-et-perfectionnementCshab formation-csharp-les-bases-et-perfectionnement
Cshab formation-csharp-les-bases-et-perfectionnement
 
Wopap formation-wordpress-perfectionnement
Wopap formation-wordpress-perfectionnementWopap formation-wordpress-perfectionnement
Wopap formation-wordpress-perfectionnement
 
Vb009 formation-visual-basic-net-les-bases-et-perfectionnement
Vb009 formation-visual-basic-net-les-bases-et-perfectionnementVb009 formation-visual-basic-net-les-bases-et-perfectionnement
Vb009 formation-visual-basic-net-les-bases-et-perfectionnement
 
Dojot formation-dojo-toolkit
Dojot formation-dojo-toolkitDojot formation-dojo-toolkit
Dojot formation-dojo-toolkit
 
Embjs formation-emberjs
Embjs formation-emberjsEmbjs formation-emberjs
Embjs formation-emberjs
 
Cpwcp formation-chef-de-projet-web-conduite-de-projet-web
Cpwcp formation-chef-de-projet-web-conduite-de-projet-webCpwcp formation-chef-de-projet-web-conduite-de-projet-web
Cpwcp formation-chef-de-projet-web-conduite-de-projet-web
 
Aspnb formation-asp-net-les-bases-et-perfectionnement-10264a
Aspnb formation-asp-net-les-bases-et-perfectionnement-10264aAspnb formation-asp-net-les-bases-et-perfectionnement-10264a
Aspnb formation-asp-net-les-bases-et-perfectionnement-10264a
 
Htmfd formation-html-css-fondamentaux
Htmfd formation-html-css-fondamentauxHtmfd formation-html-css-fondamentaux
Htmfd formation-html-css-fondamentaux
 

Plus de CERTyou Formation

Zz670 g formation-ibm-infosphere-mdm-reference-data-management-v10
Zz670 g formation-ibm-infosphere-mdm-reference-data-management-v10Zz670 g formation-ibm-infosphere-mdm-reference-data-management-v10
Zz670 g formation-ibm-infosphere-mdm-reference-data-management-v10CERTyou Formation
 
Zz640 g formation-ibm-personnaliser-infosphere-mdm-advanced-edition
Zz640 g formation-ibm-personnaliser-infosphere-mdm-advanced-editionZz640 g formation-ibm-personnaliser-infosphere-mdm-advanced-edition
Zz640 g formation-ibm-personnaliser-infosphere-mdm-advanced-editionCERTyou Formation
 
Zz620 g formation-ibm-concepts-d-architecture-et-modele-de-donnees-pour-infos...
Zz620 g formation-ibm-concepts-d-architecture-et-modele-de-donnees-pour-infos...Zz620 g formation-ibm-concepts-d-architecture-et-modele-de-donnees-pour-infos...
Zz620 g formation-ibm-concepts-d-architecture-et-modele-de-donnees-pour-infos...CERTyou Formation
 
Zv10 g formation-ibm-z-vm-et-linux-pour-zseries-connectivite-et-gestion-du-sy...
Zv10 g formation-ibm-z-vm-et-linux-pour-zseries-connectivite-et-gestion-du-sy...Zv10 g formation-ibm-z-vm-et-linux-pour-zseries-connectivite-et-gestion-du-sy...
Zv10 g formation-ibm-z-vm-et-linux-pour-zseries-connectivite-et-gestion-du-sy...CERTyou Formation
 
Zv06 g formation-ibm-z-vm-et-linux-pour-zseries-bases-vm-pour-linux
Zv06 g formation-ibm-z-vm-et-linux-pour-zseries-bases-vm-pour-linuxZv06 g formation-ibm-z-vm-et-linux-pour-zseries-bases-vm-pour-linux
Zv06 g formation-ibm-z-vm-et-linux-pour-zseries-bases-vm-pour-linuxCERTyou Formation
 
Zv02 g formation-z-vm-introduction-et-concepts
Zv02 g formation-z-vm-introduction-et-conceptsZv02 g formation-z-vm-introduction-et-concepts
Zv02 g formation-z-vm-introduction-et-conceptsCERTyou Formation
 
Zop04 formation-zope-les-bases-et-perfectionnement
Zop04 formation-zope-les-bases-et-perfectionnementZop04 formation-zope-les-bases-et-perfectionnement
Zop04 formation-zope-les-bases-et-perfectionnementCERTyou Formation
 
Zop03 formation-zope-les-bases
Zop03 formation-zope-les-basesZop03 formation-zope-les-bases
Zop03 formation-zope-les-basesCERTyou Formation
 
Zop01 formation-zope-perfectionnement
Zop01 formation-zope-perfectionnementZop01 formation-zope-perfectionnement
Zop01 formation-zope-perfectionnementCERTyou Formation
 
Zl10 g formation-implementation-linux-pour-system-z-suse
Zl10 g formation-implementation-linux-pour-system-z-suseZl10 g formation-implementation-linux-pour-system-z-suse
Zl10 g formation-implementation-linux-pour-system-z-suseCERTyou Formation
 
Zl00 g formation-bootcamp-z-vm-et-linux
Zl00 g formation-bootcamp-z-vm-et-linuxZl00 g formation-bootcamp-z-vm-et-linux
Zl00 g formation-bootcamp-z-vm-et-linuxCERTyou Formation
 
Zen06 formation-zend-framework-2-les-bases-et-perfectionnement
Zen06 formation-zend-framework-2-les-bases-et-perfectionnementZen06 formation-zend-framework-2-les-bases-et-perfectionnement
Zen06 formation-zend-framework-2-les-bases-et-perfectionnementCERTyou Formation
 
Zen05 formation-zend-framework-2-les-bases
Zen05 formation-zend-framework-2-les-basesZen05 formation-zend-framework-2-les-bases
Zen05 formation-zend-framework-2-les-basesCERTyou Formation
 
Zen04 formation-zend-framework-2-perfectionnement
Zen04 formation-zend-framework-2-perfectionnementZen04 formation-zend-framework-2-perfectionnement
Zen04 formation-zend-framework-2-perfectionnementCERTyou Formation
 
Zen03 formation-zend-framework-1-les-bases-et-perfectionnement
Zen03 formation-zend-framework-1-les-bases-et-perfectionnementZen03 formation-zend-framework-1-les-bases-et-perfectionnement
Zen03 formation-zend-framework-1-les-bases-et-perfectionnementCERTyou Formation
 
Zen02 formation-zend-framework-1-les-bases
Zen02 formation-zend-framework-1-les-basesZen02 formation-zend-framework-1-les-bases
Zen02 formation-zend-framework-1-les-basesCERTyou Formation
 
Zen01 formation-zend-framework-1-perfectionnement
Zen01 formation-zend-framework-1-perfectionnementZen01 formation-zend-framework-1-perfectionnement
Zen01 formation-zend-framework-1-perfectionnementCERTyou Formation
 
Zabix formation-zabbix-supervision-d-infrastructure
Zabix formation-zabbix-supervision-d-infrastructureZabix formation-zabbix-supervision-d-infrastructure
Zabix formation-zabbix-supervision-d-infrastructureCERTyou Formation
 

Plus de CERTyou Formation (20)

Zz670 g formation-ibm-infosphere-mdm-reference-data-management-v10
Zz670 g formation-ibm-infosphere-mdm-reference-data-management-v10Zz670 g formation-ibm-infosphere-mdm-reference-data-management-v10
Zz670 g formation-ibm-infosphere-mdm-reference-data-management-v10
 
Zz640 g formation-ibm-personnaliser-infosphere-mdm-advanced-edition
Zz640 g formation-ibm-personnaliser-infosphere-mdm-advanced-editionZz640 g formation-ibm-personnaliser-infosphere-mdm-advanced-edition
Zz640 g formation-ibm-personnaliser-infosphere-mdm-advanced-edition
 
Zz620 g formation-ibm-concepts-d-architecture-et-modele-de-donnees-pour-infos...
Zz620 g formation-ibm-concepts-d-architecture-et-modele-de-donnees-pour-infos...Zz620 g formation-ibm-concepts-d-architecture-et-modele-de-donnees-pour-infos...
Zz620 g formation-ibm-concepts-d-architecture-et-modele-de-donnees-pour-infos...
 
Zv10 g formation-ibm-z-vm-et-linux-pour-zseries-connectivite-et-gestion-du-sy...
Zv10 g formation-ibm-z-vm-et-linux-pour-zseries-connectivite-et-gestion-du-sy...Zv10 g formation-ibm-z-vm-et-linux-pour-zseries-connectivite-et-gestion-du-sy...
Zv10 g formation-ibm-z-vm-et-linux-pour-zseries-connectivite-et-gestion-du-sy...
 
Zv06 g formation-ibm-z-vm-et-linux-pour-zseries-bases-vm-pour-linux
Zv06 g formation-ibm-z-vm-et-linux-pour-zseries-bases-vm-pour-linuxZv06 g formation-ibm-z-vm-et-linux-pour-zseries-bases-vm-pour-linux
Zv06 g formation-ibm-z-vm-et-linux-pour-zseries-bases-vm-pour-linux
 
Zv02 g formation-z-vm-introduction-et-concepts
Zv02 g formation-z-vm-introduction-et-conceptsZv02 g formation-z-vm-introduction-et-concepts
Zv02 g formation-z-vm-introduction-et-concepts
 
Zop05 formation-zope-plone
Zop05 formation-zope-ploneZop05 formation-zope-plone
Zop05 formation-zope-plone
 
Zop04 formation-zope-les-bases-et-perfectionnement
Zop04 formation-zope-les-bases-et-perfectionnementZop04 formation-zope-les-bases-et-perfectionnement
Zop04 formation-zope-les-bases-et-perfectionnement
 
Zop03 formation-zope-les-bases
Zop03 formation-zope-les-basesZop03 formation-zope-les-bases
Zop03 formation-zope-les-bases
 
Zop02 formation-zope-cps
Zop02 formation-zope-cpsZop02 formation-zope-cps
Zop02 formation-zope-cps
 
Zop01 formation-zope-perfectionnement
Zop01 formation-zope-perfectionnementZop01 formation-zope-perfectionnement
Zop01 formation-zope-perfectionnement
 
Zl10 g formation-implementation-linux-pour-system-z-suse
Zl10 g formation-implementation-linux-pour-system-z-suseZl10 g formation-implementation-linux-pour-system-z-suse
Zl10 g formation-implementation-linux-pour-system-z-suse
 
Zl00 g formation-bootcamp-z-vm-et-linux
Zl00 g formation-bootcamp-z-vm-et-linuxZl00 g formation-bootcamp-z-vm-et-linux
Zl00 g formation-bootcamp-z-vm-et-linux
 
Zen06 formation-zend-framework-2-les-bases-et-perfectionnement
Zen06 formation-zend-framework-2-les-bases-et-perfectionnementZen06 formation-zend-framework-2-les-bases-et-perfectionnement
Zen06 formation-zend-framework-2-les-bases-et-perfectionnement
 
Zen05 formation-zend-framework-2-les-bases
Zen05 formation-zend-framework-2-les-basesZen05 formation-zend-framework-2-les-bases
Zen05 formation-zend-framework-2-les-bases
 
Zen04 formation-zend-framework-2-perfectionnement
Zen04 formation-zend-framework-2-perfectionnementZen04 formation-zend-framework-2-perfectionnement
Zen04 formation-zend-framework-2-perfectionnement
 
Zen03 formation-zend-framework-1-les-bases-et-perfectionnement
Zen03 formation-zend-framework-1-les-bases-et-perfectionnementZen03 formation-zend-framework-1-les-bases-et-perfectionnement
Zen03 formation-zend-framework-1-les-bases-et-perfectionnement
 
Zen02 formation-zend-framework-1-les-bases
Zen02 formation-zend-framework-1-les-basesZen02 formation-zend-framework-1-les-bases
Zen02 formation-zend-framework-1-les-bases
 
Zen01 formation-zend-framework-1-perfectionnement
Zen01 formation-zend-framework-1-perfectionnementZen01 formation-zend-framework-1-perfectionnement
Zen01 formation-zend-framework-1-perfectionnement
 
Zabix formation-zabbix-supervision-d-infrastructure
Zabix formation-zabbix-supervision-d-infrastructureZabix formation-zabbix-supervision-d-infrastructure
Zabix formation-zabbix-supervision-d-infrastructure
 

Rwdes formation-responsive-web-design-rwd

  • 1. CERTYOU, 37 rue des Mathurins, 75008 PARIS - SAS au capital de 10 000 Euros Tél : 01 42 93 52 72 - Fax : 01 70 72 02 72 - contact@certyou.com - www.certyou.com RCS de Paris n° 804 509 461- TVA intracommunautaire FR03 804509461 - APE 8559A Déclaration d’activité enregistrée sous le N° 11 75 52524 75 auprès du préfet de région d’Ile-de-France Responsive Web Design (RWD) Formation Informatique / Technologies WEB / Webmaster Expert OBJECTIFS • Maîtriser la création de sites adaptatifs PUBLIC Webmasters, développeurs, intégrateurs PRE-REQUIS • Bonnes connaissances en HTML et CSS PROGRAMME Construire un site web adaptatif Responsive Web Design (RWD) : définition, composantes Standards, le HTML5 et CSS3 Détection de ressources avec Modernizr Contraintes ergonomiques et fonctionnelles Viewport : notion, meta, valeurs Unités relatives (%, em) vs. absolues (px) Ressources utiles : outils, galeries de sites mobiles Atelier : Structure d'un site HTML5/CSS3, support par les anciens navigateurs Créer une grille d'affichage flexible Tailles d'écran, résolution optimale Modes portrait et paysage Expression des tailles en pourcentage (%), em Tailles minimales, maximales Blocs, approche contenu/contenant Principe des box, layout avec CSS3 Taille des fonts : fixer une base pour les tailles, conversions em Eviter les débordements Atelier : Multiples exemples de grilles flexibles Utiliser des médias flexibles Images flexibles : images de fond, adaptation HTML5 Marges et espaces flexibles Vidéos adaptées Support des propriétés CSS par les anciens navigateurs Atelier : Eviter le débordements d'images/vidéos Ecrire des CSS3 Media Queries Adaptation de l'affichage en fonction de la résolution Types de médias Choix des règles conditionnelles : orientation, device-width Medias queries internes, externes Gestion des menus et sliders Polyfills pour le support des anciens navigateurs Atelier : Adaptation de l'affichage en fonction de la résolution Frameworks RWD Panorama des frameworks existants Bootstrap 960 grid Optimisation des ressources graphiques A retenir Durée : 2 jours soit 14h. Réf. RWDES Dates des sessions Paris 25/05/2015 14/09/2015 Aix en Provence 01/06/2015 21/09/2015 Bordeaux 15/06/2015 05/10/2015 Brussel 18/05/2015 07/09/2015 14/12/2015 Geneve 08/06/2015 28/09/2015 Lille 18/05/2015 07/09/2015 14/12/2015 Lyon 08/06/2015 28/09/2015 Montpellier 22/06/2015 12/10/2015 Nantes 15/06/2015 05/10/2015 Nice 01/06/2015 21/09/2015 Rennes 15/06/2015 05/10/2015 Strasbourg 25/05/2015 14/09/2015 Toulouse
  • 2. CERTYOU, 37 rue des Mathurins, 75008 PARIS - SAS au capital de 10 000 Euros Tél : 01 42 93 52 72 - Fax : 01 70 72 02 72 - contact@certyou.com - www.certyou.com RCS de Paris n° 804 509 461- TVA intracommunautaire FR03 804509461 - APE 8559A Déclaration d’activité enregistrée sous le N° 11 75 52524 75 auprès du préfet de région d’Ile-de-France Responsive Web Design (RWD) Formation Informatique / Technologies WEB / Webmaster Expert Atelier : Construction d'un site adaptatif avec Bootstrap 22/06/2015 12/10/2015 Cette formation est également proposée en formule INTRA-ENTREPRISE. Inclus dans cette formation Coaching Après-COURS Pendant 30 jours, votre formateur sera disponible pour vous aider. CERTyou s'engage dans la réalisation de vos objectifs. Votre garantie 100% SATISFACTION Notre engagement 100% satisfaction vous garantit la plus grande qualité de formation.