CSS3 pour le Responsive Web Design

Formation #522 - 4 jours

Vous apprendrez à manier les trois fondements du Responsive Web Design : le flottement et positionnement, la mise en page liquide avec des attributs Responsive et les Media Queries étendues. Vous allez développer des sites Web rapides, attrayants et efficaces grâce aux feuilles de style en cascade et à HTML. Vous allez créer des sites compatibles avec la plupart des navigateurs et conformes aux normes Section 508, WCAG, CFL et DDA. Vous apprendrez également les techniques de conceptions compatibles avec différents navigateurs.

  • Développer des pages web rapides, attrayantes, sophistiquées et accessibles grâce aux CSS et au langage HTML et exploiter les techniques de style CSS2 et CSS3
  • Générer des mises en page sans tableau avec pure CSS
  • Créer des pages optimisées pour les moteurs de recherche
  • Appliquer les bonnes pratiques et éviter les pièges

  • Développement de CSS compatibles sur plusieurs navigateurs
  • Optimiser le style de la page avec CSS3
  • Créer une navigation de site avec différents styles de menu
  • Ajout d'images en arrière-plan lors de la conception des pages
  • Amélioration de la mise en forme pour plus de convivialité
  • Positionnement relatif des contenus de page

À tous ceux qui conçoivent, développent et maintiennent des sites web.

Une expérience de HTML du niveau de la formation 470, Développement d'un site web, est nécessaire.

  • Cycle de développement
  • Avantages des CSS
  • CSS et HTML 5
  • Exploiter les CSS pour créer des sites Web accessibles

Convention de formatage CSS

  • Définition de la structure des CSS
  • Unité de mesure
  • Taille fixe/taille relative
  • Propriétés de couleur et de police de caractère
  • Simplification des feuilles de style avec la sténographie

Choix et application des styles

  • Attributs classes/attributs ID
  • Insertion de balises DIV et SPAN
  • Comparaison entre styles inline et block

Intégration des feuilles de style

  • Feuilles de style externes ou intégrées
  • Importation vs. liaison de feuilles de style externes
  • Utilisation du mode en cascade CSS et des spécificités
  • Déterminer les styles efficaces

Modèles CSS

  • Groupement et stylisation du contenu
  • Création de zones de remplissages (padding), de marges et de bordures et optimisation de la mise en forme grâce aux arrière-plans et aux images
  • Gradients, ombres et arrière-plans de CSS3

Gestion du navigateur

  • Importance de la directive !DOCTYPE
  • Choix des standards du document
  • Passage du mode quirk au mode normal

Modification et superposition de styles

  • Héritage et comportement du style
  • Attribution de styles et application de règles de spécificités
  • Utilisation des spécificités
  • Pseudo sélecteurs

Gestion des éléments de la page avec les CSS

  • Mise en forme de pages en utilisant les techniques de pure CSS (sans tableau)
  • Superposition des éléments
  • Position relatif/position absolu

Organisation du contenu

  • Optimisation des pages pour l'accessibilité, les moteurs de recherche
  • Effets Rollover à l'aide de :hover
  • Mise en page linéaire

Intégrer les bonnes pratiques

  • Optimisation des pages pour toutes plates-formes
  • Produire du contenu imprimable
  • Utilisation des styles pour un format d'impression optimal

Solutions de rechange multinavigateurs

  • Développement de pages fonctionnant avec des navigateurs quirk et des boîtes cassées
  • Dégradation élégante vs amélioration progressive
  • Cibler des navigateurs ne prenant pas en compte CSS3

Organisation de l'information du site

  • Choix de techniques de menu pour plus de convivialité
  • Localisation du visiteur dans le site grâce au chemin de navigation ou « crumbtrail »
  • Création d'un menu de recherche convivial grâce aux listes

Création de menus

  • Conception de menus accessibles et attractifs, horizontaux et verticaux ou avec onglets
  • Application des techniques rollover aux menus

Formatage des données tabulaires

  • Utilisation des CSS pour rendre les tableaux attractifs
  • Mise en application des techniques d'accès à la conception des tableaux

Formulaires esthétiques pour répondre aux standards

  • Styliser les formes avec CSS
  • Création de formulaires efficaces et accessibles fonctionnant sous différents navigateurs
  • Application des propriétés d'une feuille de style aux formulaires

Sessions planifiées inter-entreprises

Inscrivez-vous à une de nos sessions en sélectionnant un mode de suivi :

5 septembre 2017 - 2220 € - À Paris ou À distance
28 novembre 2017 - 2220 € - À Paris ou À distance

Aucune session ne vous convient ? Faites-nous part de vos disponibilités dans votre demande de devis.

Demander un devis

Intra-entreprise

Organisez cette formation Learning Tree sur votre lieu de travail avec notre solution intra-entreprise.

Demander un devis

Financez votre formation

  • Programmes Visa Société et Passeport
  • Réduction Return to Learn

Pour en savoir plus, cliquez ici.

Votre formation à distance et en direct

Sans frais supplémentaires, depuis tout lieu possédant une connexion Internet, connectez-vous en temps réel et en direct à une session dispensée par nos formateurs grâce à AnyWare™, la plateforme de formation en distanciel de Learning Tree.

Notre catalogue

Vous souhaitez parcourir toute notre offre de formation ultérieurement ?

Téléchargez notre catalogue

Suivez une formation Learning Tree et profitez des avantages de SUPINFO International University !

Pour toute formation que vous aurez suivi chez Learning Tree, SUPINFO International University vous offre pendant un an le statut Advanced Member d'une valeur de 250€.
Ce statut privilégié vous permettra de profiter de ressources pédagogiques sélectionnées par SUPINFO :

* Services disponibles prochainement.