Pour  créer  des pages web attirantes flexibles et modernes aux normes de création web 2.0, il vous faut certaines techniques pour élaborer un travail professionnel et respectueux par vos clients ou bien par vos visiteurs.
les techniques d’affichages et d’organisation de votre design se trouve dans un langage de style [Client Side Scripting], c’est un langage qui s’exécute dans le coté client et non pas le coté serveur.

Ce langage s’appelle CSS c’est une abréviation pour [Cascading Style Sheets] , qui va vous donner la possibilité » de styliser et organiser votre site web ou bien votre design et l’adapter facilement à vos besoins d’une manière flexible.

Lire La Suite..

Le fonctionnement général du CSS se base généralement sur les sélecteurs (Seletor), dans le fichier du CSS ou après la déclaration du css dans le html, nous choisissons la balise sur laquelle on veut appliquer le style, en fait la balise qu’on veut modifier son apparence.

Lire La Suite..

Le langage css offre une riche variété de propriétés, qui vous permet de contrôler et organiser facilement vos pages web.
Background-color :#ff0000 ; (couleur de l’arrière plan )

Background-image :url(../images/bg.png) ; (l’url de l’image à mettre pour l’arrière plan )

Background-repeat :repeat(valeur par défaut) / no-repeat / repeat-x / repeat-y ; (cette déclaration vous permet de répéter l’image sois par l’axe x (horizontal) [repeat-x] ou bien par l’axe y (vertical) [repeat-y] ,et vous pouvez mettre ‘repeat’ toute seule pour répéter l’image par l’axe x et y ).

Background-position :top left / top center / top right (je vais expliquer plus a propos de cette propriété)

Background-attachement : scroll (valeur par défaut) / fixed / inherit (cette propriéte permet de laisser l’image de l’arrière plan de scroller (srcoll valeur par défaut) ou bien le fixer [fixed] )

Mais toutes ces propriétés on peut les groupés avec une seule déclaration qui s’appelle css shorthand (raccourci css).

Lire La Suite..

Les polices se sont les typographies qui changent le style d’affichage de la police du texte, en se basant sur les noms des polices qui existent par défaut dans un pc.

Dans ce tutoriel nous apprendrons comment appliquer les différents styles des polices avec les différentes propriétés.

• font-family
• font-style
• font-variant
• font-weight
• font-size
• font

La propriété « font-family» sert à définir la famille de la police pour le texte, on indique la liste des polices en respectant l’ordre de la priorité.

Généralement il est conseillé de définir la famille des polices dans le conteneur général body de la page pour définir une police par défaut de la page.

Lire La Suite..

Dans ce tutoriel vous allez apprendre les outils nécessaires pour formater un texte, avec les différentes propriétés possibles pour les textes.

• text-indent
• text-align
• text-decoration
• letter-spacing
• text-transform
• line-height

Ces propriétés sont très utiles pour améliorer la présentation de vos textes dans le web.

Lire La Suite..