La technologie bien consolidée et indispensable pour créer des sites web modernes, avec la séparation des couches de contenu et de graphique, s'appelle CSS.
Trouver des ressources sur Internet, des livres blancs, des ebooks, des manuels et des tutoriels sur ce sujet est très simple, mais naviguer dans toutes ces informations n'est pas toujours simple. Savoir où commencer peut être un problème sérieux, surtout parce que l'on n'est jamais sûr de la qualité de la documentation que l'on trouve facilement avec une recherche minimale sur Google.
Comment faire ? Personnellement, je commence toujours par Wikipedia. En saisissant ces mots-clés sur Google ou Yahoo : WIKI BOOKS CSS. Commencer par 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-le calmement..
Nous avons tous trouvé un contenu de qualité supérieure parce qu'il a été soigneusement analysé par l'équipe de Wikipedia (ce que vous savez si vous avez déjà publié un article ou un livre 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.... vous avez donc trouvé 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 wikibook est une lecture utile seulement si vous devez entreprendre un travail particulier avec le web, sinon je ne vous conseille pas de le lire car il serait certainement ennuyeux et lourd.
Ce n'est pas ennuyeux si vous avez un projet à développer et des objectifs à poursuivre et que vous pensez que le web est une grande opportunité.
Qu'est-ce que le CSS ?
Pour donner une définition différente de celle du wikibook que je vous ai suggérée ci-dessus, 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 que sont les CSS et de la façon dont ils sont utilisés.
http://www.w3schools.com/Css/css_intro.asp
Quelles parties du livre sont fondamentales ? Le livre est déjà un super résumé, mais à mon avis, 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 si il existe un mode pour insérer le code CSS à l'intérieur de la page HTML, mais que je déconseille fortement parce que la technologie CSS sert justement à économiser du temps dans les modifications des mises en page graphiques finales.
Si vous utilisez correctement les CSS, vous économisez beaucoup de temps dans la mise à jour de la graphique de mise en page des pages.
Voici ci-dessus un exemple de CSS professionnel où des techniques avancées sont utilisées pour le positionnement et le style du texte.
Pour recevoir d'autres informations sur les CSS, vous pouvez vous inscrire à la section "gratuit pour vous" 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.
Positionnement
Les CSS permettent de positionner à l'intérieur d'une page des objets qui varient ou restent fixes
indépendamment de la taille à laquelle la page est visualisée et/ou du défilement de cette page.
Dans la page, un élément peut être positionné de trois manières différentes :
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 manière à ce que les éléments soient disposés sur le côté (cette technique, appelée en jargon technique floating, est similaire au fonctionnement de l'attribut d'alignement des images)