Mini site ponts

Création de la page d'accueil

  1. Copier le dossier mini_site_ponts qui est dans Elèves/5°/Ressources 5°/mini_site_ponts et coller le dans votre dossier personnel.

  2. Lancer le logiciel Notepad++

  3. A partir du logiciel Notepad++, ouvrir le fichier site_ponts.html qui est dans votre dossier personnel dans le dossier mini_site_ponts.

  4. Ecrire entre les balises <body></body> :

Visualiser votre page dans le navigateur

Création des pages annexes

  1. A partir du logiciel Notepad++, ouvrir les fichiers poutre.html, arc.html, suspendu.html et haubans.html qui sont dans votre dossier personnel dans le dossier mini_site_ponts.

  2. Insérer les images : poutre.jpg, arc.jpg, suspendu.jpg et haubans.jpg, qui sont dans le dossier images du dossier mini_site_ponts.html qui est dans votre dossier personnel, sur les pages poutre.html, arc.html, suspendu.html et haubans.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_ponts.

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