Mini site mbot

Création de la page d'accueil

  1. Copier le dossier mini_site_mbot qui est dans Poste de travail/Ma classe/Documents en consultation et coller le dans le dossier Documents de votre espace personnel.

  2. Lancer le logiciel Notepad++ : Démarrer ----> Tous les programmes ----> Notepad++.

  3. A partir du logiciel Notepad++ ouvert, ouvrir le fichier mini_site_mbot.html qui est enregistré dans votre espace personnel, dans votre dossier mini_site_mbot.

  4. Ecrire entre les 2 balises <body> et </body> comme ci dessous : (vous pouvez copier/coller!)
    <body>
    <h1>Mini site robot</h1>
    <h3>Robot suiveur</h3>
    <h3>Labyrhinte</h3>
    <h3>Match de foot</h3>
    </body>

    Enregistrez vous.

Visualiser votre page dans le navigateur en double-cliquant sur votre fichier mini_site_mbot.html.

Création des pages annexes

  1. A partir du logiciel Notepad++ ouvert, ouvrir les fichiers robot_suiveur.html, labyrhinte.html et match_de_foot.html qui sont dans votre espace personnel dans le dossier mini_site_mbot.

  2. Insérer les images :
    robot_suiveur.png
    labyrhinte.png
    match_de_foot.png
    qui sont dans le dossier images du dossier mini_site_mbot, dans votre espace personnel, respectivement sur les pages :
    robot_suiveur.html
    labyrhinte.html
    match_de_foot.html.

Visualiser vos pages dans le navigateur. (Actualiser votre écran en appuyant sur la touche F5 du clavier)

Création des liens hypers texte

Visualiser vos pages dans le navigateur. (Actualiser votre écran en appuyant sur la touche F5 du clavier)

Création du style CSS

  1. A partir du logiciel Notepad++, ouvrir le fichier stylecss.css qui est dans votre dossier personnel dans le dossier mini_site_mbot.

  2. A partir de la page ressources, copier coller, sur la page stylecss.css, les codes CSS pour avoir :