> Le Site du Zéro - Informatique > Cours > Tutoriels > Site du Zéro > Le manuel du Zéro > Première approche > L'interface du site > Lecture du tutoriel

L'interface du site

L'auteur de ce cours cherche un repreneur pour continuer son travail
Parfois, certains auteurs de cours n'ont plus le temps de rédiger et de mettre à jour leur travail. Ils recherchent alors un nouvel auteur pour "reprendre" leur tutoriel (voir la liste des tutoriels en attente de repreneur).
Contactez l'auteur si vous aimeriez continuer la rédaction !

Par

btuto_sdz et Avatar

Nelty et Avatar

madmac et Avatar

souls killer et Avatar

Cam et Avatar

MrKooky

Mise à jour : 28/08/2010

Difficulté : Facile Facile

198 visites depuis 7 jours , dont 32 sur ce chapitre , classé 413/777

C'est le premier chapitre de ce tutoriel. La première chose que vous voyez, dont vous allez vous servir, c'est… l'interface du Site du Zéro, évidemment !

Une interface, c'est tout simplement un espace graphique qui vous permet d'accéder à plein d'informations et de fonctions. Il est donc primordial de savoir se repérer dans cette interface, mais vous verrez que c'est intuitif !

Bien sûr, nous ne nous limiterons pas à la simple description de l'interface, nous irons plus loin en détaillant les différentes actions possibles, accessibles depuis n'importe quel endroit du site par exemple.

Le Site du Zéro permet à ses visiteurs de changer l'apparence du site. Nous verrons comment faire un peu plus tard, mais afin d'être sur la même longueur d'onde que la grande majorité des Zéros, nous prendrons la plupart de nos captures d'écran avec le design par défaut, nommé New Wave. Les designs pourraient cependant être amenés à évoluer, mais l'organisation du site restant globalement la même, vous devriez toujours pouvoir vous y retrouver.

Retour en haut

Sommaire du chapitre :

Structure globale
La speedbarre
Le menu
Le pied de page
Arborescence et plan du site
Le corps

Retour en haut

Structure globale

Toutes les pages du Site du Zéro possèdent une même interface, fixée selon un plan d'organisation commun, basé sur 5 éléments :

la bannière ;
la speedbarre ;
le menu ;
le corps ;
le pied de page.

Ces 5 éléments sont agencés comme ci-dessous :

Il faut maintenant voir plus en profondeur, pour chacun de ces éléments :

à quoi ils ressemblent ;
à quoi ils servent.

Le premier élément à analyser est la bannière.

La bannière du Site du Zéro

La bannière a pour principal objectif de rappeler que vous vous trouvez sur le Site du Zéro, c'est assez évident.

Astuce : en cliquant sur la bannière, vous retournez directement à la page d'accueil du site.

Retour en haut

La speedbarre

Description de la speedbarre

La speedbarre, comme son nom l'indique, vous permet d'accéder rapidement aux sections les plus importantes du site. Elle est divisée en deux parties : la gauche, qui correspond à une partie publique du site et la droite, qui varie en fonction de votre statut.

Qu'est-ce qu'un statut ?

Il existe grosso-modo 3 statuts différents pour un visiteur du SdZ :

visiteur, ou anonyme ;
membre enregistré ;
membre de l'équipe du site.

Nous y reviendrons dans le quatrième chapitre de cette sous-partie. Les deux plus courants sont les deux premiers, nous laisserons de côté le dernier puisqu'il ne concerne qu'une minorité.

Si vous êtes un visiteur, voici votre speedbarre :

Speedbarre d'un visiteur

Les membres disposent de cette speedbarre :

Speedbarre d'un membre enregistré

Partie gauche

Informatique

Ce lien est en fait une liste déroulante. Il vous donne le choix entre deux liens :

Le premier (Informatique) vous redirigera sur la page d'accueil du Site du ZérO informatique alors que le second (Sciences) vous amènera sur la partie scientifique du site (avec des cours de mathématiques, de chimie etc.).

Cours

Direction : tous les cours du Site du Zéro, classés par catégories.

Forums

Vous accédez à la liste des forums, classés par thèmes. Pour plus d'informations sur les forums du site, rendez-vous dans la partie qui leur est dédiée.

Participez

C'est la section « communautaire » du site. Vous pouvez éditer des news et participer aux concours.

Études

Le section études est là pour vous informer sur des formations, ou d'informer d'autres Zéros à travers vos connaissances et expériences.

Emploi

Cette section est là pour ceux qui désirent trouver un emploi dans le domaine de l'informatique. Elle recensera plusieurs dizaines d'offres d'emplois un peu partout en France.

Boutique

Le site dispose d'une boutique ! N'hésitez pas à aller y faire un tour. Vous retrouverez certains tutoriels officiels publiés en livre ou encore des clés USB, et même des peluches !

La partie droite

Pour les visiteurs

Elle comporte alors deux liens : l'un pour s'inscrire sur le site, le second pour se connecter à leur compte utilisateur s'ils sont déjà inscrits.

Pour les membres

Ceux qui sont connectés à leur compte utilisateur voient d'une part s'ils ont reçu des Messages Personnels (dont nous reparlerons dans la seconde partie du tuto), et peuvent d'autre part se déconnecter en cliquant sur le bouton bouton de déxonnexion

Réception d'un Message Personnel

Passons maintenant au menu.

Retour en haut

Le menu

Le menu des membres est divisé en 5 éléments.

Les cours

Liste des cours anciennement appelés « officiels ». Ce sont ceux rédigés par M@teo21 ainsi que certains membres.

Les amis

Ce menu apparaît uniquement lorsque vous êtes inscrits sur le site. Si vous êtes inscrits, vous avez ce qui s'appelle une friendlist, c'est-à-dire une liste d'amis. Pour ajouter un ami, vous devez aller dans le profil du membre qui vous intéresse et cliquer tout simplement sur « L'ajouter comme ami ». Ainsi, un Message Personnel sera automatiquement envoyé au membre concerné pour lui demander s'il accepte de devenir votre ami. Ensuite, quand il sera en ligne, vous le verrez dans ce menu (s'il a accepté votre demande, bien entendu

) .
Sans pointer la souris sur le menu vous voyez ceci: Image utilisateur

Les amis (lors du passage de la souris)

Le pense-bête

Les membres inscrits ont la possibilité de se créer un pense-bête ici, qui s'affiche alors en haut du menu des cours.

La boutique

Eh oui, le Site du Zéro dispose d'une boutique.

À l'heure ou j'écris ces lignes, il n'y a qu'un objet en vente : le premier Livre du Zéro qui, comme l'espère tout le monde, deviendra une collection de livres !

Et nous arrivons au dernier menu : celui des interventions.

Mes interventions

En tant que membre inscrit vous pouvez activer ou désactiver le menu des interventions ici, qui s'affichera (ou non) alors en haut de tous les menus (excepté celui des amis).

Comme vous l'avez remarqué, le menu est très chargé. Mais grâce à lui vous pouvez effectuer toutes les actions principales sur le site, en plus de celles proposées dans la speedbarre.

Il nous reste une partie à étudier : le pied de page.

Retour en haut

Le pied de page

Voici une copie d'écran du pied de page :

Je vais vous expliquer pas à pas à quoi correspondent toutes ces informations.

Liens : grâce à eux, vous pourrez apprendre pas mal de choses, notamment à contacter les administrateurs du site.

C'est quoi Simple IT ?

ici

XiTi : pour ceux qui ne le savent pas, XiTi est un site internet très intéressant. En effet, il vous offre des statistiques gratuites (pour l'offre de base) très détaillées. Mais pour cela, il faut insérer un script sur la page, et c'est ce qui est fait ici.
Je ne vais pas tout décrire.
Facebook : le Site du Zéro est sur Facebook.
Twitter : le SdZ est sur Twitter.
Flux RSS : ce sont les actualités générées en PHP.

Retour en haut

Arborescence et plan du site

Perdu sur le Site du Zéro ? Le fil d'Ariane et le plan du site viennent à votre rescousse !

Le SdZ est organisé très savamment : des catégories contiennent des sous-catégories qui contiennent des sous-sous-catégories qui contiennent des sous-sous-sous-catégories qui contiennent… Enfin, bref, vous avez compris.

Le plan du site

Le plan du site vous permet de visualiser d'un coup d'œil cette hiérarchisation. Vous pouvez comprendre très vite de quelle manière se structure le SdZ.

De cette manière, les recoins de ce site n'auront plus de secrets pour vous.

Le fil d'Ariane

Le fil d'Ariane

C'est qui Ariane, d'abord ? o_O

Wikipedia vous conte cette légende vieille comme le monde.

Tout en haut du corps de page, il vous montre dans quelle section vous vous trouvez, en vous situant dans le plan. Plus vous allez vers la droite, plus la catégorie est précise.

Un simple clic vous permettra d'accéder à la catégorie parente.

De cette manière, vous êtes parés pour explorer le site de fond en comble. :pirate:

Retour en haut

Le corps

Eh bien, nous voilà arrivés au point le plus important, le contenu !

Cette partie, généralement dotée d'un titre, peut aussi bien contenir la liste des sujets d'un forum qu'un tutoriel, un formulaire d'édition de messages, une page statique, etc. Le plus intéressant, en quelque sorte, pour le plaisir de vos zYeux.

Retour en haut

Avouez que ce n'était pas bien dur !

Il manque cependant encore quelques petits détails, notamment concernant les messages d'erreurs, et autres joyeusetés.

Retour en haut

Retour en haut

19 commentaires pour "L'interface du site"

Note moyenne : 3.68 / 4 (80 votes)

Pseudo	Commentaire
souls killer	# Posté le 04/07/2008 à 15:44:44
Groupe : aigris Blog Twitter close Ville : Chevilly-larue Pays : France métropolitaine Études : Université Paris XII	SRWieZ : Patience et longueur de temps font plus que force ni que rage. Ca arrive, il faut juste que l'un d'entre nous trouve la motivation pour rédiger un chapitre sur les concours. La ligne droite est le plus long chemin d'un point à un autre. — Théorème mathématique shadok. Mon blog (un peu mort depuis quelques mois) \| Twitter Discutez en direct avec les membres du site.
Phill	# Posté le 29/08/2008 à 17:03:43
I'm a little monster	Bonjour. Ce manuel est tres bien et il sert beaucoup. Bref on dirai qu'il y a eu certaines novueautes sur ls site que je suis impatient de decouvrir. Un grand merci à vous. Rien n'est gratuit sans conséquences. En conséquence, rien n'est jamais gratuit
stallaf	# Posté le 03/12/2008 à 10:30:39
intuitu personae	Bonjour à tous, Le pied de page a changé depuis un petit moment... A+ Gourou, tu deviendras...
sofence	# Posté le 10/05/2009 à 15:12:29
Android Powa ! Blog Twitter close Ville : Paris Pays : France métropolitaine	Tous le site aussi Visitez Too Play
MrKooky	# Posté le 18/06/2009 à 10:07:18
MétamorphWorldPOWAA Avis : Très bon Blog Twitter close Ville : Paris Pays : France métropolitaine Études : Paris 6 - Université Pierre et Marie Curie (Jussieu)	Je suis en plein travail d'édition Mon Espace Personnel - Mes Projets - Mon Blog (v2) Visitez le [Dev']Blog de MétamorphWorld, un jeu pour le concours Innov'Game 2012 Manuel des Zéros - SdZ v1 - Hébergeur gratuit - Régie publicitaire