Le site Internet

La philosophie de la conception de sites Internet

Dans le monde varié de la conception de sites web, on trouve toutes sortes d'artistes, de concepteurs graphiques et de programmeurs.
Le secret pour réussir un site web est de comprendre son public. Trop souvent les sites ne sont que la vitrine du savoir faire informatique de leurs concepteurs et l'écrin de graphistes de pointe, ignorant complètement à qui et à quoi ils servent.
Rien de mal à vouloir repousser les limites, à condition de ne pas oublier l'utilisateur.
Bref, un site Internet est créé pour le public pas pour nous-même.
Chris J

Un site web doit avant tout être ergonomique, efficace et accessible à tous, tout en véhiculant l'image de votre entreprise.

 

Le cahier des charges

Un cahier des charges est un document visant à définir exhaustivement les spécifications d'un site à réaliser.
C'est sur le cahier des charges que KréAO se base pour estimer le coût de réalisation du site.

Vous pouvez réaliser votre cahier des charges en ligne ou soumettre directement votre demande de devis à KréAO

Réalisation de votre cahier des charges en ligne
Soumettre votre demande de devis

 

Les aspects de l'ergonomie et du Web Design des sites Internet

Il existe 4 techniques de design qui s'adaptent bien à toutes les résolutions d'écrans actuels

Icy

Le site a une largeur fixe (en général 760px) et se colle à droite ou à gauche de la fenêtre du navigateur
exemple www.lemonde.fr

Liquid

le site a une largeur fixe mais se place toujours au milieu de la fenêtre du navigateur
exemple www.alsacreations.fr

Fluid

le site a une largeur proportionnelle à la fenêtre du navigateur
exemple : www.openweb.eu.org ou www.alsacreations.com

Elastic

le site a une largeur fixe, se place au milieu mais lorsque la largeur de la fenêtre du navigateur est en deçà d'une certaine largueur x, le site devient fluid, c'est-à-dire proportionnel à la fenêtre du navigateur
exemple : www.456bereastreet.com

 

Les tendances de KréAO

KréAO s'attache à réaliser des sites dont la navigation soit la plus aisée possible, tout en respectant l'accessibilité à tous.

Le bandeau et les menus sont toujours visibles à l'écran, et ce malgré le défilement de la page.
Le site se redimensionne à la taille de la fenêtre du navigateur, supporte l'agrandissement, reste cohérent à la désactivation des feuilles de styles CSS, la navigation peut être accessible par le clavier.

EXTRA Liquid

le site a une largeur fixe, se place toujours au milieu du navigateur et sa hauteur est proportionnelle à la fenêtre navigateur
exemple www.pharista.com

EXTRA Fluid

Largeur et la hauteur sont proportionnelles à la fenêtre du navigateur
exemple : www.provencegeoconseils.com

EXTRA Elastic

le site a une largeur fixe, se place au milieu, lorsque la largeur de la fenêtre du navigateur est en deçà d'une certaine largueur x, le site devient fluid et la hauteur est proportionnelle à la fenêtre du navigateur
exemple : www.kreao.com

 

Les standards du Web

Les standards du Web sont un ensemble de technologies et de protocoles utilisés sur le Web définis par le W3C sous forme de recommandations.

W3C

Le W3C est un organisme international de standardisation des technologies fondatrices du Web, afin de rendre Internet accessible à tous.
Les principales recommandations du W3C en matière de conception de sites Internet portent sur les languages XHTML et CSS

XHTML

XHTML est un langage balisé servant à l'écriture de pages Web.
XHTML est le successeur de HTML.

C'est pourquoi il est important de développer un site web conforme aux normes HyperText Markup Language, sous peine d'avoir un site techniquement obsolète dès sa conception.

CSS

CSS est utilisé pour définir les couleurs, les polices, le rendu, et d'autres caractéristiques liées à la présentation d'un document. L'objectif est de séparer la structure (écrite XHTML) et la présentation (en CSS) du document .
Cette séparation fournit un certain nombre de bénéfices, permettant d'améliorer l'accessibilité, de changer plus facilement de structure et de présentation, et de réduire la complexité de l'architecture d'un document.
Enfin, CSS permet de s'adapter aux caractéristiques du récepteur.

L'accessibilité

C'est mettre le Web et ses services à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales.
d'après Tim Berners-Lee, directeur du W3C et inventeur du World Wide Web

Comment rendre le Web Accessible ?

Le site doit rester accessible uniquement par clavier.
Il doit supporter l'agrandissement des caractères (menu affichage – taille du texte dans le navigateur).
L'accès au contenu de la page ou au menu doit être direct, par des liens en début de page.
Tous les éléments non-textuels doivent être correctement indiqués par un texte alternatif.
Le plan du site doit être accessible depuis toutes les pages du site.

En utilisant les recommandations du W3C : XHTML / CSS.

Pourquoi respecter les standards du Web ?

Développer un site respectueux des recommandations du W3C assure :

Economie

Les pages plus légères demandent moins de bande passant, le coût de l'hébergement est diminué.
La maintenance et les mises à jour étant plus souples, le coût lors d'une évolution future sera des moindres

Accessibilité

Ouverture du Web à tous

Visibilité

Le contenu des pages étant mieux "compris" par les moteurs de recherche, le référencement du site web se voit nettement amélioré.

Compatibilité

Un site valide XHTML / CSS sera lisible par tous les futurs systèmes (PC / Mac / Linux, téléphone portable, montre…), et tous les navigateurs modernes

 

Avantages des sites Web réalisés par KréAO

Profitant des meilleurs techniques disponibles, KréAO développe des sites Internet parfaitement conformes aux standards recommandés par le W3C.

Chaque site développé par KréAO est soumit à des tests de compatibilité, de validité et d'accessibilité.

 

 

Vous êtez actuellement dans la rubrique Web >> Le site Internet

Vous pouvez consulter dans cette même rubrique :
le cahier des charges pour la conception de sites Internet
la galerie web
les animations Flash