Présentation & Mode d'emploi du site

Voir le sujet précédent Voir le sujet suivant Aller en bas













Choix du support

Un site internet nous semblait être la meilleure option pour proposer au jury un support original, agréable et interactif. Nous sommes partis sur la base d'un forum hébergé gratuitement par Forumactif (d'où la publicité) à partir duquel il nous a été possible, avec les connaissances en HTML et CSS nécessaires, de réaliser une production finale telle que nous l'imaginions, sans véritable contrainte.



Design du site

Tout a été pensé pour que notre site soit harmonieux et s'insère dans le thème de notre TPE. Pour donner un peu de couleurs au thème plutôt sombre du site, des images (appelées « bannières ») ornent chaque Partie et ses Sous-parties. Elles sont encadrées en rouge dans l'image ci-dessous.


(cliquez sur l'image pour l'agrandir)

Ce qui fait l'originalité de notre site, c'est aussi la manière dont nous présentons son contenu à l'aide d'HTML et de CSS : un arrière-plan, des blocs de texte encadrés, des images et vidéos intégrées, des menus et des hyperliens. Tout ça à prendre en compte en plus de la mise en page traditionnelle (taille, couleur et alignement du texte).




Mode d'emploi

Afin de profiter au maximum des fonctionnalités de notre site, il est fortement conseillé de lire ce bref mode d'emploi.



Organisation du site

Comment naviguer sur l'accueil de notre Site ? Rien de plus simple ! Une Partie se divise en Sous-parties (légèrement décalées sur la droite) auxquelles vous pouvez accéder en cliquant sur leur titre. Il est toutefois conseillé de cliquer sur la bannière d'une Partie/Sous-Partie plutôt que sur son titre pour être directement redirigé sur la bonne page.


(cliquez sur l'image pour l'agrandir)


Menus de navigation

Chaque page dispose d'un menu de navigation présenté ainsi :


(cliquez sur l'image pour l'agrandir)

Il permet de vous rediriger à hauteur de la partie souhaitée par un simple clic. Son fonctionnement est très simple ; chaque titre est une ancre reliée à ce menu.


Hyperliens

À la manière d'un menu, un hyperlien est un nœud reliant deux parties du site. Cependant, là où le menu se contentait de vous rediriger à hauteur de la partie souhaitée, un hyperlien (ou lien hypertexte) renvoie directement sur une autre page. Ce système est par exemple très utile lorsqu'il s'agit d'accéder au Lexique pour consulter la définition d'un mot au détour de votre lecture.
Dans un texte, l'hyperlien apparaît en surbrillance. Il devient bleu lorsqu'il est survolé par le curseur : exemple (ne pas cliquer).





Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut