10-9 Activité 9 (écrire du HTML)

- -Toolbox -Tecfa Manuel

10-9 Activité 9 (écrire du HTML)

Objectif :

· Etre capable de créer un document HTML destiné au WEB dans plusieurs types d'éditeurs différents

Savoir-faire :

1. Structurer un document html
2. Mettre en page un document html
3. Insérer une image
4. Visualiser le résultat à chaque étape d'avancement de la composition

Pré-requis :

· Notions de feuilles de style
· Structure formelle et hiérarchique d'un texte
· Visualiser les fichiers sources dans le WEB (voir 10-8Activité 8 (utiliser le Web)).

Connaissances indispensables :

1. Le principe du marquage HTML (voir section 1-1Documentation sur Internet).

· Les codes html de base:
· structure du document (head/body).
· listes diverses, paragraphes, ligne de séparation, adresse, mise en forme (italiques, emphase, etc.),
· URLs: insertion d'images, liens et ancres (internes,externes)

2. Utilisation du browser en local
3. Qualité d'un document html court

Vérification :

· Avoir réalisé une page d'essai utilisant les différents tags de mise en page afin d'en comparer, d'analyser et de commenter leurs réalisations (par exemple différence entre menu, ul, ol, dl, dl, etc.)
· Avoir réalisé sa propre home page selon certains critères imposés

Exercice 9.1 Les "tags" de mise en page

But: Apprentissage de la mise en page

1. Créez un fichier ~/public_html/test.html (ou un autre nom qui se termine par *.html)
2. Composez un texte utilisant 3 niveaux de titres (H1, H2 et H3), des listes numérotés ou non, des lignes horizontales, du texte séparé par des paragraphes, etc.

Succès: Votre page est belle lorsque vous la regardez depuis le Web

Exercice 9.2 Regarder un fichier Local

Si vous avez peur de montrer vos essais au monde entier (tout le monde peut regarder ce qui se trouve dans public_html y compris Madonna), vous pouvez soit changer les permissions soit mettre ce fichier ailleurs et le regarder dans la suite par la commande menu "File/Open Filel".

Exercice 9.3 Les liens

But: Apprentissage des liens externes

1. Créez un fichier ~/public_html/interest.html
2. Mettez des références sur quelques sujets qui vous intéressent (La mise en page doit être ergonomique)
3. Signez votre page, c'est à dire, insérez un lien qui remontre sur votre home page (~/public_html/welcome.html)

Exercice 9.4 Votre home page

But: Avoir réalisé sa propre home page

1. Créez votre home page en éditant la page ~/public_html/welcome.html (Si elle s'y trouve pas, voir Exercice 2.2copier).
2. Elle contiendra au moins:

· Votre nom
· votre emploi etc.
· vos intérets

3. Rajoutez un lien qui pointe sur la page de l'exercice précédant.

- -Toolbox -Tecfa Manuel