TP HTML

Exercice 1

Réalisez un mini site comprenant votre CV selon le descriptif suivant:

Un tableau avec bordure fine qui comportera les informations "standards"
4 rubriques, Formation, Expérience professionnelle, Compétences, et Informations complémentaires (titre en H2 par exemple)

Pour chaque rubrique un tableau à 2 colonnes et N lignes, chaque ligne comprend à gauche les années X+1-X dans une liste à puces et la colonne de droite comporte la description de l'année en question (cf. plus bas!).
Le tableau sera sans bordure
Vous pouvez aussi utiliser les attributs

COLSPAN et ROWSPAN de la balise TABLE pour séparer les différentes cellules
WIDTH de la balise TD et de la balise TABLE pour modifier les tailles respectives de la cellule et du tableau (valeur à donner en % de l'écran d'affichage)

Insérez aussi votre photo (ou celle définie par ce lien ... ! Lien H / Lien F)

Ex.

Exercice 2

Faites un nouveau document HTML avec des cadres et reprenant le schéma suivant:

Un cadre gauche qui contiendra un fichier HTML nommé sommaire.htm par exemple.
Un cadre droite qui contiendra une page d'accueil par défaut selon votre imagination!
Le sommaire devra comporter des liens vers les différentes rubriques du CV qui seront donc plus détaillées que le simple résumé fait dans le CV. Ces liens seront définis sur le nom de la rubrique ou sur les années (cf. ci-dessous)

Ex.

Exercice 3

Utilisez les balises META vues en cours concernant la langue et les caractères utilisés.
Codage de la langue de la page: meta http-equiv="content-language" content="XXX" avec XXX code de la langue (fr: français, en-gb: anglais britannique, en-us: anglais américain)
Codage des caractères accentués: meta http-equiv="content-type" content="text/html ; charset=iso-8859-1"
Vous pouvez tester la table suivante: "euc-jp".

Exercice 4

Composez une page ressemblant à l'image suivante,