Valeur de cette activité : 5 points
Compétence :
04- Création d'une page web simple

A-Module 01 : HTML : 5 points - difficulté : 1

Présentation de l'activité : 04- Création d'une page web simple

Dans cette activité, vous allez vous familiariser avec les différentes procédures de création d'une page de votre portfolio.

- Comment insérer une image dans une page
- Comment formater du texte (couleur, grosseur, alignement)
- Comment créer un hyperlien vers un autre site internet
La maîtrise de ces différentes procédures est indispendable à la poursuite de vos apprentissages.

Bonne réussite

Description

Dans cette activité, vous allez produire
A) présenter votre activité de loisir préférée
ou
B) un texte qui présentera la biographie d'un personnage important RELIÉ À VOTRE CHAMP D'INTÉRÊT :

Vous pouvez également choisir un personnage important de votre choix.
Exemples:

Marie et Pierre Curie / Louis Pasteur / Alexandre Graham Bell / Hubert Reeves / Louis Pasteur / Aristote / Pythagore / James Chadwick / Henri Becquerel / Dimitri Yvannovich Mendeleiv / Darwin / Galilée / Albert Einstein / Newton / Marc Garneau / ...
... choisir un peintre, un sculpteur ou un graphiste que vous aimez.
... choisir un sportif que vous aimez.

Cette section vous indique les différents éléments qui devront à la fin du travail se retrouver dans votre page.

Votre page devra inclure:
  • Un titre
  • Une image
  • Une introduction
  • Pourquoi ce personnage ou activité vous intéresse-t-il?
  • 5 éléments de la biographie du personnage ou 5 caractéristiques de votre activité (un paragraphe pour chacun des éléments)
  • Une conclusion
  • 2 références (sites internet)

Directives:

  1. Ajoutez une nouvelle page à votre portfolio (bouton 6) en affichant l'assistant HTML ainsi que la directive 184
  2. Inscrivez dans le champ TITRE : Création d'une page web simple
  3. Inscrivez dans le champ Matière : Informatique
  4. Inscrivez dans le champ No de la directive : 184
  5. Sélectionnez dans la boîte à liste déroulante "SECTION", "Module 01 : HTML".
  6. Cliquez le bouton de votre barre de boutons.
  7. Effectuez ensuite une recherche sur internet en utilisant la page de recherche GOOGLE.COM sur le personnage ou activité choisi.

  8. Copiez (touches Ctlr + c) et collez (touches Ctlr + v) les adresses de ces sites au bas de votre page.
    Vous aurez besoin de ces adresses (à la fin de votre travail) afin de créer des liens vers ces sites de référence.

  9. Rédigez votre texte en y inscrivant :
    1. Un "TITRE de niveau 2" contenant le nom de votre personnage ou activité
    2. Une "IMAGE" : Pour inclure une image dans votre page, suivez la procédure ci-dessous:
      1- Trouvez une image de votre personnage sur internet.
      2- Faites un clic droit sur l'image et sélectionnez "Enregistrer l'image sous ...."
      3- Placez cette image dans votre espace de téléchargement.

      Procédure :
      - En utilisant la cadre du bas, - Parcourir
      - .. ton image
      - .. Ouvrir
      - .. Télécharger


      Insérez cette image dans votre page après le titre (cliquez ici afin de connaître la procédure d'insertion d'une image dans une page)
      Insérez un saut de ligne à la suite de cette image.
    3. Une introduction mentionnant pourquoi ce personnage ou activité vous intéresse.
      Exemple : J'ai choisi ce personnage/activité parce que ...

    4. 5 courtes phrases contenant des éléments de la biographie du personnage présentées dans un ordre chronologique ou 5 caractéristiques de votre activité.
      ATTENTION : Les phrases doivent être écrites dans vos propres mots.
      Placez deux SAUTS DE LIGNE entre chacun des éléments de la page (phrases, images, liens de référence,...)
    5. Une conclusion
    6. 2 liens vers les sites web de référence

      Afin de créer les liens vers ces sites de références, suivez la procédure suivante :

      - Sélectionnez et Coupez l'adresse d'un des sites qui apparaît au bas dans votre page

      - À cet endroit, tapez au clavier le texte "Référence 1"

      - Sélectionnez ce texte

      - Cliquez le bouton LIEN

      - Collez (touches Ctlr + v) l'adresse dans la fenêtre de dialogue qui s'affiche + OK

      - laissez intact le mot _blank + OK

      - Remarquez la balise A ainsi que les paramètres HREF et TARGET qui s'ajoutent à votre texte

      - Répétez ces opérations avec votre deuxième adresse.



  10. Ajoutez ensuite le code HTML qui permettra d'afficher votre texte dans une couleur de votre choix autre que noire (sélectionne le texte en entier et utilise le bouton COULEUR DU TEXTE).

  11. Cliquez le bouton ENREGISTRER afin d'enregistrer votre travail
  12. Affichez cette page et corrigez les erreurs au besoin

Autoévalutation de la qualité

  1. Est-ce que j'ai placé un titre?
  2. Est-ce que j'ai placé une image?
  3. Est-ce que j'ai écrit ma phrase d'introduction?
  4. Est-ce que j'ai écrit mes 5 phrases?
  5. Est-ce que ces phrases sont bien écrites?
  6. Est-ce que j'ai vérifié l'orthographe?
  7. Est-ce que j'ai placé deux liens vers mes sites de référence?
  8. Est-ce que ces liens fonctionnent bien?

Critères de correction pour le travail

1- Structure du texte :
-- Titre
-- Image
-- Introduction
-- 5 éléments de la biographie
-- Conclusion
-- Références
2- Utilisation de phrases complètes ayant une structure syntaxique correcte
3- Orthographe
4- Insertion d'une image
5- Pertinence des élèments de biographie retenus