Créer ma première feuille de style

Travaux pratiques

Feuille de style – nom féminin (Cascading Style Sheet – CSS – en anglais) : en liant de nombreuses pages Web à une même feuille de style externe, vous pouvez définir une apparence cohérente pour l'intégralité d'un site Web.

Voilà pour la définition. En utilisant les feuilles de style, vous n’aurez plus besoin d'assigner des attributs (police, taille, format…) individuellement à chaque élément de votre page. Ou comment isoler les informations de présentation d’une telle page web dans une feuille de style.

Dans cet atelier, nous allons utiliser l’exemple d’un lecteur de flux RSS, en partant d’une page déjà existante en ASP .NET 2.0 sur laquelle il faut appliquer la maquette réalisée par un graphiste.

Merci à Wygwam et Agilcom qui ont réalisé ces travaux pratiques.

Regarder le programme en mode plein écran

Les téléchargements
Téléchargez l’introduction (.doc)

Formez vous : participez aux ateliers guidés

Atelier 1 : Comprendre les fondamentaux
Dans ce premier atelier, on répondra à deux questions simples : comment cela marche, et par quoi commencer. Et pour ceux qui ne seraient pas encore convaincus, on vous expliquera pourquoi il vaut mieux utiliser les feuilles de style… plutôt que les tableaux html.
>> Suivre cet atelier
Atelier 2 : Positionner et présenter des contenus
Afficher et positionner des images de fond d’écran, gérer l’ordre d’affichage des éléments les uns par rapport aux autres, gérer la position d’un élément par rapport au flux html du document… Un atelier tout en finesse.
>> Suivre cet atelier
Atelier 3 : Présenter une liste de données sous forme de table html standard
Dans notre exemple de lecteur de flux RSS, nous allons désormais travailler à affiner la présentation de la liste des messages en contrôlant les dimensions, les différents styles de colonnes et leurs entêtes.
C’est l’occasion de présenter le nouveau contrôle d’affichage de données GridView, d’ASP .NET 2.0
>> Suivre cet atelier

Atelier 4 : Présenter la navigation
L’objectif de cet atelier est de vous donner des exemples de présentation de différents menus constituant une interface de navigation à base de texte et d’images.
>> Suivre cet atelier
Atelier 5 : Présenter un formulaire
On finira cette série d’ateliers avec des exemples de présentation de différents formulaires, de type formulaire de saisie ou formulaire de détails de données.
>> Suivre cet atelier

Environnement de développement
Pour réaliser ces ateliers, vous aurez besoin :

du Microsoft Framework 2.0.
de Microsoft Visual Web Developer 2005, Express Edition.
A noter que VWD installe automatiquement le Framework 2.0.
de Microsoft SQL Server 2005, Express Edition.

Si vous souhaitez en savoir plus sur ASP.NET 2.0, laissez-vous guider par le coach.

Haut de page