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. (Actualiser votre écran en appuyant sur la touche F5 du clavier)

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.jpg
    labyrhinte.jpg
    match_de_foot.jpg
    qui sont dans le dossier images du dossier mini_site_mbot, dans votre espace personnel, 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

  1. Copier, coller et modifier le code suivant : <a href="nom de la page de destination.html">Texte du lien hyper texte</a>

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 :