Sommaire




l'Internet, le Web et la Grille

© http://www.med.univ-rennes1.fr/~poulique/cours/html/menu_frame.html


l'intérêt de l'Internet et du Web

  • Réseau de communication mondial
  • Interconnection de réseaux
  • Accès à une masse gigantesque d'informations distantes
  • Chaque individu peut y mettre les informations qu'il désire
  • Succès du Web
    • Accès ergonomique et facile à une masse de données colossale et variée
IMAGE imgs/mcours02.gif


Les données sur le Web



Les serveurs Web



HTML



HTML


HTML



HTML



HTML



HTML



HTML


HTML


HTML


Image et Son


Image et son


Image et son


Image et son



Le texte peut être placé au milieu de l'image
<IMG SRC="pic.gif" ALIGN="MIDDLE"> comme ceci
Le texte peut être placé au milieu de l'image
comme ceci
Le texte peut être placé au bas de l'image
<IMG SRC="pic.gif" ALIGN="BOTTOM"> comme ceci
Le texte peut être placé au bas de l'image
comme ceci
Une image peut être placée au milieu de la page par
<CENTER><IMG SRC="pic.gif"></CENTER>
<IMG SRC="pic.gif" ALIGN="RIGHT">
Une image peut être placée à droite de la page comme ceci.
Une image peut être placée à droite de la page comme ceci.
<IMG SRC="pic.gif" ALIGN="RIGHT" HSPACE="20">
Une image peut être placée à droite du texte comme ceci. Cette fois-ci on choisit de créer un espace (calculé en pixels) entre le texte et l'image avec HSPACE (HSPACE veut dire Horizontal Space, il existe aussi VSPACE pour Vertical Space).

Une image peut être placée à droite du texte comme ceci. Cette fois-ci, on choisit l'espace qu'on veut avec HSPACE.
<IMG SRC="pic.gif" ALIGN="LEFT" HSPACE="10">
Une image peut être mise à gauche du texte comme ceci.
Une image peut être mise à gauche du texte comme ceci.
Une autre astuce consiste à jouer sur la taille d'une image. Pour agrandir ou réduire une image , vous pouvez utiliser les instructions <WIDTH="valeur"> et <HEIGHT="valeur">. comme ici <IMG SRC="pic.gif" ALIGN="RIGHT" HSPACE="40" WIDTH="80" HEIGHT="80">


Image et son


Image et son


Autres documents


Insertion d'hyperliens


Insertion d'hyperliens


Insertion d'hyperliens


Insertion d'hyperliens


Insertion d'hyperliens


Les ancres


Les ancres



Les tableaux


Les tableaux


Les tableaux


Les tableaux


Les tableaux

Voir l'image Serveur Babel
ligne 1 même cellule 
ligne 2 même cellule 
ligne 3 même cellule 
Lien vers le serveur BABEL

Les tableaux


Les formulaires


Les formulaires


Les formulaires


Les formulaires


Les formulaires


Les formulaires


Les formulaires


Les formulaires


Les formulaires


Les formulaires


Les formulaires

Qui sont tes amis ?
Paul
Jean
Julien
Isabelle

 

Ton meilleur ami ?
Paul
Jean
Julien
Isabelle

 


Couleurs d'écran


Couleurs d'écran

  • La syntaxe complète est donc :
    • <BODY BACKGROUND="nom_de_l'image.gif" BGCOLOR="#rrggbb" TEXT="#rrggbb" LINK="#rrggbb" VLINK="#rrggbb" ALINK="#rrggbb">

  • Exemple:
    • <BODY BACKGROUND="backwhit.jpg" BGCOLOR="#EEEEEE" TEXT="#006600" LINK="#cc0000" VLINK="#aa2277" ALINK="#C900FF">

Couleurs d'écran

  • Un autre exemple :
         
     
     
     
     


Quelques astuces

  • Les lignes horizontales
  • Attributs à ajouter à : <HR>
    • SIZE : taille en valeur (la syntaxe est par exemple SIZE="5")
    • WIDTH : largeur en valeur ou pourcentage (WIDTH="100" ou WIDTH="50%")
    • ALIGN : alignement avec comme valeur LEFT, RIGHT ou CENTER (ex : ALIGN="LEFT")
    • NOSHADE : pas d'ombre sous la barre
    • On peut préciser la couleur : <HR COLOR="nom_de_la_couleur"> ou <HR COLOR="#rrggbb">

  • Quelques exemples:
    • <HR SIZE="8" WIDTH="15">
    • <HR NOSHADE WIDTH="60%">
    • <HR SIZE="15" WIDTH="200" ALIGN="RIGHT">

Quelques astuces


Quelques astuces


Les frames


Les frames


Les frames


Les frames


Les frames


Les frames


Les frames


Les frames


Les frames


Les frames


Les frames


Les frames


Les frames


Les frames


Les frames


Les images animées