Techniques de Programmation pour Internet

Année Spéciale Informatique

ENSIMAG 2002 - 2003

James L. Crowley

Séance 3

4 fevrier 2003

TP : Edition des pages personnel en HTML.

1) Aller au répertoire ~/www et utiliser votre editor de texte préféré de créer un fichier et entrer les lignes suivantes :



<HEAD>

<TITLE>***votre nom***</TITLE>

</HEAD>

<BODY BGCOLOR=#FFFFFF >

<H1 ALIGN=CENTER>***votre nom***</H1>

<HR>

<P>...</P>

</BODY>

</HTML>

Sauvegarder le fichier dans votre répertoire ~/www avec le nom :<votre nom>.html, ou <votre nom> est votre nom. Démarrer Netscape. Aller au page:

http://ensibull.imag.fr/**votre nom**/**votre nom**.html

2) Entrer dans le fichier une bref description de vous meme, suiviee par les lignes :

<h2> Diplomes </h2> <h2> Experiences Professionnals </h2> <h2> Activities de loisirs </h2> <h2> Address et telephone</h2>

Compléter chaque rubrique avec du texte. Soyez libres d'ajouter d'autre information sur vous mêmes. Regarder le résultat avec Netscape.

3) Ajouter une ancre au sommet du fichier avec la ligne :


<A NAME="SOMMET"></A>

Ajouter une reference a cette ancre au bas de ficher avec :


<A HREF="#SOMMET">SOMMET</A>

Ajouter une ancre avant chaque titre de niveau <h2>. Ajouter une liste de references a ces ancres au sommet de votre fichier. Regarder le résultat avec Netscape.

4) Sur le liste des references des ancres, ajouter une ligne :


<LI><A HREF="agenda.html">agenda</A>

Créer un fichier "agenda.html" avec le titre **votre nom**-agenda. Dans ce fichier, lister votre nom, puis entre un tableau avec une colonne pour chaque jour et des lignes pour chaque heur entre 8h et 20h. Pour mémoire, ce tableau commence :


<TABLE BORDER>
<TR><TH>Heure</TH><TH>Lundi</TH><TH>Mardi</TH></TR>
<TR><TD>8h</TD><TD>...</TD><TD>...</TD></TR>

5) Créer un page ami.html qui contient les noms et references des pages de quelques amis dans le cours. Placer une reference a le pages amis.html dans la listes des references au sommet de votre page.