Au cours de ce 6ème cours nous avons fait le point sur le dossier Html: (Hyper Texte Meta Language)
>
Html:
les liens définissent par nature le document Html, le langage Html est standard et universel.
c'est un fichier texte avec un certain nombre de balise: < > qui permettent la mise en forme
(par exemple: ... pour écriture en gras)
on utilisera le logiciel Nvu (qui est un graticiel, mais on peut utiliser un autre logiciel)
il existe aussi d'autres langages internet comme Xml ou Xhtml
>
on rendra le dossier sous forme d'archive (en zip. ou rar.)
dont la structure interne sera:
-une page d'accueil.
-pages html.
-images
-audio
-video
consignes du dossier html:
-liens hypertextes introduits tout au long du document: systématiquement un menu + systèmes de renvois dans le document.
-avoir une organisation générale qui soit commune à toutes les pages.
-utiliser des tableaux.
-ne pas devoir dérouler la page, il faut que toute la page soit à peu près visible sur l'écran.
-mettre en forme avec taille, couleur etc.
-attention à la lisibilié avec les images de fond.
-préférer un menu qu'une table des matières.
-organisation à l'aide de tableaux.
-créer des rubriques spéciales comme: contact (notre présentation) ou liens (sitographie)
-insérer des liens externes. (vers pages internet)
-insérer des liens internes. (vers pages html de notre dossier)
-système de renvois avec des ancres. (liens notamment dans une même page)
-faire systématiquement des liens relatifs.
-insérer des images et les référencer doublement. avec un texte alternatif si jamais l'image ne s'affiche pas.
Utilisation:
-commencer tout d'abord par Format/titre et propriété de la page
titre: nom de la page dans le navigateur (donner des noms simples)
auteur: les noms des personnes du groupe
description:
puis enregistrer.
-il y a différents modes: normal, balises html, source, apercu.
- B I U : gras italique souligné (calqué sur les balises)
-Format/taille pour la taille du texte , ou bien les icones A
-on peut choisir le format de paragraphe: corps de texte, paragraphe, titres ...
-couleurs de texte, du fond ou surlignage.
-Format/ couleur et fond de la page pour appliquer à tout le document.
-Insertion/ caractères et symboles.
-Insertion/ table des matières
-vérifier avec le mode apercu.
-attention au copié collé, prendre du texte brut et le mettre en forme après.
-pour les liens: Insertion/ lien (soit on tape l'adresse, soit on prend un mot selectionné et on le relie à une adresse, soit on le relie à la page html à laquelle on veut renvoyer)
-pour des liens dans une même page on insère des ancres: Insertion/ ancre , ou icone ancre, et donner un nom simple à l'ancre.
pour aller à une ancre d'une autre page on clique sur le lien, on va dans Parcourir choisir l'ancre ou on tape : /#nom de l'ancre.
-images: Insertion/image ou icone image (ne pas oublier que le lien soit relatif) et utiliser les onglets: emplacement, dimension, apparence, lien.
-barre de menu: Tableau, si on ne veut pas que les bordures soient visible, appliquer aux bordures 0 pixels.
Aucun commentaire:
Enregistrer un commentaire