Cadres et ancres
avec OpenOffice Document HTML

Techniques mises en oeuvre pour réaliser l'exercice d'apprentissage Impress_Serie3_TD1cons.pdf.

Télécharger les consignes de l'exercice Html_Serie3_TD1cons.pdf et l'archive vin.zip. [avec le Clic droit ou Crtl-Clic sur Macintosh]
Décompresser alors cette archive dans un dossier « vin ».
Ce dossier « vin » sera la racine de votre site, il contient les sous-dossiers « images », « textes » et « documents » qui eux-mêmes contiennent tous les éléments nécessaires à la réalisation du site.

30. Utilisation de styles à partir d'un autre document ou d'un modèle : [voir]
    Ouvrir la page « modele.html ». Charger le style « modèle vin ».
    
    
31. Repère de texte (ou ancre nommée) : [voir]
    Dans cette page « cepage.html », insérer un repère de texte ( une ancre ) devant le nom du cépage qui figure dans la cellule de gauche des lignes 3 à 6 [ L'Aligoté, Le Chardonnay, Le Pinot noir et Le Gamay (noir à jus blanc) ].
    Les noms donnés à ces ancres seront respectivement Al, Ch, Pi et Ga.
    
    
32. Créer un lien hypertexte vers une ancre nommée : [voir]
    Créer cette page cepage.html un lien ayant pour source le mot « aligoté » contenu dans la deuxième ligne du tableau et dont la cible soit l'ancre « Al ».
    Créer ensuite trois liens selon le même principe dont les origines sont « chardonnay », « pinot noir » et « gamay » et les cibles respectives, les ancres « Ch », « Pi » et « Ga ».
    
    
33.  Insérer un cadre : [voir]
    Insérer dans cette page un cadre qui sera nommé « Haut », dont le contenu sera la page « Haut.html », la barre de défilement et la bordure seront désactivées. Les écarts avec le contenu seront nuls.
    
    
34. Modifier les propriétés d'un cadre : [voir ]
    Les propriétés du cadre « Haut » seront modifiées de la manière suivante: largeur : 26 cm, hauteur : 3,6 cm, ancré à la page; la position du cadre sera 0 cm à gauche et vers le haut.
    
    
35. Les cadres (ou Frames): [voir]
    Insérer dans cette page un second cadre qui sera nommé « Bas », dont le contenu sera la page « Accueil.html », la barre de défilement sera activée et la bordure sera désactivée. Les écarts avec le contenu seront nuls.
    Les propriétés du cadre « Bas » seront modifiées de la manière suivante: largeur : 26 cm, hauteur : 18 cm, ancré à la page; la position du cadre sera 0 cm à gauche et 3,6 cm vers le haut.
    
    
36. Créer un lien hypertexte dont la cible soit affichée dans un cadre : [voir]
    Créer dans la page « haut.html » (qui apparaît dans le cadre « Haut » de la page « index.html ») un lien ayant pour source « Les Cépages » et dont la cible soit la page « cepage.html » qui sera affichée dans le cadre « Bas » de la page « index.html ».
    Créer des liens ayant pour sources: « Les Appellations »; « Les Régions »; « La Production » et l'image placée dans la cellule la plus à gauche; et pour cibles respectives les fichiers enregistrés dans le dossier « documents » du site : « Appell.sxw »; « regions.sxi »; « prod.sxc » et la page « accueil.html » enregistrée à la racine du site. Les cibles seront toutes affichées dans le cadre « Bas » de la page « index.html ».
    
    
37. Créer un lien hypertexte dont la cible soit une adresse mél : [voir]
    Créer dans la page « haut.html » (qui apparaît dans le cadre « Haut » de la page « index.html ») un lien ayant pour source « Ecrivez-nous » et dont la cible soit votre adresse e-mail (par exemple : « gaston.Lagaffe@u-bourgogne.fr ») qui sera affichée dans le cadre « Bas » de la page « index.html ».
    
    
38. Tester le site dans un navigateur : [voir]
    Vérifier le fonctionnement du site.
    

oOo