loader image

Création web

Formations

1 jour (7h)

Présentiel

350€ HT INTER

Responsive Web Design

Le Responsive Web Design permet à un site web d’adapter son format d’affichage à tous types de terminaux de communication (Smartphones, tablettes….) sans avoir recours à des ressources supplémentaires. A la clef : gain de temps, réduction des coûts et optimisation de votre visibilité.

PROGRAMME

Respecter les standards et l’accessibilité

  • Le Doctype, la sémantique, la validation W3C
  • Performance et bonnes pratiques

Bien gérer la cascade

  • Sélecteurs communs et avancés (CSS2.1, CSS3)
  • Feuilles de style
  • Les resets et framework CSS

Rappel des bases théoriques

  • Le modèle de boîtes CSS
  • Le margin-collapsing

La rétrocompatibilité

  • Bugs connus et solutions pour les navigateurs anciens

Mise en pages : templating et Responsive Web Design

  • Qu’est-ce que le Responsive Web Design ?

Mise en page CSS2.1

  • Les flottants, les clear
  • Les positions (absolute, fixed, static, relative)
  • Les display

Mise en page CSS3 : les nouveautés et le futur

  • Media Queries pour les mobiles et tablettes
  • Grilles

Actualité des frameworks et outils pour le Responsive Blueprint, 960, Bootstrap, Boilerplate…

Exercices pratiques

  • Réaliser la maquette d’un site Web adaptée aux tablettes et mobiles (responsive)

Public

  • Graphistes / Maquettistes / Webdesigner / Intégrateurs
  • Toutes personnes souhaitant optimiser le format de ses sites Web et maîtrisant le code HTML et les CSS

Objectifs pédagogiques

  • Comprendre et maîtriser les contraintes techniques du code liées aux différents formats d’affichage

Moyens pédagogiques

  • 1 PC par stagiaire – Vidéoprojecteur
  • 1 hébergement PHP/MySQL avec sous‑domaine mis à disposition
  • Alternance d’apports théoriques et exercices à difficultés progressives
  • Centre de ressources en ligne, disponible pendant et après tous nos parcours : media.pixelhome.fr

Modalités d’évaluation

  • Délivrance d’une attestation de compétences détaillées
  • Évaluation de satisfaction en ligne
  • Évaluation finale par QCM ou cas pratique récapitulatif

Pin It on Pinterest

Share This