La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Chapitre 1 Généralité sur la Mise En Forme BEN MAHMOUD Chaker Année Universitaire 2007-2008.

Présentations similaires


Présentation au sujet: "Chapitre 1 Généralité sur la Mise En Forme BEN MAHMOUD Chaker Année Universitaire 2007-2008."— Transcription de la présentation:

1 Chapitre 1 Généralité sur la Mise En Forme BEN MAHMOUD Chaker Année Universitaire

2 BEN MAHMOUD CChapitre 12 Structure dun document HTML - La page Web Balises de structure globale HTML, HEAD, BODY, ADDRESS Un Titre causant Le corps …le document = le contenu, l information que l on veut afficher dans le navigateur des visiteurs…..

3 BEN MAHMOUD CChapitre 13 Len-tête On y trouve le titre de la page Web, qui doit être assez explicite : balise TITLE. Ce titre s affichera –Dans la barre de titre de la fenêtre de navigation –Dans la page des signets (marque-pages, bookmarks ou favoris) –Par défaut, si aucun titre nest spécifié, cest le nom du fichier qui sera utilisé Par exemple : index.html, default.htm …, Ce qui n est pas descriptif du contenu de la page, ni mémo- technique. –Ce nom doit être spécifié ainsi il est différent du nom du fichier HTML de la pageWeb. N oubliez pas que les noms de fichiers ne doivent pas contenir daccents, de blanc, de caractères spéciaux, le titre de la fenêtre peut en contenir ! On y trouve des renseignements sur le contenu du document qui seront utilisés par les moteurs de recherche, pour répondre aux requêtes posées par un visiteur. –Mais, elles sont non-visibles par le visiteur, Cest la balise META

4 BEN MAHMOUD CChapitre 14 La balise META Les attributs les plus courants à la balise META : –Lattribut LANG indique le langage dans lequel est rédigé le contenu de lattribut CONTENT. Certains moteurs de recherche permettent de faire des sélections en fonction de la langue utilisée. –Pour un site en français, mettre lang=«fr» (« en » pour anglais,...). Ce champ n est pas obligatoire. –Les valeurs les plus utiles de lattribut NAME : – name=« author » content=« Nom_de_lauteur » : indique le nom de lauteur de la page – Name =« keywords » content=«Listes_mots_clés_séparés_par_virgule » : –donne une liste de mots-clés qui pourront correspondre aux critères de recherche entrés par l internaute dans un moteur de recherche. – name=description content=Phrase_décrivant_votre_site : petit texte qui saffiche dans les réponses des moteurs de recherche et qui décrit le site. Évitez les accents, tous les moteurs de recherche ne les traduisent pas.

5 BEN MAHMOUD CChapitre 15 La balise META: Exemple Ecole supérieure de commerce électronique ...

6 BEN MAHMOUD CChapitre 16 Le Corps Les attributs de la balise BODY permettent de modifier –La couleur du fond : BGCOLOR –La couleur du texte : TEXT –La couleur des liens non visités : LINK –La couleur des liens déjà visités : VLINK –La couleur des liens à linstant du clic : ALINK – La règle est : ATTRIBUT = #rrggbb Où rr, gg et bb indiquent les quantités de couleur Rouge Verte et Bleu en hexadécimal : entre [00..FF]. Par exemple : Noir : Blanc : FFFFFF Rouge : FF0000Vert : 00FF00Bleu : 0000FF Jaune : FFFF00Magenta : FF00FF Gris moyen : Etc …

7 BEN MAHMOUD CChapitre 17 Exemple... du texte

8 BEN MAHMOUD CChapitre 18 Le pied de page : Le texte encadré par la balise ADDRESS sera affiché en italique; On y trouve, habituellement, les informations suivantes : – Nom et coordonnées de l auteur – Adresse électronique de la personne à contacter au sujet de la page – La date de la dernière modification – URL de la page : bien pratique lorsquon limprime de garder une trace de l adresse sur le web de la page Les commentaires - Pour votre usage personnel : – Aide au développement et à la maintenance – Important dans le cas d un travail d équipe.

9 BEN MAHMOUD CChapitre 19 Modifier la présentation du texte Le texte sous HTML est écrit !au kilomètre!. –Les changements de ligne (par la touche RETURN ou ENTREE ) ne sont pas pris en compte par les navigateurs. –Il faut impérativement mettre de façon explicite dans le HTML les changements de ligne que lon veut imposer. La balise imposant un changement de ligne est –Cest une balise seule, labréviation de BREAK. Changer de paragraphe balise (pour PARAGRAPHE). –Impose un changement de ligne puis saut de ligne. Notons que ces deux balises sutilisent seules. Pour centrer du texte dans la page Web : – partie de texte que l on veut centrer

10 BEN MAHMOUD CChapitre 110 Styles de caractères Pour faire ressortir certaines informations de votre page Web : – … Gras (Bold face) – … Italique – … Souligné (Underline) – texte Barr é test Ce sont des balises doubles (qui encadrent donc le texte affect é ), qui peuvent s embo î ter les unes dans les autres. Texte en exposant ou en indice : – … X è me – … X n Police de caract è re Pour que le navigateur affiche votre texte dans la police de caract è re de votre choix : balise FONT –Au cas o ù cette police n existerait pas sur l ordinateur du visiteur, il est souhaitable d indiquer une deuxi è me police courante comme Arial : … du texte …

11 BEN MAHMOUD CChapitre 111 Taille des caractères pour les titres : –La balise où n varie de 1 à 7 1 correspondant à la plus grosse taille, 7 à la plus petite –Cette balise permet décrire le texte encadré en gras, à la taille indiquée, –Elle provoque un changement de ligne à la fin, –En général, la taille standard du reste du texte correspond à la taille 4. –La taille réelle à laffichage peut être différente selon le navigateur. –Ex : Voici le gros titre Voici un plus petit titre Et voici un tout petit titre Vous donnera quelque chose du genre : Voici le gros titre Voici un plus petit titre Et voici un tout petit titre

12 BEN MAHMOUD CChapitre 112 Pour le texte en général : La balise FONT et son attribut SIZE : … –n représente la taille absolue ou relative des caractères. –En absolu, n varie de 1 à 7, –En relatif, n varie de -6 à +6, sans pouvoir dépasser les bornes de taille absolue 1 et 7. –Attention, tous les navigateurs ne sont pas capables de gérer les 7 tailles de caractères Actuellement pour la gestion des textes, –balise DIV et les CSS sont souvent utilisées Les balises CENTER, FONT … sont dans la norme du html transitionnel et ne sont pas dans la norme du htlml4 stricte.

13 BEN MAHMOUD CChapitre 113 Modifier la couleur dun texte Une partie du texte – texte Rappel pour lensemble du texte – texte Définir la fonte à utiliser pour l' affichage : FACE – texte Exemple d'utilisation de la balise FONT – cest un ex Créer une citation –Le navigateur applique un retrait du texte des deux côtés de la page – texte La balise (preformatted) affiche le texte entré tel quel; Tableau Col 1 + Col

14 BEN MAHMOUD CChapitre 114 La Balise –Permet d'introduire un nouveau paragraphe: retour à la ligne + ligne vierge. P est un élément ouvert; il conseillé de le fermer lorsque des attributs lui sont associés. –Attribut Align : Permet d'aligner un paragraphe à gauche, au centre, à droite de l'écran ou de le justifier. –Align left, right, center ou justify –Exemple : Notre cours

15 BEN MAHMOUD CChapitre 115 Les Couleurs –La règle est : ATTRIBUT = #rrggbb Où rr, gg et bb indiquent les quantités de couleur Rouge Verte et Bleu en hexadécimal : entre [00..FF]. Ou bien son nom en anglais –exemple –Bleu #0000FF blue –Vert #00FF00 green –Blanc #FFFFFF white –Rouge #FF0000 red –Jaune #FFFF00 yellow –Noir # black Utilisation : cest un ex

16 BEN MAHMOUD CChapitre 116 Balise - paramètre la page Fond décran – répétition d'une image sur lécran du navigateur Couleurs –


Télécharger ppt "Chapitre 1 Généralité sur la Mise En Forme BEN MAHMOUD Chaker Année Universitaire 2007-2008."

Présentations similaires


Annonces Google