Web design
Il désigne la conception de l'interface internet, c'est à dire
l’architecture, l’organisation des pages, l’arborescence de celles-ci et la
navigation. Il s’agit d’une phase essentielle dans la conception
de site. Le web design tient compte des contraintes spécifiques
du support Internet en termes d’ergonomie, d’utilisabilité et d’accessibilité.
Dans les pays francophones, le terme web design est souvent utilisé à contre-sens
de son acception anglaise. Il réduit à la création graphique. Or ce qui le
définit n'est pas seulement la partie visuelle ou artistique, mais consiste
également à la formalisation de l'interaction dans la page-écran.
Le web design demande diverses compétences : en développement front-office,
en ergonomie et en interactivité. Il est nécessaire aussi d'avoir de bonnes
connaissances des contraintes techniques liées à internet, comme par exemple le
respect des recommandations W3C, l'accessibilité ou la portabilité.
Le design de site se présente sous forme de maquette fonctionnelle et de
spécifications techniques. Basé sur une charte graphique celles-ci sont
ensuite transformées avec la maquette, en lignes de code et d'images pour un
affichage dans un navigateur internet.
Conception de site Web
C'est un processus qui implique quelques étapes simples au départ.
Mais pour qu'il soit abouti, elle met en œuvre des moyens et des compétences très importants.
La création et conception de sites Web peut aboutir à ensemble de pages statiques au format
HTML, ou à plusieurs milliers proposant des animations, des services programmés en Java, PHP ou
autre langage serveur, des formulaires, ce qui suppose un traitement par un langage de programmation,
des données recueillies. Souvent, des bases de données de type MySql ou autres,
stockent les informations pour être ensuite utilisées pour être affichées à l'écran.
Il est évident qu'en fonction du but et du type d'utilisation, la conception de site
sera différente selon qu'il s'agit de la création de boutique en ligne, la mise
en ligne d'informations, ou la realisation de site de communication
d'entreprise.
Le site web
C'est est un ensemble de pages liées entre elles mises à
disposition des internautes sur la toile, par l'intermédiare d'une adresse.
Il peut être soit personnel pour mettre en valeur des sujets que le
webmaster souhaite mettre à disposition des internautes, soit un site e-commerce ou
de boutique en ligne, de la diffusion d'informations ou tout simplement un
site vitrine pour votre entreprise.
Pour la création de site Web, il faut mettre en oeuvre :
élaboration de l'arborescence et de la structure,
conception de contenu de pages internet
définition de la présentation
réservation d'un hebergement gratuit ou payant sur un serveur connecté à internet
(ou à un intranet pour un usage local) et dont
la disponibilité est la plus élevée possible,
location un nom de domaine (NDD). C'est ce NDD qui représentera l’adresse
des pages sur lequel il sera accessible.
Selon sa compléxité, ou les compétance que l'on a, la création de sites
peut être confiée à une agence Web, ou peut être réalisée soi-même.
Les outils de développement peuvent être :
un simple éditeur de texte (ex : bloc-note)
un éditeur ou un logiciel d'édition de contenu (ex : TomWeb)
Page d'accueil
La page d'accueil est celle de plus haut niveau, correspondant à
l'adresse racine du site. C'est la première page visitée par les visiteurs qui
entrent par son adresse.
Les constituants des pages
Un page web est constituée de :
texte de la page et sa structure , en HTML ou en XHTML
mise en page via les feuilles de style CSS.
graphisme avec des images GIF, JPG, PNG, MNG.
animations Flash ou en SVG.
objets multimédias.
formulaires.
Structure des pages
Un site Web est un ensemble de pages qui peuvent être consultées en suivant des
liens. L'adresse correspond à l'URL de la page d'accueil, prévue en
théorie pour être consultée la première.
La consultation des pages s'appelle une « visite », car les liens
doivent permettre d'accèder à toutes les pages sans le quitter.
Bien que la page d'accueil corresponde à l'adresse, ce ne doit pas
être l'unique point d'entrée. En effet, l'accès peut se faire à partir
de n'importe quelle page. Celà est d'autant plus important que d'autres
peuvent pointer vers un page quelconque, et que les moteur de recherche indexe
toutes les pages. De ce fait, lors d'une recherche sur ceux ci,
ils peuvent présenter à l'internaute, non pas la page d'accueil, mais une
page plus pertinante à la requete du surfeur. Ceci doit être pris en compte
dès la conception de site.
Consultation
Une page se consulte soit en entrant directement son adresse dans
un navigateur, soit en suivant un lien se trouvant dans une autre page. Les navigateurs
les plus utilisés affichent la page sur moniteur d'ordinateur dans une fenêtre et
permettent de l'imprimer. Cependant, le langage HTML à la base de la plupart des pages
Web a été conçu pour permettre la consultation sur du matériel varié : écrans de toute
taille, terminal en mode texte, imprimante, dispositif braille, synthétiseur vocal.
Le terme page est donc généralement réducteur.
Les systèmes de gestion de contenu
Les systèmes de gestion de contenu (SGC ou CMS) permettent de rassembler ces trois
points en un seul logiciel : le logiciel de création de site internet,
l'hébergement et le nom de domaine. Ces outils sont disponibles
pour les débutants et simplifient certaines étapes comme la mise en ligne ou l'hébergement.
Il existe également des kits graphiques pour faciliter le travail du webmaster.
Mise en page
Le langage HTML permet aux navigateurs d'adapter le rendu de chaque page aux
conditions locales de consultation : dimensions de la fenêtre, fontes de caractères
disponibles, préférences du visiteur. Entre un téléphone portable et une station de
travail en passant par l'ordinateur personnel, ces conditions varient considérablement.
On appelle « design fluide » les méthodes de design qui permettent aux pages de s'adapter
aux conditions de consultation. Inversement, on appelle « design fixe » la méthode qui
consiste à figer la taille de chaque élément de la page et à n'obtenir un rendu idéal que
dans une fenêtre de dimensions précises, avec une taille de fonte précise. Ceci est défini
avant le commencement du développement de site.
Les étapes de la création
En fonction du type de contenu, du contexte et des moyens disponibles pour le mettre en
œuvre, certaines de ces étapes sont optionnelles voire inutiles. A chacune de ces
étapes correspondent des compétences spécialisées (ergonomie, architecture de
l'information, référencement, rédaction Web, etc.)
Projet :
Réflexion sur l'objectif, de la cible, la rentabilité recherchée, les moyens financiers
à engager...
Réflexion sur l'autonomie souhaitée et le type de moyens humains à mettre en oeuvre
pour la mise à jour.
Réflexion sur le contenu : pages, services attendus, principes de navigation
Mise en œuvre :
Dépôt d'un nom de domaine.
Choix d'un hébergeur.
Choix et installation d'un Système de gestion de contenu (SPIP, wiki ...) ou d'un
éditeur de site Web de type WYSIWYG (exemples : NVU, Macromedia Dreamweaver,
Microsoft FrontPage) ou texte (exemple : Bluefish, Emacs, ...).
La conception de site met en oeuvre :
l'établissement d'une structure de pages HTML ou XHTML.
la définition d'une arborescence
la mise au point d'une charte graphique
la mise au point d'une charte éditoriale.
La réalisation de site internet met en oeuvre :
La création de pages via le Système de gestion de contenu ou l'éditeur. Les pages
peuvent être créées individuellement ou reposer sur un système de gabarits.
La mise en place de la charte graphique via les feuilles de styles CSS.
Les éventuels développements dynamiques (formulaire, services, etc.)
Le suivi comporte :
La recette une fois prêt
Le lancement et mise en ligne
L'annonce. Le daire connaître peut se faire par plusieurs leviers : annonce,
publicité, inscription dans des annuaires...
La maintenance (nouveaux contenus, corrections, amélioration continue de la qualité)
L'accessibilité est une donnée à prendre en compte à chaque étape à
partir de la mise au point de la structure des pages. Il en est de même du
référencement dont la stratégie peut-être mise en place dès la phase de conception de site.
Des principes du référencement sont également à prendre en compte lors de
la création des gabarits, l'intégration des pages, la rédaction de contenus,
le lancement, la maintenance. L'ergonomie intervient également à toutes
les étapes : conception de site, recette et audits, amélioration continue