La maîtrise des CSS (Cascading Style Sheets - feuilles de style en cascade) est aujourd'hui indispensable pour toute équipe de production Web. Véritable révolution, cette approche offre des avantages incontestables et sera bientôt la base obligatoire de tout projet d’édition en ligne en termes de compatibilité, de normalisation et de pérennité.
L’utilisation des CSS est aujourd’hui largement répandue. Depuis les navigateurs de génération 4, elles permettent de définir des styles à partir d’attributs (X)HTML, afin d’assurer la cohérence transversale d’un site.
La richesse de ce protocole est cependant très peu exploitée — pourtant, les derniers développements du consortium du World Wide Web (W3C), qui établit les standards de compatibilité pour les navigateurs, s’appuient largement sur ses possibilités.
Les CSS permettent de dissocier la structure sémantique des contenus de celle de leur représentation. Le principal avantage de cette logique tombe sous le sens : les contenus étant balisés en fonction de leur seule sémantique, on peut en faire évoluer la représentation en modifiant simplement la définition des styles qui leur correspondent.
Le langage de définition des CSS permet de spécifier tous les attributs graphiques des pages — agencement, positionnement, couleur, images de fond, polices de caractères, taille et forme d'éléments, mais aussi les comportements interactifs.
Mais une image vaut mille mots, on le sait : on trouvera ici une série d’exemples et de ressources qui ne laissent aucun doute sur la puissance du procédé.
Une liste plus exhaustive des avantages de la démarche est accessible ici.
Le déroulement et le programme de la formation sont détaillés ici.
Le Web est par définition construit sur une problématique de standardisation : comment faire circuler une information composite en préservant sa structure parmi un ensemble de navigateurs, de systèmes d’exploitation, d’environnements linguistiques et d’ordinateurs différents ? Aujourd’hui, nous prenons ce phénomène pour acquis mais le niveau de cohérence obtenu est incroyable. C’est grâce au rapprochement de différentes intelligences internationales, réunies dans une effort commun de normalisation dans le cadre du World Wide Web Consortium W3C, que cela est possible.
Mais cet objectif n’est pas idéologique : les maîtres d’ouvrage, les donneurs d’ordres, les institutions sont de plus en plus sensibles aux questions de compatibilité et d’accessibilité. Les cahiers des charges des appels d’offres expriment maintenant systématiquement la contrainte d’accès aux différents handicaps.
Les CSS sont aujourd’hui une composante déterminante de ces nouvelles normes : il faut les maîtriser pour participer à l’évolution du Web.
Économie, efficacité, pérennité, référencement, accessibilité, méthodologie de travail… le formalisme des CSS complète le (X)HTML et consolide le paradigme Web.
Les styles du fichier CSS s'appliquent en cascade à l'ensemble des pages du site. L'aspect visuel du site peut être modifié indépendamment du contenu c'est à dire sans toucher au code (X)HTML.
Le code est plus léger, plus lisible et donc plus facile à mettre au point et à entretenir. Le (X)HTML est épuré par des définitions globales, le balisage du texte (h1, h2, etc.) structure le contenu sans l'encombrer d'attributs. D'autre part, les temps de chargement sont améliorés, le fichier CSS est chargé une seule fois pour toutes les pages.
Il est possible d'attribuer à une page des feuilles de styles distinctes applicables selon le format de sortie : écran ou impression, navigateurs compatibles ou non, adaptations aux handicaps, et bientôt — avec CSS3 — pour PDA, téléphonne mobile, etc.
L’accessibilité aux handicapés est un enjeu spécifique des variantes CSS pour un même site, faisant l’objet d’efforts de normalisation spécifiques.
Les moteurs de recherche indexent d'autant mieux un code dont le texte est bien hierarchisé par des balises standards (X)HTML.
Les CSS offrent un terrain de rencontre entre le graphiste et le développeur. Elles permettent de clarifier les rôles de chacun de définir sans ambiguité les intentions graphiques.
Nous proposons une formation à la fois théorique et pratique pour acquérir les clés du langage CSS. En suivant cette formation vous bénéficierez de la pratique et de l'expérience d'un professionnel expert de ces technologies. Cela veut dire que vous apprendrez aussi une méthodologie de travail sur la logique « Pure CSS » et gagnerez ainsi en efficacité dans la réalisation de vos projets.
Le programme pédagogique de Numer est géré et coordonné par Florence Castaing, associée de Hyptique et formatrice multimédia depuis 1998.
La formation d'une durée de cinq jours, soit 30h, se découpe en deux temps. Une première session de trois jours puis la semaine suivante, une deuxième session de deux jours.
Les cours se déroulent de 9h30 à 12h30 et de 14h à 17h, soit 6h par jour et une heure trente de pause déjeuner. Ils ont lieu à Paris dans le 3ème (métro république (lignes 3, 5, 8, 9, 11) ou Strasbourg St Denis (lignes 4, 8, 9)).
Chaque intervenant dispose d'un micro-ordinateur (PC), d'une connexion Internet haut débit et des logiciels adéquats.
Pour information :
Tout au long du stage, les acquis sont évalués par des exercices sous l'égide du formateur expert.
En fin d'action, une attestation de formation sera remise par Numer ŕ chaque stagiaire.
Numer fournit à l'entreprise les attestations de présence du stagiaire pour chaque séance de formation.
L’objectif du programme des trois premiers jours de la formation est de mesurer et de s’approprier le vrai potentiel du langage CSS. Les points du cours décrits ci-dessous sont illustrés par de nombreux exercices de mise en pratique.
L'objectif du deuxième volet de la formation est d’offrir aux participants l'opportunité d'approfondir l'ensemble des points abordés sur le langage CSS et d'expérimenter la méthodologie de mise en œuvre. Il est conçu comme un atelier construit à partir d’un cahier des charges réaliste : un ensemble de pages HTML structurées et reliées entre elles.
Durant cet atelier, l'ensemble des participants travaille à la mise en forme d’un même contenu. Chacun, sans toucher au code HTML, crée ses propres feuilles de styles et gère l'aspect visuel de l'ensemble des pages du site.
Entre les deux volets de la formation, les participants qui le souhaitent pourront développer des propositions graphiques pour cet exercice.
