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

Applications Internet – cours 3La page web Les listes élément vraiment indispensable dans un site web Les listes numérotées Premier pas : demander au navigateur.

Présentations similaires


Présentation au sujet: "Applications Internet – cours 3La page web Les listes élément vraiment indispensable dans un site web Les listes numérotées Premier pas : demander au navigateur."— Transcription de la présentation:

1 Applications Internet – cours 3La page web Les listes élément vraiment indispensable dans un site web Les listes numérotées Premier pas : demander au navigateur de mettre en place une liste numérotée avec la balise: qui peut comporter des attributs: du genre : ou X =A pour des majuscules, a pour des minuscules I pour des chiffres romains majuscules i pour des chiffres romains minuscules 1 (par défaut) pour des nombres ou encore - la liste commence à la lettre D Deuxième pas : établir les éléments de la liste avec la balise:.... la balise introduit un léger retrait du texte qui sera listé.

2 Applications Internet – cours 3La page web Les listes élément vraiment indispensable dans un site web Les listes à puces Premier pas : demander au navigateur de mettre en place une liste à puces avec la balise: qui peut comporter des attributs: du genre : ou forme = disc pour une puce ronde et pleine, circle pour une puce ronde et vide square pour une puce carrée Deuxième pas : établir les éléments de la liste avec la balise:.... la balise introduit aussi un léger retrait du texte qui sera listé.

3 Applications Internet – cours 3La page web Les listes élément vraiment indispensable dans un site web Les listes de définition Premier pas : demander au navigateur de mettre en place une liste à puces avec la balise: à lintérieur de laquelle on introduit 2 autres balises : la balise introduit un léger retrait du texte qui sera listé. Les séparateurs horizontaux Le trait horizontal peut être un bon outil de structuration du contenu. HTML offre la possibilité den insérer avec la balise: ou Cette balise comporte les attributs suivant: -la hauteur du trait en pixels: size=X -la largeur du trait en pixels ou en pourcentage : width=X ou width=X% -lalignement du trait : align=left ou center, ou right. -la couleur : color=couleur (! attention, pas dans tous les navigateurs!)

4 Applications Internet – cours 3La page web Les liens la véritable richesse du HTML se trouve dans les hyperliens. Voici leur balise: texte du lien La destination des liens : - vers une autre page du site - vers un endroit de la page en cours (les ancres) - vers un endroit dans une autre page - vers une autre page sur le WEB - vers une adresse de courriel - vers un fichier que linternaute pourra télécharger -le lien peut se faire aussi à partir dune image - le lien peut servir à lancer un fichier son ou vidéo. -Lors de la création du site, on regroupe les pages dans un ou plusieurs dossiers. -Lien vers une page du même dossier: vers page 4 -Lien vers une page dun autre dossier: vers page 4 -Lien de retour vers la page daccueil : vers lindex -Lien vers une ancre : dans la même page: dans une autre page: lien

5 Applications Internet – cours 3La page web Les liens la véritable richesse du HTML se trouve dans les hyperliens. Voici leur balise: texte du lien Les liens vers un autre site WEB: vers lhoraire Les liens vers une adresse de courriel : JeanDo Les liens vers une fenêtre spécifique: (à insérer après lURL et avant le texte du lien) ce type de lien offre les possibilités suivantes: : target=_self (défaut) la page cible souvre dans la même fenêtre (cadres)target=_top la page cible souvre dans la même fenêtre mais elle loccupe target=_blank la page cible souvre dans une nouvelle fenêtre Lattribut title dans un lien: permet de proposer une info-bulle au lien. (le petit texte dans un petit encadré jaune qui apparaît lorsque vous vous attardez 2 secondes avec votre souris sur le texte / image comportant un hyperlien). horaire

6 Applications Internet – cours 3La page web Les IMAGES Le code Html est : Afficher l'image qui se trouve à l'adresse... La balise image possède de nombreux attributs. Texte alternatif alt="****" Pour les browser n'ayant pas l'option "image" activée Dimensions width=? height=? Hauteur et largeur (en pixels) border=? (en pixels) Bordure align=top align=middle align=bottom align=left align=right

7 Applications Internet – cours 5La page web L arrière-plan Le langage Html permet d'agrémenter la présentation du document d'un arrière- plan [background] coloré ou composé d'une image. Couleur d'arrière-plan utilisées par défaut par le browser pour le texte et les liens. Couleur de texte Couleur de lien Lien visité Lien actif

8 Applications Internet – cours 3La page web Les tableaux En Html, les tableaux servent non seulement à aligner des chiffres mais surtout à placer des éléments à l'emplacement que vous souhaitez. L'usage des tableaux est donc très fréquent. Un tableau est composé de lignes et de colonnes qui forment les cellules du tableau. Les balises de base sont donc : Définition du tableau [Table] Début et fin de tableau Définition d'une ligne [Table Row] Début et fin de ligne Définition d'une cellule [Table Data] Début et fin de cellule 11.1 Un tableau à deux lignes et deux colonnes, et donc à quatre cellules se représente comme suit : Il y a encore trois éléments (définis par défaut mais modifiables) : L'espace entre les cellules ou l'épaisseur des lignes du quadrillage L'enrobage des cellules ou l'espace entre le bord et le contenu La largeur de la table


Télécharger ppt "Applications Internet – cours 3La page web Les listes élément vraiment indispensable dans un site web Les listes numérotées Premier pas : demander au navigateur."

Présentations similaires


Annonces Google