Vous êtes sur la page 1sur 5

Programmation Web

Introduction la programmation Web


I. Dfinition de linternet
L'Internet est un immense rseau d'ordinateurs l'chelle de la
plante.

Sa

principale

raison

d'tre

est

de

partager

de

l'information et de communiquer. Le World Wide Web et le


courrier lectronique ne sont que deux des composantes de
l'Internet les plus populaires.
Au dbut, le rseau Internet tait surtout utilis par les
gouvernements et les tablissements d'enseignement en Amrique
du Nord et en Europe. Toutefois, depuis l'explosion de l'Internet
au milieu des annes 1990, l'utilisation de l'Internet s'est
popularise normment. On compte maintenant tant des
individus, des petites et grandes entreprises, des associations,
des coles, en plus des universits et des gouvernements de
partout dans le monde parmi les utilisateurs.
L'Internet est un rseau public, c'est--dire qu'en ralit il
n'appartient personne. Certaines parties du rseau peuvent
appartenir diverses organisations, mais aucune entit ni aucun
ordinateur central ne le contrle. Ces parties sont relies dans un
esprit de coopration suivant des normes tablies en commun.
II. Qu'est-ce qu'un site Web?
Un site Web est un groupement de pages Web cr par une
organisation

ou

par

un

particulier.

Les

sites

Web

sont

gnralement dots d'une page principale appele "page d'accueil"


qui permet de grouper toutes les principales parties du site.

Programmation Web
Qu'est-ce qu'une page d'accueil?
Une page d'accueil est une "premire page" ou une "page de base".
III.

Chaque site Web est dot d'une page d'accueil. Une page d'accueil
est comme la porte d'entre d'une maison, elle permet d'accder
au site.
IV. Structure dun site Web
La chose la plus importante considrer lorsqu'on prpare le
design d'un site Web, c'est la satisfaction des utilisateurs. La
facilit avec laquelle ils trouveront ce quils recherchent. Eviter de
choquer les internautes est l'objectif principal du design. Et savoir
structurer l'information qu'on prsente est la base fondamentale
d'une exprience russie sur le Web.
Le but est de fournir l'usager l'information qu'il souhaite en un
minimum d'tapes et donc un minimum de temps. Pour autant
que des normes strictes existent en la matire, on parle de la
"rgle des 3 clics" selon laquelle toute information de votre site
doit tre disponible en maximum 3 clics de souris. Il faut donc
hirarchiser l'information selon une structure efficace pour
minimiser la navigation vers l'information.
IV.1.

Structure squentielle

Le moyen le plus simple d'organiser l'information est la faon


squentielle C'est en quelque sorte le retour au livre avec sa
narration linaire : chapitre 1, chapitre 2, chapitre 3...

Les narrations, les lignes du temps ou autres exposs ncessitant


un ordre logique se prtent ce genre de structure ainsi que les
thmes progressant du gnral au particulier. La structure

Programmation Web
squentielle est aussi particulirement adapte aux sites
d'apprentissage ou tutoriaux o le passage une page suivante
requiert des pr-requis exposs la page prcdente.
Cependant, cette structure squentielle ne sera utilise que pour
des petits sites (ou des parties de sites plus grands) car de
longues squences narratives ou explicatives ncessiteront
souvent une structure plus sophistique pour rester
comprhensives.
IV.2.

Structure hirarchise

La structure hirarchise est une des meilleures faons


d'organiser des blocs d'information complexes. Ce schma
d'organisation s'adapte particulirement bien au site Web car les
diffrents thmes dpendent ainsi d'une seule et unique page soit
la page d'index ou page d'accueil [homepage]. En outre les
utilisateurs sont souvent familiariss avec les diagrammes
hirarchiss comme les organigrammes qui sont comprhensible
pour les aider dans leur navigation.

V. Exemple
Prenons un organigramme dun site web dun artiste peintre.
Lorganigramme pourrait tre celui-ci :
Accueil
3

Programmation Web
Peintures
o

Aquarelles

Huiles

Dessins
o

Crayons

Pastelles

Biographie
Liens
Contact
Une reprsentation
ainsi :

graphique de

lorganigramme pourrait-tre

On pourrait retrouver cette structure dans le site comme barre de


navigation principale sous cette forme :
Accueil Peintures Biographie Liens Contact
Une reprsentation graphique complte
le site Internet pourrait-tre :

de

cette structure sur

Programmation Web