COME Bernard Comeau Commerce électronique Les éléments retrouvés dans une page Web. COME 2001

COME Bernard Comeau Structure de la page Web 1. Entête 2. Corps Une page Web est composée de deux parties principales :

COME Bernard Comeau Structure – lentête 1. Entête –Cest la partie principale de la page. –Elle permet didentifier lauteur. –Elle contient : –Le titre de la page qui sera affiché par le navigateur du client ; –Les informations permettant aux moteurs de recherche de retracer la page Web.

COME Bernard Comeau Structure – le corps 2. Corps –Tous les autres éléments (texte, images, les fonctions multimédias) sont incorporés dans le corps de la page. –Ces éléments seront tous affichés par le navigateur du client.

COME Bernard Comeau Les délimitateurs saut de paragraphe. saut de paragraphe. division de bloc. division de bloc. –Encadrement dun bloc de texte. saut de ligne. saut de ligne. insertion dune ligne horizontale. insertion dune ligne horizontale. structure dune liste. structure dune liste. –Liste de description Nom des termesNom des termes –Description du terme choisi

COME Bernard Comeau Les styles la taille du texte. la taille du texte. barrer le texte. barrer le texte. souligner le texte. souligner le texte. faire clignoter le texte. faire clignoter le texte. caractère gras. caractère gras. caractère italique. caractère italique. indice. indice. exposant. exposant.

COME Bernard Comeau Les caractères spéciaux et accentués Les caractères, & et " étant interprétés par HTML, les séquences suivantes permettent leur affichage: < < > > & & " "

COME Bernard Comeau Les caractères spéciaux et accentués - suite Les caractères accentués HTML utilise le jeu de caractères ISO Latin-1 codés sur 8 bits et les caractères ASCII codés sur 7 bits. Avec cette dernière codification les caractères accentués sont représentés par les séquences suivantes : é é É É è è ê ê à à ï ï ç ç ñ ñ Æ Æ é é É É è è ê ê à à ï ï ç ç ñ ñ Æ Æ

COME Bernard Comeau Les images XBM monochromeXBM monochrome GIF 256 couleursGIF 256 couleurs JPEG 16 millions de couleursJPEG 16 millions de couleurs – –

COME Bernard Comeau Les images réactives Une image peut contenir plusieurs hyperliens.Une image peut contenir plusieurs hyperliens. Consultez la page suivante :Consultez la page suivante : – e/cartes/index.shtml e/cartes/index.shtmlhttp:// e/cartes/index.shtml

COME Bernard Comeau Des listes Liste ordonnée. Liste ordonnée. –Liste numérotée. Liste non-ordonnée. Liste non-ordonnée. –Liste à puces.

COME Bernard Comeau Les hyperliens Un hyperlien (pointeur) p ermet de se déplacer dune page Web à lautre.Un hyperlien (pointeur) p ermet de se déplacer dune page Web à lautre. Chaque page Web sera identifiée par une adresse Internet spécifique.(URL – uniform ressource locator)Chaque page Web sera identifiée par une adresse Internet spécifique.(URL – uniform ressource locator)

COME Bernard Comeau Les hyperliens - suite 5 types de lien5 types de lien –Lien vers un document complet distant –Lien vers un document complet local –Lien vers une partie dun document local (cible) (cible) –Lien vers une partie du document courant (cible) (cible) –Lien pour adresser un message électronique

COME Bernard Comeau Un formulaire Un formulaire est une fiche que l'utilisateur peut remplir, ces informations ainsi saisies sont traitées par le serveur WWW à l'aide d'un programme CGI (Common Gateway Interface). Un formulaire est une fiche que l'utilisateur peut remplir, ces informations ainsi saisies sont traitées par le serveur WWW à l'aide d'un programme CGI (Common Gateway Interface). –Ne pas oubliez dinclure les boutons « Envoyer » et « Annuler ».

COME Bernard Comeau Un tableau Cette fonction permet de fabriquer des tableaux très visuels. Chaque cellule peut avoir un contenu et un aspect différent. Cette fonction permet de fabriquer des tableaux très visuels. Chaque cellule peut avoir un contenu et un aspect différent.

COME Bernard Comeau Un cadre Netscape a implémenté le partage de la fenêtre en "cadres" ou "cellules" autonomes. Ceci revient à diviser la fenêtre en plusieurs zones appelées frames. Chaque zone est gérée indépendamment des autres. Chaque zone porte un nom. Netscape a implémenté le partage de la fenêtre en "cadres" ou "cellules" autonomes. Ceci revient à diviser la fenêtre en plusieurs zones appelées frames. Chaque zone est gérée indépendamment des autres. Chaque zone porte un nom.

COME Bernard Comeau La justification alignement au centre. alignement au centre. alignement à droite. alignement à droite. Aucun code pour lalignement à gauche, cest une valeur définit par défaut.Aucun code pour lalignement à gauche, cest une valeur définit par défaut.

COME Bernard Comeau Des éléments divers Fond décran (Background)Fond décran (Background) Couleur du texteCouleur du texte –Consultez la palette de couleur – ursp20-3.html ursp20-3.htmlhttp://nephi.unice.fr/CoursHTML/co ursp20-3.html – CompteurCompteur Bande avec un message - PubBande avec un message - Pub

COME Bernard Comeau Les informations de de documents furent recueillies sur le site suivant : COURS__LANGAGE__HTML (Hyper Text Markup Language) – Les références

COME Bernard Comeau FIN