200 likes | 288 Views
Commerce électronique. COME 2001. Les éléments retrouvés dans une page Web. Structure de la page Web. <head> Entête <body> Corps. Une page Web est composée de deux parties principales :. Structure – l’entête. <head> Entête. C’est la partie principale de la page.
E N D
Commerce électronique COME 2001 Les éléments retrouvés dans une page Web. COME 2001 - Bernard Comeau
Structure de la page Web • <head> Entête • <body> Corps Une page Web est composée de deux parties principales : COME 2001 - Bernard Comeau
Structure – l’entête • <head> Entête • C’est la partie principale de la page. • Elle permet d’identifier l’auteur. • Elle contient : • Le titre de la page qui sera affiché par le navigateur du client <title>; • Les informations permettant aux moteurs de recherche de retracer la page Web <meta>. COME 2001 - Bernard Comeau
Structure – le corps • <body> 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 2001 - Bernard Comeau
Les délimitateurs • <P> saut de paragraphe. • <DIV> division de bloc. • Encadrement d’un bloc de texte. • <BR> saut de ligne. • <HR> insertion d’une ligne horizontale. • < DL-DD-DT> structure d’une liste. • Liste de description • Nom des termes • Description du terme choisi COME 2001 - Bernard Comeau
Les styles • <H1 à H6> la taille du texte. • <Strike> barrer le texte. • <U> souligner le texte. • <Blink> faire clignoter le texte. • < B> caractère gras. • < i> caractère italique. • <sub> indice. • <sup> exposant. COME 2001 - 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 2001 - 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 2001 - Bernard Comeau
Les images • XBM monochrome • GIF 256 couleurs • JPEG 16 millions de couleurs • <img scr= …> COME 2001 - Bernard Comeau
Les images réactives • Une image peut contenir plusieurs hyperliens. • Consultez la page suivante : • http://www.urec.cnrs.fr/annuaire/cartes/index.shtml COME 2001 - Bernard Comeau
Des listes • <OL> Liste ordonnée. • Liste numérotée. • <UL> Liste non-ordonnée. • Liste à puces. COME 2001 - Bernard Comeau
Les hyperliens • Un hyperlien (pointeur) permet de se déplacer d’une page Web à l’autre. • Chaque page Web sera identifiée par une adresse Internet spécifique.(URL – uniform ressource locator) COME 2001 - Bernard Comeau
Les hyperliens - suite • 5 types de lien • Lien vers un document complet distant • < A HREF = URL> • Lien vers un document complet local • < A HREF = nom_de_fichier> • Lien vers une partie d’un document local • < ANCRE> (cible) • Lien vers une partie du document courant • < ANCRE> (cible) • Lien pour adresser un message électronique • < A HREF = mailto:-_____> COME 2001 - Bernard Comeau
Un formulaire • <form> 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 d’inclure les boutons « Envoyer » et « Annuler ». COME 2001 - Bernard Comeau
Un tableau • <table> Cette fonction permet de fabriquer des tableaux très visuels. Chaque cellule peut avoir un contenu et un aspect différent. COME 2001 - Bernard Comeau
Un cadre • <frameset> 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 2001 - Bernard Comeau
La justification • <center> alignement au centre. • <align=right> alignement à droite. • Aucun code pour l’alignement à gauche, c’est une valeur définit par défaut. COME 2001 - Bernard Comeau
Des éléments divers • Fond d’écran (Background) • Couleur du texte • Consultez la palette de couleur • http://nephi.unice.fr/CoursHTML/coursp20-3.html • http://www.visibone.com/colorlab/ • Compteur • Bande avec un message - Pub COME 2001 - Bernard Comeau
Les références Les informations de de documents furent recueillies sur le site suivant : COURS__LANGAGE__HTML (Hyper Text Markup Language) • http://nephi.unice.fr/CoursHTML/ COME 2001 - Bernard Comeau
FIN COME 2001 - Bernard Comeau