Feuilles de conseils | Glossaire | Accueil | Contenu

La conception et la création d’un site Web
4. La conception d’un modèle : l’identité graphique

2 heures

 

À ce stade, vous avez défini une structure et une mise en page pour votre modèle. Il est entendu que la mise en page intègre les parties les plus importantes de votre page Web. Pour donner à cette mise en page une identité spécifique, vous devez y intégrer couleurs et images. Quand les internautes navigueront à l'intérieur de votre site Web, à chacune des pages qu'ils visiteront, ils sauront de quel site il s'agit. Cela, parce que chaque page aura la même identité graphique.

Considérez cette page-ci comme un exemple de modèle. Elle ressemble aux autres pages qui figurent dans la section et qui traitent de la formation à propos des sites Web. Dans le coin supérieur gauche de chacune des pages se trouve un logo. Tous les titres, ceux des pages, ceux du menu et ceux du sommaire sont de même couleur et de même police. Certes, il s'agit d'une identité graphique minimale, mais celle-ci est suffisante au regard de notre objectif. Quand vous concevez une page Web, vous devez choisir une mise en page, puis construire une page que vous utiliserez ensuite à chaque fois que vous créerez d'autres pages. À chaque fois que vous créez un nouveau contenu pour une page, vous devez la sauvegarder sous un nom de dossier différent. De cette façon, il ne vous sera pas nécessaire, à chaque fois que vous créerez une nouvelle page, d'insérer des graphiques et de recommencer la page depuis le début.

 

Pour chaque session, faites les activités les unes après les autres. Sélectionnez en priorité des situations les plus pertinentes au regard de votre travail dans la salle de classe.

 

 
Activités
Ressources
1

Travail en binômes (30 minutes)

  • Consultez ces deux sites Web: Afrique: le berceau de la civilisation et le site des virus mortels ; répondez aux questions suivantes. Prenez des notes rapides au fur et à mesure que vous répondez aux questions.

    • Qu'est-ce qui donne aux pages que vous consultez une certaine identité?

    • De quelle façon le texte est-il divisé afin qu'il n'envahisse pas la page dans son entier?

    • Diriez-vous que l'équilibre est respecté entre les éléments de texte et les éléments graphiques?
  • Nous vous invitons à consulter les sites Web suivants :
    • Consultez le site sur Tchernobyl et proposez une réponse à cette question: tout au long de votre navigation de page en page, quels sont les éléments qui confèrent au site son identité visuelle?

    • Consultez, d'une part, le site Web consacré au jeu d'échecs expliqué aux enfants et, d'autre part, le site sur les dauphins ; proposez une réponse à cette question : en quoi peut-on dire que le choix des éléments graphiques de ces deux sites est bon et approprié ?

    • Qu'avez-vous appris de nouveau sur le sujet des éléments graphiques et de l'identité visuelle d'un site Web ?

    • Lors de l'activité n° 1, vous avez créé un dossier que vous avez nommé « ce qui est à faire et à ne pas faire ». Ouvrez ce dossier. Comparez-en la liste avec ce que vous savez maintenant de la conception graphique.

 

 

Rassemblez des informations sur l'identité graphique

Rassemblez des informations sur la mise en page graphique

Sites Web:

 

 

 

 

Sites Web:

2

Travail individuel (90 minutes).

  • Ouvrez le dossier dans lequel vous avez sauvegardé votre modèle.
  • Choisissez un système de couleurs pour l'arrière-plan de votre page et le texte.
  • Sélectionnez un logo ou un élément graphique qui confèrera à vos pages leur commune identité.

 

Les éléments graphiques d'un site Web

Comment insérer une image?

Comment changer la couleur du texte ?

Comment changer l'arrière-plan

Comment ajouter une image en arrière-plan?

 

3

Sauvegardez régulièrement votre modèle. Nommez votre dossier modèle.htm

 

Comment sauvegarder un dossier ?

Activité suivante recommandée:

Activité 5: Concevoir un modèle - les hyper-liens.

 

   
Accueil | Contenu