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 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 mbot</h1>
    <h3>Détecteur de présence</h3>
    <h3>Suiveur</h3>
    <h3>Télécommande</h3>
    </body>

    Enregistrez vous.

Visualiser votre page dans le navigateur

Création des pages annexes

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

  2. Insérer les images :
    detecteur_de_presence.jpg
    suiveur.jpg
    telecommande.jpg
    qui sont dans le dossier images du dossier mini_site_mbot.html, dans votre espace personnel, sur les pages :
    detecteur_de_presence.html
    suiveur.html
    telecommande.html.

Visualiser vos pages dans le navigateur

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

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 :