On entend partout parler de composition Internet « conforme au standard du Web », cependant de nombreuses offres Web ne sont encore que des solutions de compromis. Des développeurs et créateurs Web embarrassés se situent entre les deux extrêmes de la conformité aux normes et du design. CSS offre la possibilité de répondre à ces deux exigences. La séparation entre contenu et mise en page est l’étape la plus importante à atteindre. Cette situation vous paraît-elle familière ? Cette formation est donc faite pour vous ! Des pré-requis en HTML et CSS sont recommandés pour pouvoir suivre cette suite de tutoriels.

Alors, en quoi consiste la mise en page d’un site Web ?

Cela consiste à disposer harmonieusement sur une surface, dont on ne connait pas la taille, des blocs

contenant du texte, des blocs contenant des illustrations et des blocs contenants des éléments

interactifs comme le menu du site ou un formulaire. De plus, nous devons pouvoir agir sur la présentation des blocs texte tant au niveau de la police de caractères que des paragraphes.

De quels outils disposons‐nous pour réaliser ce travail ?

Nous avons à notre disposition les feuilles de style et le html.

Dans cette formation, nous aborderons successivement :

1. Les bases indispensables pour comprendre et utiliser les feuilles de style

2. Mise en forme d’un site par les styles

3. Mise en forme des textes avec les styles

4. Gérer des zones réactives, des formulaires et l'impression

5. L'organisation d'un site Web par les feuilles de styles

6. Flash et les feuilles de style

7. Téléphone mobile, PDA, Ipod et feuilles de style

8. Se faire connaître

Vue d’ensemble de la formation :

Présentation de l'application

Créer un site Web c'est mettre en page harmonieusement à l'écran des blocs de type texte, illustrations et réactifs. C'est choisir l'architecture la mieux adaptée aux objectifs du site et enfin c'est faire connaitre l'existence du site.

Mise en forme d'un site par les styles

Savoir manipuler des blocs permet de s'affranchir de l'organisation sous forme de tableau. Cet outil sert à assurer la mise en page de votre document.

Mise en forme des textes avec les styles

La mise en forme des textes permet d'améliorer la lisibilité d'un site. Elle est indispensable pour pouvoir mettre en avant le contenu du site.

Gérer des zones réactives, des formulaires et l'impression

Introduire de l'interactivité dans un site est important cela peut inciter l'internaute à rester.

L'organisation d'un site Web par les feuilles de style

Comment structurer un site Web pour une meilleure efficacité ? Quelles sont les organisations possibles ?

Flash et les feuilles de style

Les feuilles de style peuvent être utilisées avec Flash pour la mise en forme des textes aussi bien internes que externes.

Téléphone mobile, PDA, Ipod et feuilles de style

Pourquoi ne pas mettre en forme vos pages pour une utilisation sur les téléphones mobiles ?

Se faire connaître

Attention : étape incontournable !!!! Quelles sont les règles à suivre pour obtenir un bon référencement ?

• Connexion Internet DSL
• Navigateur actuel avec le plug-in Flash
• Résolution d’écran minimum : 1024x768
• Carte son, haut-parleurs ou casque d’écoute
• Pentium4 à partir de 2,6 GHz ou bien G4 à partir de 1 GHz