Formation CSS3 pour des mises en page plus dynamiques

Contactez-nous par téléphone au 02 52 56 99 89 ou par mail formation@voyelle.fr

Demande de devis Nous contacter

Le CSS évolue lentement mais les spécificités du CSS3 peuvent déjà être utilisées. Elles permettent de plus en plus de design pour pouvoir utiliser moins d'images ou de développement (javascript, jquery), alléger le html et travailler le plus précisément les éléments spécifiques d'une page.

Ce que vous saurez faire après la formation

  • effectuer la mise en page de contenus de pages web en utilisant moins d’images ou de développement
  • travailler précisément les éléments spécifiques d’une page
  • Maîtriser les feuilles de style pour permettre une mise en page plus dynamique

490€ HT/jour en groupe

Demande de devis Nous contacter

Programme détaillé

Avant de commencer

  •  Objectifs et présentation
  •  Séparation de contenu, de visuel etc.
  •  Les standards et l’univers des CSS
  •  Les outils de création nécessaires
  •  Installation de l’environnement
  •  Réaliser une grille de repères
  •  Les navigateurs
  •  Les validateurs
  •  Utiliser CSS3 dès aujourd’hui ?

Synthèse récapitulative HTML

  •  Document HTML – xHTML
  •  xHTML 2 ou HTML 5 ?
  •  DOCTYPE
  •  Les balises HTML et leur familles
  •  La nature du contenu de la page
  •  Les balises
  •  La structure globale des pages et du site
  •  Nettoyage HTML

Synthèse récapitulative CSS

  •  CSS3 : Quoi de neuf sous le capot ?
  •  Boîte de type Bloc
  •  Boîte de type Inline
  •  Les diverses unités
  •  Divers types de valeurs d’unité
  •  Unités utilisées pour la typographie
  •  Unités de base et propriétés prédéfinies
  •  La feuille de réinitialisation par défaut
  •  Ecriture courte VS écriture longue
  •  Les feuilles en cascade
  •  Le poids des règles
  •  Mise en page en tableau ou tableau en CSS ?

Le positionnement

  •  Le positionnement par bloc
  •  Centrage des blocs et Inline
  •  Le mode display
  •  La propriété haslayout de IE de 5 à 7
  •  Le positionnement par floataison
  •  La floataison et le flux du document
  •  Le nettoyage de floataison
  •  Positionnement par position relative
  •  Positionnement par position absolue
  •  Positionnement par position fixe

Les gabarits de page

  •  Qu’est-ce qu’une grille ?
  •  Premier pas avec 960px
  •  Modèles et Templates
  •  Les types d’interface
  •  Utilisation des modèles Dreamweaver

Les sélecteurs

  •  Les divers types
  •  Les imbrications
  •  Le filtrage par attributs
  •  Les pseudo-classes – partie 1
  •  Les pseudo-classes – partie 2
  •  Les expressions d’Internet Explorer
  •  Les commentaires conditionnels

Sémantique et micro-formats

  •  Gestion des styles par les navigateurs
  •  Idée d’une signature CSS
  •  Sémantique dans les nommages
  •  Définitions des micro-formats
  •  L’idée du web sémantique

Eléments de liens et boutons

  •  Les pseudo-classes de liens
  •  Créer un bouton par couleur et typo
  •  Créer un bouton par image
  •  Les barres de menus
  •  Les cartes-image

Les listes d’informations

  •  Gestion des listes
  •  Les listes de définitions
  •  Les listes à onglets
  •  Report de liste sur un menu

Demander un devis

Par téléphone : 02 52 56 99 89, par e-mail : , ou en remplissant ce formulaire. Nous vous répondrons sous 48h.

Témoignages

“Ambiance détendue - à l'image de ce qu'ils connaissent dans leur entreprise. La formation s'est bien déroulée. Elle correspondait à nos attentes de veille. Ce que nous avons particulièrement apprécié, c'est d'avoir des formateurs qui savent de quoi ils parlent. Des professionnels, des techniciens, qui utilisent au quotidien qui ne font pas que former.”

Precom / Anne

“Pas confronté quotidiennement à l'HTML mais je comprendrais mieux le fonctionnement. Très bonne formation individuelle, adaptée à mes besoins professionnels, où mes différentes questions ont trouvé réponses.”

Precom / Guillaume

“Au delà du contenu très intéressant, j'ai apprécié que le formateur soit à notre écoute. Il s'est adapté à chacunes de nos attentes, pour ne pas dire largement au-delà. D'autant plus lorsqu'il a fallu reconsidérer le lieu de la formation suite à un imprévu. Royal !”

Ministère de la Défense / Jean-Philippe

“Je ne suis pas confronté quotidiennement à l'HTML/firebug mais je comprendrais mieux le fonctionnement. Très bonne formation individuelle, adaptée à mes besoins professionnels, où mes différentes questions ont trouvé réponses.”

PRECOM / Guillaume

“Excellente adaptation à mes besoins et ceux de mon projet en cours.”

Analyse de Pratique Professionnelle / Manuel