Cours / Tutorials CSS - Avant de commencer
Pré-requis
Indissociables du Xhtml, les CSS permettent d'en présenter le contenu. Il est donc indispensable d'avoir suivi les cours Xhtml avant de commencer ceux-ci.
De la même manière que pour les cours Xhtml, vous devriez refaire tous les exemples et exercices sans copier-coller. Il y a beaucoup plus de choses à apprendre et retenir en CSS qu'en Xhtml, vous n'y arriverez qu'en pratiquant. Si cela peut vous rassurer, je fais les exercices des tutoriaux en appliquant la même règle : pas de copier-coller.
Pour vous faciliter la tâche, nous allons utiliser le logiciel de développement gratuit de Microsoft. En plus de vous aider, cela vous permettra de commencer à le prendre en main avant de passer au réel intérêt de ces cours qui viendra juste après les CSS !
Visual Web Developper 2008 Express
Téléchargez le logiciel Microsoft Visual Web Developper 2008. L'installation est longue car elle inclut le nécessaire pour le développement de sites Internet dynamiques professionnels en Asp.net (avec base de donnée Sql server). Lorsque cela vous sera demandé, n'oubliez pas d'installer le langage c# (il est possible qu'il soit être obligatoire dans cette version).
http://msdn.microsoft.com/fr-fr/express/aa975050.aspx
Une fois installé, lancez VWD2008. J'ai installé le mien lorsque la version française n'était pas sortie, il va falloir essayer de traduire assez fidèlement. N'hésitez pas à corriger.
Une fois ouvert, vous avez une interface de développement (IDE) qui ressemble à la plupart. Ce que vous besoin de savoir pour le moment :
- Vous avez devant vous l'écran de démarrage qui permet un accès rapide aux derniers sites créés et à quelques informations.
- Le menu "Fichier / Nouveau fichier" vous permet de créer des pages html/xhtml
- N'utilisez jamais la boite à outils (partie gauche) permettant de vous faciliter la tache !
- Dans la partie droite, vous avez un explorateur de solution (qui contiendra tous les fichiers de votre site) et un explorateur de propriétés qui peut grandement vous faciliter la tâche… Mais que vous n'utiliserez pas ! (c'est important pour apprendre).
- Vous pouvez ouvrir un site Internet (par exemple les pages crées jusque là) par le menu fichier / ouvrir un site Internet)
Ouvrez dans "ouvrir un site Internet", sélectionnez le dossier "blog-webmaster.com / xhtml-css" et validez. Toutes les pages crées s'affichent à droite dans l'explorateur de solution. Vous êtes prêt pour apprendre les CSS.
Sommaire des cours XHTML Suite >>