CSS Perfectionnement :
Positionnement et mise en page aux standards du web

Créez un site web aux normes du web

Utilisez les feuilles de styles CSS dans la production de documents web conformes aux normes internationales W3C et maîtrisez le positionnement CSS et les différences de rendu entre les navigateurs. Vous saurez créer votre mise en page web à partir d'un gabarit photoshop.
14 heures de formation (2 jours en présentiel).

Public

Graphistes, webmasters, webdesigner, chefs de projets, ou toute autre personne en charge de site Web.

Pré requis

Connaissances basique en HTML et CSS

Objectifs

Déployer des sites avec mise en forme sans tableau
Connaître les standards du web, les règles
Concevoir des feuilles de style structurées
Créer une mise en page depuis un gabarit Photoshop

Programme

Dispensé avec des méthodes d'apprentissage actives basées sur des exercices pratiques.

1 - Les standards W3C

Les règles du W3C
La bonne pratique de l'intégration CSS

2 - Comment concevoir sa mise en page

Détermination du type de structure XHTML adéquat
Conception d’une mise en page css fixe
Conception d’une mise en page css fluide
Découpage de la page en zones logiques (zoning)

3 - Le positionnement en css

Le flux
Les éléments de type en-ligne et block
Les modèles de boites
La notion de flottement et la propriété clear
Les positionnements relatifs, absolus, fixes

4 - Les pseudo classes et pseudo éléments

Principes
:link, :visited, :hover, :active
:first-letter, first-line

5 - Gestion des navigateur et leurs bugs principaux

Le reset CSS
Détection des bugs css de certains navigateurs
Feuille de style alternative pour Internet Explorer
Outils Firebug et IEtester

6 – Exercice pratique : mettre en page son site à partir d'un gabarit Photoshop PSD

Principes, découpage, exportation et optimisation des images
Intégration Full CSS

Formation possible en:

Formateurs qualifiés

Toutes les formations Web

CSS Perfectionnement :Positionnement et mise en page aux standards du web