Billets taggés: css

Depuis quelque temps, je m’interroge sur comment rendre un site internet plus responsable. Parmi les points à améliorer, j’ai listé la question de l’impression des pages. C’est certainement un des points sur lesquels on peut agir facilement et simplement. Une récente étude montre que nous européens, nous consommons 4 fois de plus de papier que la moyenne mondiale. Selon, le European Environmental Paper Network, 65% des impressions et photocopies atterrissent en fin de journée à la poubelle, et pourraient donc être évitées. Nous pouvons donc mettre en place des solutions pour limiter les impressions papier depuis nos sites.
Lire la suite…

De plus en plus de services apparaissent sur le web pour créer ses propres pages HTML. Mais qu’en est-il des standards de mise en page et des feuilles de style ?
Deux sites se proposent de vous guider dans le développement de votre site :

• www.csscreator.com
• www.positioniseverything.net

Ils proposent des outils pour définir en ligne la structure de votre site (blocs) et les éléments de mise en page de vos textes. C’est très pratique, pour débuter, car une fois votre structure définit en ligne, il vous génère la page HTML et la feuille de style CSS.

Débutants ou curieux, n’hésitez pas à essayer.

Sur les recommandations du Lire la suite…

Face à la multiplication des supports pour accéder à internet (PDA, téléphone, …), le W3C a établi de nouveaux standards basés sur le XHTML et les feuilles de styles CSS.
Il faut donc maintenant penser une page en distinguant deux éléments : le contenu et le contenant. En effet, le texte pur et dur est dorénavant dissocier de sa présentation et de sa mise en page. Ainsi, le contenant est intégré dans la page et le contenant est géré dans une feuille de style.

Pour réaliser une mise en page avec des feuilles de style ( CSS ), vous pouvez utiliser l’argument “float” avec un spacer. Par exemple, votre site se compose de 3 colonnes. Vous allez définir une largeur à chacune des colonnes dans la feuille de style. Pour chaque colonne, vous allez indiquer l’argument “float” en précisant “left” pour les deux premières et “right” pour la dernière. A ce niveau de votre mise en page, votre fond de page n’apparaît plus. Vous allez donc devoir utiliser un spacer. Lire la suite…