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 pour intégrer votre site webApprenez les bases du CSS…
Dans ce tuto vidéo sur les bases du CSS, nous verrons ensemble…

Changer l'apparence d'une image au passage de la sourisChanger l'apparence d'une…
Dans ce tuto CSS, vous apprendrez à créer une effet de changement…

Initiez vous à toutes les positions CSSInitiez vous à toutes les…
Dans ce tuto CSS, vous découvrirez comment utiliser les positions…

Découper et intégrer une page d'accueil de site internetDé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 page d'accueil de site internetDécouper et intégrer une…
Ce tutoriel est la suite du tuto créer une page d'accueil de…

Créez et intégrez un menu en HTML/CSS avec une seule imageCréez et intégrez un menu…
De la création du visuel sous Photoshop à l'intégration HTML/CSS,…

Un menu complet à partir d'une seule imageUn menu complet à partir…
Dans ce tuto vous allez apprendre à créer un menu complet…

Utilisez n'importe quelle font/police dans vos pages htmlUtilisez 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 :

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 :

Partagez cet extrait

Lien vers cet extrait : Embed code :

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.

En savoir plus sur video2brain


Témoignage des clients de video2brain

De nombreux tutos sur de nombreux logiciels, très bien expliqués pour ceux que j'ai vu et toujours très utiles ! merci beaucoup pour tous ce savoir !

Avec ses divers videos sur de nombreux logiciels Video2Brain m'a permi d'acquérir des connaissances accrues de ce faite j'ai pu consolider mes bases!! Merci à eux

Formations très intéressantes et complètes

Bon choix de tuto, bon professionalisme !!!!

Formation complète, ... très complète ! Tous est bien détaillé et des exemples concrets qui ne donnent qu'une envie, continuer !

Lire les autres témoignages

 

D'autres tuto de video2brain

Exporter des données graphiquesExporter des données graphiques
Pour une utilisation vers d'autres logiciels, plusieurs moyens sont à votre disposition…

Exporter des données textuellesExporter 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 PDFRecupé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'OrganiseurUtilisation de l'Organiseur
L'organiseur Acrobat est un navigateur de fichiers ou pages PDF qui stocke les pages…

voir tous les tuto de video2brain

Notes attribuées par les utilisateurs (2 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (2)

par video2brain
(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. "

par sakurasanà voté :
(a acheté ce tuto - 19 février 2012)

" bien! "

 

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é 78 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.

N'hésitez pas à nous contacter si vous avez la moindre question !