La technologie bien établie et indispensable pour créer des sites web modernes, avec la séparation des couches de contenu et de graphisme, s'appelle CSS.
Trouver des ressources sur Internet, des white papers, des ebooks, des manuels et des tutoriels sur ce sujet est très simple, mais se frayer un chemin à travers toutes ces informations n'est pas toujours simple. Savoir par où commencer peut être un problème sérieux, surtout parce que l'on n'a jamais la certitude que la qualité de la documentation que l'on a trouvée facilement avec une recherche minimale sur Google soit bonne.
Comment faire ? Personnellement, je commence toujours par Wikipedia... mais en saisissant ces mots-clés sur Google ou Yahoo : WIKI BOOKS CSS. Commencer avec la bonne recherche est fondamental pour ne pas perdre de temps.
Je vous invite à effectuer la recherche avec les mots-clés sur Google que je vous ai conseillés... faites avec calme.... Nous avons tous trouvé un contenu de qualité supérieure parce qu'il a été analysé avec soin par l'équipe de Wikipedia (ce que vous savez si vous avez déjà publié des articles ou des livres sur Wikipedia)
http://it.wikibooks.org/wiki/CSS
Voici le lien que nous avons trouvé.... Comme vous lirez, ce livre a été sélectionné comme livre vitrine... c'est-à-dire que vous avez trouvé immédiatement un bon livre. Vous pouvez le télécharger directement à partir de ce lien en version PDF pour le consulter lorsque vous êtes hors ligne...
Ok, nous y sommes. Ce wikilivre est une lecture utile uniquement si vous devez entreprendre un travail particulier avec le web, sinon je ne vous conseille pas de le lire car cela risquerait de vous sembler ennuyeux et pesant.
Ce n'est pas ennuyeux si vous avez un projet à développer et que vous avez des objectifs à atteindre et que vous pensez que le web est une grande opportunité. Pour donner une définition différente de celle du wikilivre que je vous ai suggéré plus haut, je vous invite à regarder à nouveau l'image de l'homme en Lego ci-dessus. À gauche, nous avons le projet de l'homme avec les lignes (contenus de base) sans aucun détail graphique (couleur, position, objets ajoutés qualificatifs du projet initial). L'image de l'homme de droite rend le projet clair en ajoutant des attributs et des qualités, mais aussi en ajoutant des objets qui laissent deviner l'objectif de l'homme. Le W3C nous fournit en anglais une définition formelle et exhaustive de ce qu'est le CSS et de la façon dont il est utilisé.
http://www.w3schools.com/Css/css_intro.asp
Quelles parties du livre sont fondamentales ? Le livre est déjà un super résumé, mais approfondir la partie sur le positionnement peut donner un avantage pratique lors de la création de feuilles de style professionnelles
Une autre ressource qui peut aider à un niveau didactique dans l'explication des principaux sélecteurs des CSS est le site suivant : http://www.cssportal.com
Comment insérer le CSS dans le code HTML que vous créez ?
Comme vous le voyez ci-dessus, insérez le fichier CSS comme lien externe, même s'il existe une modalité pour insérer le code CSS à l'intérieur de la page HTML, mais que je déconseille fortement car la technologie CSS sert justement à économiser du temps dans les modifications des layouts graphiques finals.
Si vous utilisez correctement les CSS, vous économisez beaucoup de temps dans la mise à jour de la graphique de layout des pages.
Voici ci-dessus un exemple de CSS professionnel où sont utilisées des techniques avancées pour le positionnement et le styling du texte.
Pour recevoir d'autres informations sur les CSS, vous pouvez vous inscrire à la section « gratuit pour toi » et me demander d'autres exemples professionnels pour une utilisation avancée.
Le positionnement dans les CSS est sous-estimé par de nombreux concepteurs web.... voici la section que je vous conseille d'étudier avec beaucoup d'attention.
Les CSS permettent de positionner à l'intérieur d'une page des objets qui varient ou restent fixes
indépendamment de la dimension dans laquelle la page est visualisée et/ou du défilement de cette page.
Dans la page, un élément peut être positionné selon trois modes différents :
en suivant le déroulement normal de la page prévu par l'HTML
sans aucun lien avec le reste du flux des éléments en s'alignant de telle sorte que les éléments se disposent sur le côté (cette technique, appelée en jargon technique floating, est similaire au fonctionnement de l'attribut de mise en page des images)