Les contenus affichés sur le web sont accessibles grâce à des URL qui permettent d’accéder à différents types de ressources tels que les images, les vidéos, les audio, des pages web, les fichiers pdf… Il existe donc plusieurs types de documents, mais les pages web sont une particularité, elles sont la base, car elles permettent d’afficher presque tous les autres types de documents. Les pages web sont conçu en utilisant différentes technologies qui ne peuvent être toutes citées, toutes fois à l’affichage elles présentent toutes des points communs qu’il est important de connaître.
Le HTML n’est pas à proprement parlé un langage de programmation, car il ne permet pas de programmer des instructions à exécuter. Le HTML est plutôt un langage de marquage qui permet de marquer un texte pour définir comment il sera affiché. Le langage HTML utilise un ensemble de marqueurs appelés balises qui permettent de définir l’affichage du texte qu’elles encadrent. Le navigateur web interprète ces balises et affiche le texte en respectant la signification des balises
Par exemple “<“strong”>” Beau texte “<“/strong”>” permet de demander d’afficher le texte Beau texte en gras.
De base une page web à l’extension html ou htm mais avec l’évolution des technologies du web et des langages de programmation, il existe de nombreux moyens de générer les pages web, ce qui donne place à de nouvelle extension telle que .php, .jsp, .aspx …. Toutefois, quelque soit l’extension le contenu est toujours au format HTML.
Une page peut contenir à la fois du texte, des images, des sons et des vidéos. On y retrouvera en plus des liens hypertextes qui permettent de demander au navigateur web d’afficher une autre page lorsqu’on clique dessus. Ce sont ces liens hypertextes qui sont la base de la navigation sur le web et qui gouvernent aussi la structure logique d’une page web.
Encore appelé header, c’est la première partie de la page et marque donc le début de la page. Il contient des informations d’identification du site web et de la page (titre, auteur). C’est la première partie que l’on voit lorsque la page est affichée pour la première fois et donc il faut faire attention aux informations qui y figurent. Il faut aussi associer la barre de titre du navigateur au header de la page, car cette barre de titre peut contenir des informations importantes d’identification de la page et du site web.
Il permet d’identifier facilement le l’organisation par une image
Souvent inclus dans le logo, il permet à l’utilisateur de savoir sur quel site web il se trouve. Vous verrez par exemple le nom Facebook sur toutes les pages du site web de Facebook que ce soit en texte ou en image
Il s’agira ici surtout du nom de la page visible dans la barre de titre du navigateur web, car il ne faut pas oublier que le header change très peu en fonction des pages. Mais si possible il faut afficher le titre de la page dans le header.
C’est le premier élément de navigation du site web, car il contient les liens vers les principales sections du site web.
Le contenu de la page peut prendre différentes formes et utiliser une combinaison de plusieurs éléments de design (slide, accordéon, onglets, listes, tableaux …) en fonction des besoins. Dans un souci de cohérence, on met généralement le titre de la page en début de cette partie. Il faut garder à l’esprit que le header de la page, c’est le header du site web et donc il contient les informations pour tout le site. Et par habitude et pour des besoins évident d’ergonomie, le dernier élément du header est le menu principal. Ce qui fait donc qu’il serait incohérent de mettre le titre de la page avant le menu principal, car le menu principal n’appartient pas vraiment à la page, mais au site web tout entier. C’est pour cette raison que le titre de la page se retrouve donc après le menu principal et immédiatement en début de contenu de la page.
Il marque la fin du contenu principal et aussi de la page. Il sert généralement de menu secondaire et contient des liens vers différents contenus en lien direct avec la page web affichée. Il peut aussi contenir des liens vers d’autres pages importantes du site tels que la page des mentions légales. À la différence du menu principal, les liens ici ne sont pas organisés en menu et sous menu, mais affiché directement avec des « titres » pour chaque ensemble de liens.
©2023 StartPoint. Tous droits réservés
©2022 NANOOCTET. Tous droits réservés