S’il ne s’agit plus seulement de technique mais aussi de l’apparence de la page Web, les CSS vous rendront bien des services. Employez les CSS comme méthode de formatage des textes, mais aussi comme technique définissant les pages, et vous parviendrez en même temps, grâce à la liberté de formatage quasi illimitée, à une flexibilité encore plus grande pour une modification durable de la structure et une actualisation plus rapide selon les souhaits des clients.
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 ?
Notez que vous pouvez acheter à l'unité toutes les vidéos de cette formation. Pour cela, cliquez sur l'onglet "table des matières".
Jetez un oeil à ces autres tuto CSS
Apprenez les bases du CSS…
Dans ce tuto vidéo sur les bases du CSS, nous verrons ensemble…
Changer l'apparence d'une…
Dans ce tuto CSS, vous apprendrez à créer une effet de changement…
Initiez vous à toutes les…
Dans ce tuto CSS, vous découvrirez comment utiliser les positions…
Découper et intégrer une…
Ce tutoriel est la suite du tuto créer une page d'accueil de…
Découper et intégrer une…
Ce tutoriel est la suite du tuto créer une page d'accueil de…
Un menu complet à partir…
Dans ce tuto vous allez apprendre à créer un menu complet…
Créez et intégrez un menu…
De la création du visuel sous Photoshop à l'intégration HTML/CSS,…
Utilisez n'importe quelle…
Dans ce tuto CSS, vous découvrirez comment utiliser facilement…
Cette formation contient 53 leçons en vidéo (que vous pouvez acheter à l'unité) pour une durée totale de 3h18.
Voici le programme complet abordé au cours de cette formation :
- Présentation et plan de la formation 1 crédit
- Principe de base des feuilles de style 1 crédit
- Avantages des feuilles de style 1 crédit
- Inconvénients des feuilles de style 1 crédit
- Comment et où définir un style ? 1 crédit
- Les 2 manières de présenter un style 1 crédit
- Les règles fondamentales de la saisie 1 crédit
- Les sélecteurs 1 crédit
- Les classes et les ID 1 crédit
- Les calques 1 crédit
- Généralités sur les blocs 1 crédit
- Etude du premier exemple 1 crédit
- Mise en page plus complexe 1 crédit
- De plus en plus difficile !! 1 crédit
- Encore plus fort avec les blocs 1 crédit
- 3 colonnes à la une 1 crédit
- Gérer le fond de la page 1 crédit
- Gérer les paragraphes 1 crédit
- Gérer les listes 1 crédit
- Gérer les polices de caractères 1 crédit
- Gérer les liens 1 crédit
- Gérer un lien sur une image 1 crédit
- Bordures et aplats de couleurs 1 crédit
- Les marges 1 crédit
- Créer un menu horizontal 1 crédit
- Créer un menu vertical 1 crédit
- Créer un formulaire 1 crédit
- Faire bonne impression 1 crédit
- Les 2 familles de site Web 1 crédit
- Le site en colonne : Présentation 1 crédit
- Le site en colonne : La feuille de style 1 crédit
- Le site en colonne : La page HTML 1 crédit
- Le site en colonne : Le formulaire 1 crédit
- Le site tableau de bord : Présentation 1 crédit
- Le site tableau de bord : La feuille de style 1 crédit
- Le site tableau de bord : La page HTML 1 crédit
- Modifier rapidement la présentation 1 crédit
- Présentation 1 crédit
- Le fichier texte 1 crédit
- La feuille de style 1 crédit
- Le fichier Flash 1 crédit
- Le code Action Script 1 crédit
- Présentation 1 crédit
- Exemple de page pour mobile 1 crédit
- Présentation des moyens hors ligne 1 crédit
- Présentation des moyens en ligne 1 crédit
- Le rédactionnel pour le référencement 1 crédit
- Les balises HTML pour le référencement 1 crédit
- Les liens pour améliorer le référencement 1 crédit
- Les autres balises HTML importantes 1 crédit
- Les sites Full Flash 1 crédit
- Référencement : les choses à ne pas faire 1 crédit
- Les statistiques de fréquentation du site 1 crédit
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto CSS de 3 heures 18 minutes est proposée dans une résolution plus grande que l’extrait suivant :
video2brain
, Editeur pro
Producteur de formations vidéo depuis 2002, video2brain est un des leaders européens sur le marché du e-learning. video2brain propose des formations vidéo, en ligne et sur DVD, sur les logiciels et les langages de programmation.
video2brain est également le fournisseur officiel de tutoriels certifiés Adobe.
Toutes les formations de Video2brain
Jean-Luc Delon, auteur dans cette formation
Jean-Luc Delon est un développeur web et formateur confirmé. Ancien responsable informatique et pédagogique du plus important groupe de formation de France (Demos.fr), formateur depuis 30 ans, il intervient régulièrement sur des formations web et en bureautique métier.
Déjà en 1994, Jean-Luc Delon développait pour le Ministère du Travail des formations en bureautique et comptabilité en ligne.
Toutes les formations de Jean-Luc Delon
Témoignage des clients de video2brain
![]()
videos accessibles pour tous, convient parfaitement pour les débutants!
![]()
Video2Brain possède de nombreuses vidéos intéressantes et très utiles. ça va certainement m’être utile et m'encourager à acheter plus de crédits.
![]()
Bonjour; Je voulais vous dire que vos vidéos sont géniales. Ça explique beaucoup de choses, les bases et des astuces. Voilà, s'était pour vous dire que ça m'a bien aidé. Continuez comme ça. Au revoir.
![]()
Très bonne vidéo, très instructive, merci pour votre dévouement !!!
![]()
Très bon tuto; très complet
Lire les autres témoignages
D'autres tuto de video2brain
Exporter des données graphiques
Pour une utilisation vers d'autres logiciels, plusieurs moyens sont à votre disposition…
Exporter des données textuelles
Le menu Exporter vous permet d'exporter vos documents PDF vers différents types de formats…
Recupérer des données depuis un PDF
Dans cette vidéo le formateur explore les différents moyen de récupérer des éléments,…
Utilisation de l'Organiseur
L'organiseur Acrobat est un navigateur de fichiers ou pages PDF qui stocke les pages…
Notes attribuées par les utilisateurs (2 votes)
Les avis / Questions des utilisateurs (2)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto CSS d’une durée de 3 heures 18 minutes a été acheté 81 fois et a reçu une note moyenne de 6/5.
Ce tuto a été publié le 24 octobre 2008 par video2brain, éditeur professionnel, ayant reçu une note moyenne de 4,1/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto CSS Formation.
Cette formation qui se présente sous la forme de plusieurs vidéos, vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.













(auteur de ce tuto - 02 mars 2012)
" @sakurasan : bonjour et merci pour votre commentaire !
Bonne continuation avec les formations de video2brain.
Cordialement,
Votre équipe video2brain. "
(a acheté ce tuto - 19 février 2012)
" bien! "