TP2 : Navigation hypertexte et tableaux en HTML

Objectif :

Toujours en respectant les standarts du W3C, nous allons apprendre à gérer la navigation hypertexte et utiliser des tableaux.

Un PC sous Linux ou Windows relié à internet.
Un Serveur Web pour déposer les pages créées ( venus ).
Un navigateur Chrome, firefox, opéra ou autre.
Un Editeur de texte ( bloc note, kedit, emac ).
Le cours HTML
la norme Html 5
Le site http://www.w3schools.com/ contient un bon didacticiel et de nombreux exemples qui vous aideront à répondre aux questions.

Créer une deuxième page web, dans laquelle vous détaillerez vos passions.
Ajouter un lien externe de la page index.html vers cette nouvelle page et inversement avec la balise<a href=‘...’ > et </a>. N'oubliez pas de renseigner l'attribut "title". Quel est son rôle ?
Que doit on mettre dans l'attribut " href" si l'on veut un chemin relatif ? et pour un chemin absolu ?
Quelle solution retenir pour que le site soit portable.
Quel est le rôle de l'attribut target ? testez les différentes valeurs.
Ajouter des liens vers le site du département et vers vos sites préférés.
Dans la page index.html, ajouter des liens en interne sur le menu principal pour accéder directement aux rubriques.<a id=‘...’ > et </a>, <a href=‘#name’> et </a>.
Prévoir aussi des liens pour revenir en haut de la page.

Avec un logiciel comme photoshop ou Gimp, préparez convenablement une photo de vous pour agrémenter votre CV. Réglez sa taille et sa résolution à 70 dpi. Enregistrez la au format jpeg dans un sous dossier image dans votre dossier public_html.
Ajouter l'image dans le document, avec la balise <img src=‘...’ >, sans trop se préocuper de l'emplacement, nous le réglerons avec une feuille de style.
Utilisez les attributs alt ( pour les navigateurs texte ) et title.
Préparez ou récupérez sur Internet une image gif qui servira de bouton pour remplacer les liens internes.
Quel code html permet de rendre active cette image ?
Agrémentez votre deuxième page ou créez en une troisième avec davantage d'images sur vos passions. Attention au poids des images.

Réalisez un tableau de deux lignes et quatres colonnes, qui présentera vos dernières lectures par type ( magazines, romans, policiers ..) des deux dernières années.
Utilisez l'attribut border pour régler les bordures du tableau.
Utilisez la balise th pour les cases de la première ligne. Quel est l'effet obtenu ?