Cliquez sur le mot-clé de votre choix:

sépérateurAnimation

Par animation, on entend habituellement des images en mouvement, comme des vidéos, des jeux et des bannières web. Les animations sont généralement conçues à l'aide des scripts Flash. Ils peuvent servir à donner du dynamisme aux pages web, afin d'attirer l'attention de l'internaute, ou bien de proposer à celui-ci d'interagir.

→ Voir un exemple

sépérateurConception

La conception d'un site internet est tout à fait comparable à l'architecture d'une maison. Elle est le résultat de la composition entre l'aspect visuel recherché (design), les possibilités de circulation entre les différents composants ou chapitres du site souhaitées (navigation) et les matériaux de construction (HTML, CSS, Javascript, Flash/Actionscript, PHP). Le but est de donner à l'internaute une image forte de l'entreprise, et de rendre accessible, de manière simple et ludique, les services et informations que l'on souhaite proposer. Le but étant que, d'emblée, le visiteur du site comprenne son message et de quelle manière il peut y naviguer et s'en servir.

→ Voir un exemple

sépérateurCSS

CSS est l'abréviation du terme anglais "Cascading style sheet", ce qui veut dire en français "feuille de style en cascade". C'est un langage informatique qui sert à définir la présentation des pages HTML. Dans les pages CSS, auxquelles les pages HTML font appel, tout le design du site peut s'y définir. Ceci permet également de redéfinir le design du site ultérieurement, sans pour autant intervenir dans la structure et le contenu du site.

sépérateurDesign

Le design concerne toute la partie visuelle du site. Avant tout, il sert à exprimer l'esprit de l'entreprise ou de l'activité représentée, mais aussi à rendre facilement compréhensible la manière comment le site fonctionne. C'est une partie très importante de la conception du site, car la présentation des pages et les possibilités de navigation entre elles se définissent mutuellement. En connaissance des contenus à inclure et de la façon comment ceux-ci seront à lier, le design est une des premières étapes de la réalisation d'un site.

sépérateurDiaporama

Un diaporama est un défilement automatique d'images qui peut ou non, être déclenché par l'internaute. On s'en sert, entre autres, sur la page d'accueil, car ceci permet de donner un aperçu visuel et varié du contenu du site: le visiteur se trouve toute suite dans l'univers de l'entreprise, sans interaction de sa part. A cet emplacement, le diaporama peut aussi servir comme un deuxième menu du site, orientant l'internaute vers les pages principales de celui-ci. Ensuite, il est recherché pour la présentation des objets, articles, photos et travaux artistiques. Pour permettre une interactivité à l'internaute, le diaporama est pourvu des boutons stop, pause, avancer, reculer et sortir.

→ Voir un exemple

sépérateurErgonomie

Dans le contexte de l'internet, on entend par ergonomie la compréhensibilité et la simplicité de la navigation dans le contenu du site. A chaque instant, l'internaute peut savoir, d'ou il vient (de quelle page), où il se trouve actuellement et comment il peut accéder à n'importe quel contenu du site à partir de la page où il se trouve. Le design et la structuration du site (l'arborescence) définissent l'ergonomie de celui-ci.

sépérateurFeuille de style

voir CSS

sépérateurFlash

Flash est une application web, souvent sous la forme de vidéo, de bannière ou de jeu, entre autres. Ceux-ci sont intégrés dans les pages HTML et lisibles à l'aide du logiciel gratuit Flash Player. Conçus à l'aide d'actionscript, les applications Flash peuvent également constituer des sites web entiers. Ils permettent une grande fluidité et des effets visuels élégants et pointus. Il faut néanmoins savoir que toutes les informations faisant partie des applications Flash ne sont pas accessibles aux moteurs de recherche, qui eux se "nourrissent" des contenus des pages HTML mais qui ne peuvent pas accéder aux contenus des applications Flash. Il faut donc bien mesurer l'intérêt de mettre en site entier sous Flash, tout en sachant que ces applications restent, pour le moment, inaccessibles à la navigation par téléphone portable.

→ Voir un exemple

sépérateurFormulaire

Sur le web, la plupart du temps, les formulaires servent à établir un contact avec l'internaute et d'obtenir des informations de celui-ci. Inscription pour la newsletter, demande de devis, participation à un jeu nécessitent un formulaire. Celui-ci est conçu à l'aide de Javascript qui permet de vérifier si tous les champs souhaités ont été renseignés; le traitement de la demande se fait sous PHP et parvient à l'entreprise, par exemple par mail. Egalement, l'internaute peut recevoir une confirmation de la réception de sa demande.

→ Voir un exemple

sépérateurGalerie d'images

Les galeries d'images sont très utiles pour la présentation d'objets très divers. Souvent, elles sont constituées d'une page HTML qui contient des icônes interactives des images à présenter. Les icônes sont à la base de la navigation entre les images, permettant, par exemple, l'agrandissement de l'image au survol de la souris ou bien au clic, l'accès au diaporama ou à la lightbox. Selon le design du site, tout ceci peut se faire dans une seule et même page HTML, ce qui est un atout considérable en ce qui concerne l'ergonomie, le temps du téléchargement et la légèreté du site.

→ Voir un exemple

sépérateurHTML

C'est l'abréviation de l'expression anglaise "Hyper Text Markup Language". Il s'agit d'un langage informatique pour rédiger et mettre en place les contenus des pages web; on l'appelle aussi le code. Il est interprété par les navigateurs (Firefox, Internet Explorer, Safari etc.) qui rendent ces contenus visibles pour l'internaute. Ce langage se développe depuis 1991; la version 4.01, aussi appelé XHTML, étant la version standard utilisée actuellement.

sépérateurInteractivité

L'interactivité d'un site ou d'une page web se définie par la multitude des choix proposés aux visiteurs comment utiliser celui-ci. Les boutons du menu, les actions de la souris, d'autres éléments de la page cliquables servent cette cause. Contrairement à des site statiques, où l'internaute ne peut que regarder, les sites dynamiques l'impliquent davantage, on lui laissant la liberté de concevoir son propre "voyage".

sépérateurJavascript

Javascript est un langage informatique qui sert à rédiger des scripts qui, intégrés dans une page HTML, permettent de déclencher des actions selon un protocole prédéfini: un calcul, l'ouverture d'une fenêtre pop-up, l'affichage d'un message ou d'une image, la vérification d'un formulaire avant son envoi, entre autres. Selon la conception d'un site, son dynamisme est soit assuré par Javascript ou par Actionscript (Flash). Contrairement aux applications Flash, les contenus utilisés ou diffusés à l'aide de Javascript restent accessible aux moteurs de recherche et n'alourdissent pas davantage les pages - en conséquence, un temps de téléchargement moins long, et donc mieux toléré par la patience des internautes.

sépérateurLangues

Si vous avez une clientèle internationale, il pourrait se proposer de concevoir un site plurilingue ou de choisir une langue très répandue, comme l'anglais ou l'espagnol. Un site plurilingue se conçoit comme des maisons mitoyennes qui disposent toutefois des accès intérieurs les unes aux autres. Marlei Webdesign peut vous proposer des sites en plusieurs langues: français, allemand et anglais. Si vous avez besoin d'une autre langue, on fera appel à un traducteur.

sépérateurLightbox

La lightbox est un script de projection d'images. Il permet au clic, en partant d'une page HTML avec des icônes d'images, d'agrandir ces images à la taille voulue et de les faire défiler, sans repasser par les icônes. Très interactif et très léger, c'est une façon simple et élégante d'afficher des photos.

→ Voir un exemple

sépérateurMoteurs de recherche

Les moteurs de recherche (Google, Bing, Yahoo ...) prennent en charges les demandes de recherche des internautes à l'aide de mots clés. Ils classent les sites correspondant à la recherche dans un ordre défini par la pertinance du contenu du site en rapport avec la recherche effectué, on appelle cela le référencement. D'où résulte la grande importance d'y penser dès la conception du site. Tous les éléments d'une page HTML, visibles ou non, servent à alimenter la connaissance du site par des moteurs de recherche: noms des images, textes alternatifs aux images (invisibles), balises meta (invisibles), titres des paragraphes, textes, infobulles etc. Il s'impose donc de soigneusement alimenter les pages HTML avec toutes les informations utiles. Une fois le site en ligne, il convient d'entreprendre divers démarches en transmettant un sitemap (carte du site), notamment auprès de Google, pour porter à sa connaissance l'existence du site et de son contenu ; Google analysera ensuite le site et le classera en fonction de ses contenus. Aussi, peut-on faire appel à des services payants, comme Google Adwords, par exemple.

sépérateurNavigation

Sur le web, le terme "navigation" désigne comment on passe d'une page internet à une autre. Ce sont ce que l'on appelle les "hyperliens", qui permettent de naviguer. A l'intérieur d'un même site, il peut y avoir des liens internes, qui renvoient à une autre page du site, et des liens externes, qui font accéder à une page d'un autre site. Tout élément visible d'une page HTML, texte, titre, image, bouton, éléments du menu etc. peut être pourvu d'un hyperlien. Pour faire comprendre à l'internaute l'existance d'un lien, beaucoup de moyens visuels existent: soulignement, encadrement, changement de couleur ou de transparence au survol de la souris et autres. La façon comment le visiteur peut naviguer détermine pour beaucoup l'ergonomie du site.

sépérateurPHP

Le PHP est un langage informatique qui sert essentiellement à créer et intégrer des bases de données. Un site entier peut s'écrire en PHP. C'est un langage du coté serveur, ce qui permet de sécuriser des données. Dans le cas d'un site écrit en HTML, le PHP sert notamment au traitement des formulaires de contact, à inclure certaines parties de la page HTML stockés en externe pour pouvoir les mettre à jour plus facilement et à concevoir un moteur de recherche intégré au site.

sépérateurRéalisation

Une fois la conception du site terminé (arborescence, design), commence la réalisation des pages HTML et des pages CSS. Dans cette "construction" sont ensuite intégrées toutes les données que l'on souhaite afficher. C'est un travail d'écriture à exécuter avec soin car c'est celui-ci qui détermine le résultat final.

sépérateurRéférencement

voir Moteurs de recherche

sépérateurSon

Pour mettre du son (musique, bruits etc.) sur un site, on fait appel à des lecteurs de son ( le plus souvent Flash Player), qui, munis des bandes son à jouer, sont intégrés dans la page. Le design du "player" et certaines des ses fonctionnalités peuvent être définis par le webdesigner.

sépérateurVidéo

Pour mettre de la vidéo sur un site, on fait appel à un lecteur ou player ( le plus souvent Flash Player), qui, muni des vidéos à diffuser, est intégré dans la page. Le design du "player" et certaines des ses fonctionnalités peuvent être définis par le webdesigner.

→ Voir un exemple

sépérateurW3C

Le W3C (World Wide Web Consortium) est une organisation qui détermine la standardisation du web, comme la grammaire d'une langue. Une page web est validée selon les normes W3C si son "écriture" correspond aux standards définis. Ce cas échéant, c'est une assurance qu'elle permet de communiquer efficacement et correctement son contenu aux internautes.

sépérateurWeb-mastering

Pour tenir un site à jour, on fait appel à un webmaster qui procède par la suite à l'échange ou à l'intégration de nouvelles données, sans forcement toucher à la structure des pages. Certaines mises à jour peuvent être opérées par des clients eux-mêmes, d'autres, plus complexes, nécessitent l'intervention d'un professionnel. Dès la conception du site, il faut tenir compte de la fréquence et du contenu des mises à jour nécessaires, ce qui peut permettre de concevoir des pages qui facilitent une intervention ultérieure.

sépérateurXHTML

L'eXtensible HyperText Markup Language est un langage informatique strict qui fait appel à l'HTML et à l'XML. C'est le XHTML 1.0 transitiional qui permet de valider les pages d'un site selon les normes du W3C.

sépérateurXML

L'eXtensible Markup Language est un langage informatique de balisage générique. Sa syntaxe est dite extensible car elle permet de définir des langages avec chacun leur vocabulaire et leur grammaire, comme XHTML, XSLT, RSS... Le XML permet de créer des petites "bases de données" (listes) dont le contenu peut être appelé par les fonctions d'une page HTML ou d'une application Flash. L'objectif initial est de faciliter l'échange automatisé de contenus complexes (arbres, texte riche...) entre systèmes d'informations.