Site personnel

RATP | MÉTÉO | ASTRO < MUSIC

 


FORMATEUR - WEBMESTRE - Tél : 06 25 27 61 68 


7 rue André Bernard - 93110 Rosny sous Bois 


eric-bourgeois.com www



Introduction aux bonnes pratiques du design web

La période de développement des sites amateurs est révolue, les technologies XHTML et CSS permettent de créer ce que l'on peut enfin qualifier de sites de qualité professionnelle. Ainsi, en plus du HTML l'approche des feuilles de styles (CSS) favorise la réflexion sur les contenus et sur leur hiérarchisation.

Comme toutes les technologies, HTML et CSS n'expriment leur potentiel que lorsqu'elles sont mises dans les mains de personnes qui en approfondissent la maîtrise.

Acquérir cette maîtrise technique prend du temps et suppose un investissement initial.

Cependant, le temps que vous consacrerez dans ses technologies, constitue à coup sûr un investissement utile et durable si vous voulez faire du développement de sites web une activité qui aboutit à de bons résultats.

C'est pourquoi, n'oubliez pas et persévérez, à travers les étapes, en suivant le fil conducteur proposé sur ce site : « apprenez avec moi en profitant de la pédagogie acquise au fil de mes formations et expériences professionnelles. »


Avant propos

Malgré plusieurs années d'existence, la conception de sites web à l'aide des feuilles de styles CSS (Cascading Style Sheets) n'en est encore qu'à ses balbutiements.

Certaines techniques anciennes – dont la fameuse mise en page à l'aide de tableaux – reste encore solidement ancrées dans nos habitudes.

Cependant, la technologie des feuilles de styles est pourtant depuis longtemps vivement conseillé par l'organisme international gérant les langages et la normalisation du Web, le W3C (Worl Wide Web Consortium)
- lien traduction en français.

Plusieurs normes du W3C facilitent la compatibilité des pages et assurent l'accès du site au plus grand nombre, y compris les personnes handicapées et les utilisateurs de navigateurs alternatifs.
Les feuilles de styles CSS font parti intégrante de ses normes !

Service W3C de validation de balisage : ici


HTML ou XHTML


XHTML n'est qu'une reformulation du HTML en XML, définition wiki.

XML est un méta-langage, c'est à dire un ensemble de règle à respecter pour qu'une grammaire de langage soit normalisé et par conséquent universelle.

Le titre correct selon James Clark.

L'objectif initial est de faciliter l'échange automatisé de contenus entre systèmes d'informations hétérogènes (interopérabilité) :

  • Documents techniques.

  • Formules mathématiques.

  • Description des contenus.

  • Description de figures.

Cela donne grosso modo une grande régularité et un bon parenthésage du document.

Rien n'oblige un développeur à se conformer à une norme, mais ce choix présente plusieurs avantages :

  • Assurance de la pérénité du site.

  • Affichage correct sur une plus large gamme de navigateurs.

  • Meilleure accessibilité.

Sens et sémantique sur le Web

Les documents du Web seront d'autant plus accessibles et faciles à maintenir qu'ils seront balisés « sémantiquement », c'est à dire en fonction de leur structure logique et non pas en se focalisant sur l'aspect recherché.


Le fond et la forme

Voici la CLÉ, à savoir la séparation du fond et de la forme, avec HTML et CSS, suite...


Haut de page

Auto-entrepreneur.
Access®, Excel®, Powerpoint®, Word® & Windows® sont des produits et marques déposés
propriété de Microsoft, Inc.
Photoshop® & Dreamweaver ® sont des produits et marques déposés propriété de Adobe System.

 
Dernière mise à jour le 12.08.2011